Bonjour,
Je suis actuellement entrain de de faire un questionnaire de satisfaction en ligne
Ce que je fais
Décrivez ici votre code ou ce que vous cherchez à faire
<form role="form" name="form1" id="form1" enctype="multipart/form-data" method="post" action="./php/mail.php">
<div class="row">
<div class="type-question">
<p class="question">Sa marche?</p>
</div>
<div class="col-sm-12 mui-textfield mui-textfield--float-label">
</div>
<div class="col-sm-4">
<img src="images/rouge1.jpg" onclick="javascript:tafonction();" alt="Texte en gras" style="cursor:pointer;" />
</div>
<div class="col-sm-4">
<img src="images/rouge1.jpg" onclick="javascript:tafonction();" alt="Texte en gras" style="cursor:pointer;" />
</div>
<div class="col-sm-4">
<img src="images/rouge1.jpg" onclick="javascript:tafonction();" alt="Texte en gras" style="cursor:pointer;" />
</div>
</div>
</form>
Ce que je veux
J'ai un certain nombre de questions et j'aimerais que les questions s'affiche au dessus des bouttons dans le p avec la class "question" et que ce p passe à la question suivante une fois qu'on a cliquer sur un des boutons.
Cependant je vois pas trop comment faire cela? J'avais tester avec quelque chose du genre
<script type="text/javascript">
function transformer(obj){
var texte = obj.innerHTML;
if (texte=="Plus d'informations...") {
obj.innerHTML = "Moins d'informations...";
}
else {
obj.innerHTML = "Plus d'informations...";
}
}
</script>
<a href="javascript:visibilite('infos_1');" onclick="javascript:transformer(this);">Plus d'informations...</a>
<div id="infos_1" style="display:none;">
Les informations à insérer
</div>
Mais je trouve cela assez moche en soit et pas très performant.