Lasonde.fr » Aide http://www.lasonde.fr Créer des sondages gratuitements pour vos sites, blogs, Myspace, Facebook etc... Fri, 25 Nov 2011 14:06:05 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Créer un slideshow / diaporama avec des sondages http://www.lasonde.fr/aide/creer-un-slideshow-avec-des-sondages/ http://www.lasonde.fr/aide/creer-un-slideshow-avec-des-sondages/#comments Sat, 18 Sep 2010 11:29:25 +0000 Administrateur http://www.lasonde.fr/?p=332

Nous allons voir comment créer un slideshow avec jQuery cycle et les sondages Lasonde.fr

Avec le plugin de JQuery qui s’appelle CYCLE, nous pouvons créer une rotation des sondages, définir les effets et temps d’action entre chaque sondage.

1- Ajoutez jQuery sur votre site:
Wordpress intègre déjà jQuery donc pour les blogueurs wordpress, pas besoin de cette étape.
Ajoutez cette ligne de code dans la balise head de votre fichier html

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

2- Ensuite téléchargez le plugin CYCLE de jQuery ici => http://jquery.malsup.com/cycle/download.html

Une fois le plugin Téléchargé et uploadé sur votre site Il faut l’ajouter dans la balise head sous l’appel de la librairie jQuery:

<script type="text/javascript" src="jquery.cycle.js"></script>

Le plugin jQuery Cycle fonctionne simplement il faut déjà coller le code html qui va appeler les sondages Lasonde.fr dans la balise « body » de votre fichier html, partons du principe que nous voulons 2 sondages en rotation:

<div class="slideshow">
  <div id="sondage1" style="display:none;">
    <script type="text/javascript">//code du sondage à récupérer dans votre tableau de bord
      lsd_sondage_14 = {
        "bloc_name":"LSD_sondages_1_4369657310288915",
        "sd_id": "14",
        "css_id": "4",
        "tween":"Tween.regularEaseOut"
      };
      LSD_init_conteneur(lsd_sondage_14);
    </script>
  </div>
  <div id="sondage2" style="display:none;">
    <script type="text/javascript">//code du sondage à récupérer dans votre tableau de bord
     lsd_sondage_87 = {
       "bloc_name":"LSD_sondages_1_2475414006791959",
       "sd_id": "87",
       "css_id": "3",
       "tween":"Tween.regularEaseInOut"
     };
    LSD_init_conteneur(lsd_sondage_87);
    </script>
  </div>
</div>

Il y a une div (notre slideshow) qui contient deux divs contenant les sondages.

3- Maintenant il faut animer le tout avec Javascript et jQuery CYCLE.
Ici nous réglons l’effet « fade » qui aura une vitesse de 1,5 secondes, et qui s’exécutera toutes les 8s, la rotation se stop lors du passage de la souris, ce code est à ajouter dans la balise head de votre fichier html sous l’appel des librairies jQuery:

<script type="text/javascript">
$(document).ready(function() {
  $('.slideshow').cycle({
    fx:     'fade',
    speed:  1500,
    timeout: 8000
  });
  //cette ligne permet de stopper l'animation pendant que la souris est sur un sondage.
  $('.slideshow').hover(function(){$(this).cycle('pause')},function(){$(this).cycle('resume')});
});
</script>

Lorsque le document html a fini de charger la page et les sondages, le javascript va s’exécuter et mettre en rotation vos sondages.

Exemple en application:

Effets

Exemple Complet de code dans une page html:

