Questions

Widget "950 px Questions"
Affichage standard
En partant de la carte
Affichage des dialogues
Statistiques des candidat(e)s
Liste déroulante & Compteurs
1
2
3
4
5
Ce Widget permet à un internaute de questionner ses candidat(e)s directement sur votre site internet.

Si la question respecte nos règles de modération, elle sera transmise aux candidat(e)s par mail et sera simultanément publiée sur notre site. Sinon, l'internaute recevra un mail lui précisant la raison pour laquelle nous ne publions pas sa question.

De nombreuses options vous sont proposées. Vous pouvez par exemple choisir :

- la région de candidature que vous souhaitez afficher (slide n°1)
- la carte de France permettant d'afficher toutes les régions (slide n°2)
- d'afficher les réponses déjà apportées par les candidat(e)s en dessous du formulaire de question (slide n°3)
- d’afficher les statistiques relatives aux candidat(e)s d'une région donnée (slide n°4)
- d'afficher une liste déroulante des régions, ainsi que les compteurs globaux de questions / réponses de notre plateforme (slide n°5)

ÉTAPE 1 (nécessaire) - Choisissez votre url de base

Pour cette étape, 2 possibilités vous sont proposées :

Si vous souhaitez vous-même fixer la région de candidature du widget, l'url de base est la suivante :
http://regionales2015.questionnezvoscandidats.org/iframe-questions/121829
Le numéro à la fin de l'url correspond à une région donnée (ici, l'Île de France)
Remplacez ce numéro par celui correspondant à la région souhaitée. Vous le trouverez grâce à la liste ci-dessous :
 
 
  • Alsace, Champagne-Ardenne et Lorraine : 162361
  • Aquitaine, Limousin et Poitou-Charentes : 162358
  • Auvergne et Rhône-Alpes : 162359
  • Bourgogne et Franche-Comté : 162357
  • Bretagne : 121951
  • Centre-Val-de-Loire : 162356
  • Corse : 121985
  • Guadeloupe : 83810
  • Guyane : 86612
  • Île-de-France : 121829
  • Languedoc-Roussillon et Midi-Pyrénées : 162360
  • Martinique : 85702
  • Nord-Pas-de-Calais et Picardie : 162354
  • Normandie : 162355
  • Pays-de-la-Loire : 121963
  • Provence-Alpes-Côte d'Azur : 121984
  • Réunion : 85482

 
Si vous souhaitez laisser le choix à vos internautes, nous vous proposons d'afficher une carte cliquable des régions de France.
Dans ce cas, voici l'url de base qu'il vous faudra utiliser :
http://regionales2015.questionnezvoscandidats.org/iframe-map?map=true

ÉTAPE 2 (optionnelle) – Personnalisez l’affichage du widget

Il est possible de renseigner plusieurs paramètres optionnels qui personnaliseront l'affichage de votre widget.
Voici une liste de ces différents paramètres et leur description.

 
Polices
Nom du paramètre Description Valeurs possibles Comportement si paramètre non renseigné
police_header Change la police des éléments suivants:
  • Les titres
  • Le nom des candidat(e)s dans le bloc de selection
  • Le nom des candidat(e)s et le libellé "[Nom Prénom de l'internaute] à [Nom(s) du / des candidat(e)s]" dans la partie Lire les échanges
  • 0: Roboto
  • 1: Yanone Kaffeesatz
  • 2: Source Sans Pro
  • 3: Franklin Gothic Extra-Condensed
  • 4: Arial
  • 5: Bitter
  • 6: Oswald
  • 7: Tahoma
  • 8: Arial Black
  • 9: Novecento Medium
  • 10: Georgia
  • 11: Share
Utilisation de la police Arial
police_form Change la police des éléments suivants:
  • Les alliances, partis politiques et listes dans le bloc de selection
  • Les différents boutons
  • Le formulaire pour poser une question
  • La date, les listes / alliances / partis politiques et les questions / réponses dans la partie Lire les échanges
  • Le bloc statistiques
  • Le libellé "En partenariat avec questionnezvoscandidats.org"
  • Le compteur global de questions / réponses à côté de la carte des régions de France
  • 0: Roboto
  • 1: Yanone Kaffeesatz
  • 2: Source Sans Pro
  • 3: Franklin Gothic Extra-Condensed
  • 4: Arial
  • 5: Open Sans
  • 6: Tahoma
  • 7: Ubuntu
  • 8: Arimo
