Insérer une vidéo Lecteur mp3 Formulaire Base de données Récupérer les données Formulaire vers courriel Sondage maison.
Sondage sans base de données.
Si vous trouvez une article intéressante, vous pouvez participer à sa diffusion en utilisant les boutons de partage situés ci-dessous.
| Résumé de la matière | Description |
|---|---|
| Un sondage maison. | Il peut être utile de connaitre l'opinion des visiteurs sur un sujet donné... |
| Personnaliser le sondage. | Pour une question, vous pouvez ajouter plusieurs choix de réponse... |
| Personnaliser les barres. | Il y a plusieurs couleurs pour les barres de progression... |
| Personnaliser le texte. | Vous pouvez aussi changer la couleur du texte et la grosseur de la police... |
| Question des lecteurs. | J'aimerais un rolhover sur le bouton "Voter"... |
Sondage sans base de données.
Il peut être utile de connaitre l'opinion des visiteurs sur un sujet donné. Connaître par exemple votre publique cible, son âge, comment il a entendu parler de vous pour mieux ciblé votre marketing etc.
Voici un petit sondage. Sa qualité comme son défaut est qu'il n'a pas besoin d'une base de données. Lorsque le visiteur fait un choix, le résultat est calculé simplement sur un fichier sondage.txt. Le problème est que le visiteur peut voté plusieurs fois, mais il est très simple à implanté.
Exemple :
Personnaliser le sondage
Pour une question (ligne 24), vous pouvez ajouter plusieurs choix de réponse (ligne 25 à 30). Si vous avez deux choix, vous n'aurez que deux boutons radio et ainsi de suite. Si vous avez moins de choix de réponse que ce modèle, supprimer les lignes superflues (les lignes comprise entre 25 à 30).
Si la question (ligne 24) est plus longue que l'espace disponible sur la même ligne, ajouter simplement un <br /> pour faire un saut de ligne et terminer votre question.
Personnaliser les barres de progressions.
Dans le dossier image, il y a plusieurs couleurs pour les barres de progression. Vous n'avez qu'à changer le nom du calque pour changer la couleur. Par exemple trouver bg-red.jpg sur la ligne 98 de la page sondage.php et changer son nom pour bg-blue.jpg et le tour est jouer.
Couleurs disponibles :
- bg-blue.jpg
- bg-green.jpg
- bg-grey.jpg
- bg-mauve.jpg
- bg-orange.jpg
- bg-pink.jpg
- bg-red.jpg
Personnaliser le texte.
Vous pouvez aussi changer la couleur du texte et la grosseur de la police grâce au CSS. Par exemple, trouver <div class="titresondage" > (ligne 94) sur la page sondage.php. Comme une classe (class) a été attribuer au conteneur, vous pouvez modifier ces propriétés. Dans le CSS, ajouté ce qui suit (ne tenez pas compte des numéros de ligne) :
1
2
3
4
|
.titresondage{
color:#f00;
font-size:.8em
}
|
Question d'un lecteur.
Très beau et bienfait votre sondage et surtout très simple à mettre sur ma page. J'aime bien ne pas avoir besoin d'une base de données,
mais j'aimerais un rolhover sur le bouton "Voter" comme vous l'avez fait sur votre site. Celui à télécharger ne fonctionne pas
même si les boutons sont dans le dossier - Jean François.
J'ai pris le sondage sur un autre site, mais je ne me souviens plus ou. J'ai simplement adapté le script avec des barres de progression et fait quelque modification pour pouvoir le personnaliser.
La procédure "survoler" n'est pas dans le dossier parce que je ne suis pas sure de sa compatibilité avec tous les navigateurs. Voici tout de même la méthode que j'utilise.
La procédure a finalement été intégrer dans le dossier à télécharger.
Sur la page sondage.php remplacer la ligne 104 par celle-ci :
104
|
echo ('<div><br /><input type="submit" class="submit" value="" />');
|
Puis ajouter dans le CSS :
1
2
3
4
5
6
7
8
9
10
11
|
.submit{
background:url(../images/voter.png) no-repeat;
width:112px;
height:26px;
border:none;
cursor:pointer
}
.submit:hover{
background:url(../images/voter-on.png) no-repeat;
}
|
Question d'un lecteur.
Bonjour. Tout d'abord je vous félicite pour la qualité du contenu de votre site et vous remercie car il m'a servi de support d'apprentissage du Xhtml et du CSS
pour me lancer dans la conception du site que je suis en train de réaliser. Très intéressé par le sondage, je voudrais savoir comment l'insérer dans ma page
d'accueil: où dois-je placer le dossier sondage, que fais je avec les fichiers css et index ? Merci - Pedro David.
J'ai modifié le dossier pour qu'il soit plus facile à intégrer. Il y a une page sondage.php, sondage.txt, un dossier sondage dans lequel il y a un dossier images et style.
Il faut donc simplement copier les ligne 20 à 108 sur la page de votre choix. Comme la page du sondage est dans la racine du site et que la page d'acceille lès aussi, il n'y a rien d'autre à faire puisque les chemins du CSS et des images est le même. Il faut vous assurez que le langage de la page est bien php (index.php).
Pour changer une page "html" en "php" il faut ouvrir la page avec Notepad++ et trouver "Langage" puis choisir "PHP" dans le menu. Ensuite il
faut ouvrir l'onglet "Encodage" puis choisir "Convertir en UTF-8(sans BOM)". Cela fait, enregistrer le tout en vous assurant bien que l'extension soit ".php". Cela
fait, supprimer la page qui a le même nom avec l'extension ". html". Vous devrez changer l'extension des menus vers cette page.
Il faut aussi ajouter cette ligne à toutes les pages qui auron le sondage. Ces le chemin du CSS.
13
|
<link rel="stylesheet" media="screen" type="text/css" href="sondage/style/global.css" />
|
Le fichier sondage.txt doit être dans la racine de votre site.
Ajouter ce site à vos favoris