<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script><!--lib jQuery-->
    <script type="text/javascript" src="jquery.cycle.js"><!--plugin Cycle-->
    <script type="text/javascript" src="http://www.lasonde.fr/wp-content/plugins/lasonde/LSD_core/js/lasonde_sondages_min.js"></script><!--script des sondages-->
    <script type="text/javascript">//fonction Cycle
      $(document).ready(function() {
        $('.slideshow').cycle({
         fx:     'fade',
         speed:  1500,
         timeout: 4000,
        });
       //cette ligne permet de stopper l'animation pendant que la souris est sur un sondage.
       $('.slideshow').hover(function(){$(this).cycle('pause')},function(){$(this).cycle('resume')});
     });
   </script>
 </head>
 <body>
   <div class="slideshow">
     <div id="sondage1" style="display:none;">
       <script type="text/javascript">
        lsd_sondage_14 = {
          "bloc_name":"LSD_sondages_1_4369657310288915",
          "sd_id": "14",
          "css_id": "4",
          "tween":"Tween.regularEaseOut"
        };
        LSD_init_conteneur(lsd_sondage_14);
      </script>
    </div>
    <div id="sondage2" style="display:none;">
      <script type="text/javascript">
        lsd_sondage_87 = {
          "bloc_name":"LSD_sondages_1_2475414006791959",
          "sd_id": "87",
          "css_id": "3",
          "tween":"Tween.regularEaseInOut",
         };
         LSD_init_conteneur(lsd_sondage_87);
        </script>
      </div>
    </div>
  </body>
</html>

Pour voir les options de Jquery Cycle et la documentation c’est ici

]]> http://www.lasonde.fr/aide/creer-un-slideshow-avec-des-sondages/feed/ 0 Comment exporter un sondage ? http://www.lasonde.fr/aide/comment-exporter-un-sondage/ http://www.lasonde.fr/aide/comment-exporter-un-sondage/#comments Fri, 17 Sep 2010 21:36:35 +0000 Administrateur http://www.lasonde.fr/?p=314

Pour exporter un sondage, il faut récupérer le code d’export dans votre Tableau de bord, en cliquant sur le petit pictogramme « < > ». (Voir image 1)

Exemple pour export des sondages

Exemple pour export des sondages

Une pop up apparaît.
Vous avez deux modes d’export possible:

- Javascript: Ce code permet d’insérer le sondage directement sur votre site.
Il comporte 1 fichier JS qui contient les fonctions des sondages, et des lignes de codes paramétrant le sondage.
A copier/coller sur votre site (dans le code html)

- Lien HTML: Ce code est une url à copier/coller sur votre site ou à partager via email ou ailleurs. C’est un lien pointant vers votre sondage directement sur Lasonde.fr

Un petit onglet est aussi présent pour vous aider à exporter les sondages sur les réseaux sociaux les plus connus. (Voir Image 2)

Exemple d'export sur les réseaux sociaux

Exemple d'export sur les réseaux sociaux

]]> http://www.lasonde.fr/aide/comment-exporter-un-sondage/feed/ 0 Utiliser le formulaire d’assistance en ligne http://www.lasonde.fr/aide/utiliser-le-formulaire-assistance-en-ligne/ http://www.lasonde.fr/aide/utiliser-le-formulaire-assistance-en-ligne/#comments Tue, 31 Aug 2010 13:01:03 +0000 Administrateur http://www.lasonde.fr/?p=248

Si vous rencontrez des problèmes avec le service de sondage,
merci d’utiliser le formulaire d’assistance en ligne pour soumettre un ticket

]]> http://www.lasonde.fr/aide/utiliser-le-formulaire-assistance-en-ligne/feed/ 0 Comment ajouter des smileys sur les sondages http://www.lasonde.fr/aide/comment-ajouter-des-smileys-sur-les-sondages/ http://www.lasonde.fr/aide/comment-ajouter-des-smileys-sur-les-sondages/#comments Sun, 08 Aug 2010 20:40:41 +0000 Administrateur http://www.lasonde.fr/?p=144

Vous pouvez ajouter des smileys dans les sondages. Il suffit d’ajouter des petits bouts de code dans le texte. Vous pouvez en ajouter dans la question et les réponses

Rendez vous sur la page de création de sondage!

exemple: Ceci est la question : smile :

Créer des sondages

Voici une liste des smileys :

il faut entourer le nom des smileys par des  » : « 

smile :smile: lol :lol: biggrin :grin: redface :oops: sad :sad:
cry :cry: surprised :eek: evil :evil: eek :shock: twisted :twisted:
confused :???: rolleyes :roll: cool :cool: exclaim :!: mad :mad:
question :?: razz :razz: idea :idea: neutral :neutral: arrow :arrow:
wink :wink: mrgreen :mrgreen:
]]> http://www.lasonde.fr/aide/comment-ajouter-des-smileys-sur-les-sondages/feed/ 0 Comment personnaliser un sondage ? http://www.lasonde.fr/aide/comment-personnaliser-un-sondage/ http://www.lasonde.fr/aide/comment-personnaliser-un-sondage/#comments Fri, 06 Aug 2010 21:07:42 +0000 Administrateur http://www.lasonde.fr/?p=113