Utilisation de la police Arial
 
 
Couleurs
Nom du paramètre Description Valeurs possibles Comportement si paramètre non renseigné
bordures Si renseigné, ajoute une bordure haute et basse aux extrémités du widget N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge
Les bordures sont masquées
color_header Change la couleur des éléments suivants:
  • Les titres
  • Le nom des candidat(e)s dans le bloc de selection
  • Le nom des candidat(e)s dans la partie Lire les échanges
N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge
Utilisation de la couleur 4C4C4C
color_form Change la police des éléments suivants:
  • ​Les alliances, partis politiques et listes dans le bloc de selection
  • Le formulaire pour poser une question
  • La date, les listes / alliances / partis politiques et les questions / réponses dans la partie Lire les échanges
  • Le bloc statistiques
  • Le libellé "En partenariat avec"
  • Le compteur global de questions / réponses à côté de la carte des régions de France
N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge
Utilisation de la couleur 4C4C4C
color_link Change la couleur de tous les liens et boutons N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge
Utilisation de la couleur E05731
color_fond Change la couleur du fond des titres des différents blocs :
  • 1. CHOISISSEZ UN OU PLUSIEURS CANDIDATS
  • 2. POSEZ VOTRE QUESTION
  • LIRE LES ÉCHANGES
  • STATISTIQUES
Change également le fond de la partie Lire les échanges
N'importe quelle valeur hexadécimale
Omettre le # du début
Exemple: FF0000 pour la couleur rouge

OU

Pour un fond transparent, false
Utilisation de la couleur F7F7F7
fond_opacite Change l'opacité de la couleur définie avec le paramètre color_fond
Pour que ce paramètre fonctionne, color_fond doit être renseigné (voir au dessus)
Un chiffre entre 0 et 100
correspondant au pourcentage d'opacité souhaité
fond 100% opaque
 
 
Autres
Nom du paramètre Description Valeurs possibles Comportement si paramètre non renseigné
partnership Permet d'afficher ou non la mention du partenariat avec questionnezvoscandidats.org
  • 0: partenariat affiché
  • 1: partenariat masqué
Le partenariat est affiché
dialogue Affichage du bloc Lire les échanges en dessous du formulaire pour poser une question
  • false: Le bloc "Lire les échanges" est masqué
  • true: Affichage du bloc "Lire les échanges"
Le bloc "Lire les échanges" est masqué
statistiques Affichage du bloc Statistiques
  • false: Le bloc "Statistiques" est masqué
  • true: Affichage du bloc "Statistiques"
Le bloc "Statistiques" est masqué
list Affichage de la liste déroulante des régions et du compteur global de questions / réponses à droite de la carte des régions de France
  • false: La liste et le compteur sont masqués
  • true: Affichage de la liste et du compteur
La liste et le compteur sont masqués
width Permet d'ajuster la largeur du widget.
Attention: si utilisé, il faut également changer le paramètre width de la balise iframe en accordance (voir étape 3)
  • 900
  • 860
Le widget s'affiche avec une largeur de 950px


Si vous avez décidé de fixer la région de candidature, ajoutez "?" à la fin de l'url de base.
Ajoutez les différents paramètres souhaités dans l'url en respectant ce format: [Nom du paramètre]=[Valeur].
Ajoutez "&" entre chaque paramètre.

Exemple en fixant la région: 
http://regionales2015.questionnezvoscandidats.org/iframe-questions/121829?list=true&dialogue=true&statistiques=true&bordures=e05731&police_header=8&police_form=8
Exemple en partant de la carte: 
http://regionales2015.questionnezvoscandidats.org/iframe-map?map=true&list=true&dialogue=true&statistiques=true&bordures=e05731&police_header=8&police_form=8
Reportez-vous à cette / ces image(s) pour visualiser l'incidence de tous ces paramètres: 

ÉTAPE 3 (nécessaire) – Implémentez votre url dans une balise iFrame

Une fois votre url personnalisée, insérez la balise iFrame suivante dans le code de votre page internet, en remplaçant URL PERSONNALISÉE par votre url: 
<iframe frameborder="0" height="1000" id="iframe-qvc" scrolling="no" src="URL PERSONNALISÉE" width="950"></iframe>

Ajoutez ensuite le code suivant dans un fichier javascript :
function receiveSize(e){
      document.getElementById("iframe-qvc").style.height = e.data + 'px';
}
window.addEventListener("message", receiveSize, false);


Pour ajouter la police de votre site, ou pour toute autre question, n’hésitez pas à nous contacter : [email protected]