Affichage de texte

gweared
Javascript

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.

Aucune réponse