Touts les sondages du site peuvent être personnalisés avec du code CSS.

Dans votre tableau de bord, Il y a la gestion des styles.
Si aucun style perso n’existe alors il faut en créer un en vous rendant sur la page de création de styles
Ou alors vous pouvez parcourir, choisir ou modifier les styles prédéfinis sur la page des styles

le nom de style:
Ça vous aidera a identifier les différents styles que vous avez créé. exemple: « mon style site web perso »

le code CSS:
Par défaut,  le code css du sondage de démo est chargé.

Ce code contient des balises, elles servent au système de sondage pour communiquer avec le css.
Les balises #BLOC_NAME# seront remplacées par le nom de votre sondage lors de son chargement
Les balises #URL_THEMES_IMAGES# seront remplacées par l’url du dossier images des styles lasonde.fr ( Donc il faut la laisser si vous souhaitez modifier un thème, sans perdre ses images.)

Après chaque modification du code css, le sondage de démo se recharge, vous pouvez voir les changements en temps réel.
Puis vous validez.

Ensuite vous pourrez sélectionner ce style lors de la création de vos sondages.
Vous pourrez aussi le modifier via votre tableau de bord

Un code css valide permet un bon fonctionnement des sondages!
]]> http://www.lasonde.fr/aide/comment-personnaliser-un-sondage/feed/ 0 Comment faire un sondage ? http://www.lasonde.fr/aide/comment-faire-un-sondage/ http://www.lasonde.fr/aide/comment-faire-un-sondage/#comments Fri, 06 Aug 2010 20:53:30 +0000 Administrateur http://www.lasonde.fr/?p=110

Pour faire un sondage, il faut se rendre sur cette page Créer un sondage.

Un formulaire de création apparaît ainsi qu’un sondage prévisualisation. La question et les ne s’afficheront pas sur le sondage de preview, il permet uniquement de tester les différents effets que vous appliquez.

Il faut ensuite remplir les champs:

- Titre du sondage: il est important de bien choisir le titre du sondage, il sera dans l’url public de votre sondage. (obligatoire)

- Question du sondage (obligatoire) (peut contenir des smileys)

- Les réponses: il faut remplir au minimum les 2 premières réponses possibles, vous pouvez ajouter autant de réponses que vous le souhaitez. Vous avez la possibilité de choisir si une réponse est un choix unique ou multiple (bouton Radio ou checkbox). (peut contenir des smileys)

- Date de début: vous pouvez choisir la date à laquelle les visiteurs pourront commencer à voter.

- Date de fin: vous pouvez choisir la date à laquelle les visiteurs ne pourront plus voter.

- Privé ou public: les sondages publics seront visibles sur Lasonde.fr, les sondages privés seront uniquement visibles lorsque vous utiliserez le code d’export ou que vous aurez partager leurs liens.

- Blocage Ip/Cookie: cette solution vous permet de bloquer les visiteurs qui ont déjà voté sur le sondage, Lasonde.fr mémorise l’ip du votant, et l’empêche de réitérer son vote un seconde fois. vous pouvez choisir le temps de blocage de 0 seconde à 3 ans. Si le visiteur a déjà voté, et qu’il recharge la page, le sondage affichera directement les résultats, sauf si il sont cachés (autre option).

- Effets des résultats: Les résultats sont représentés à l’aide de bâtons en pourcentages, avec le nombre de votes sur les réponses, vous pouvez choisir le type d’effets que les barres utiliseront pour s’afficher après le vote.

Montrer/cacher les résultats: vous pouvez cacher les résultats ou décider de les montrer après le vote.

Ensuite il faut valider la création du sondage. Vous êtes redirigés vers votre tableau de bord.

(Vidéo : Regardez cette vidéo sur la page des articles)
]]> http://www.lasonde.fr/aide/comment-faire-un-sondage/feed/ 0