Discussion :

[nonesofar]

Bonjour à tous,

Je rencontre un problème sur le comportement de mon code java script.

J'ai crée un page questionnaire sur laquelle je permets à l'utilisateur de choisir un type de questionnaire (QCM, Texte ...).

Pour la première question cela fonctionne parfaitement en revanche des que je clone ce div, le comportement du javascript ne s’exécute
plus.

J'ai déjà regardé sur d'autres forum certains parlent d'un problème de DOM.

Mais la je cale complet.

Merci d'avance

[SpaceFrog]

trop peu d'information ...

Tu utilises js pur ou un framework ?
clone => ton div a un id ?

[danielhagnoul]

[...] en revanche des que je clone ce div, le comportement du javascript ne s’exécute plus.

Clonage ? Attention, un ID doit être unique dans la page web.

[nonesofar]

Bonjour à tous,

Merci de vos réponses

Voila mon code cela va mieux vous éclairer.

Voici mon code javascript.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
$(document).ready(function(){
    $("#button_1").click(function(){
        $("#p1").toggle();
    });
});
$(document).ready(function(){
    $("#button_2").click(function(){
        $("#p2").toggle();
    });
});
$(document).ready(function(){
    $("#button_3").click(function(){
        $("#p3").toggle();
    });
});
$(document).ready(function(){
    $("#button_4").click(function(){
        $("#p4").toggle();
    });
});
$(document).ready(function(){
    $("#button_5").click(function(){
        $("#p5").toggle();
    });
});
 
 
 
 
function show_table(){
 
         document.getElementById('carre1').style.display="block";
         document.getElementById('button').style.display="block";
         document.getElementById('button2').style.display="block";
         document.getElementById('button3').style.display="block";
         document.getElementById('reponse_text').style.display="block";
 
}
 
$(document).ready(function($){
        $('#button').click(function(e){
            var copie = $('#carre1').clone();
            copie.appendTo('#marqueur');
        });
});
 
 
function ouvre(fichier) {
  ff=window.open(fichier,"popup",
               "width=250,height=150,left=30,top=20"); }

Le code pour ma page avec les boutons.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<form method="post" action="questionnaire.php" enctype="multipart/form-data">
	<p>
	     <form method="post" action="traitement.php">
         <label>Entrez le titre du questionnaire</label> 
	     <input type="text" name="titre_questionnaire" />
	     <input type="button" value="Valider" onclick="javascript:show_table();" />
         </form>
          </p>
 
          <div id="carre1" style="display:none;"> 
          <div id="question1"> </br>						
 
	    <p> Veuillez entrez une question: </p>
		<input type="text" name="type" id="type" />
		</div>
 
					<div id="reponse1">
					 			   <label for="text">Choisir le type de réponse</label></br>
					<span id="button_1"><button>  TEXT    </button></span>
					<span id="button_2"><button>  QCM    </button></span>
					<span id="button_3"><button>  NUM     </button></span>
					<span id="button_4"><button> choix unique    </button></span>
					<span id="button_5"><button>   echelle     </button></span> </br></br></br>

[SpaceFrog]

ça pique les yeux ^^ !!

[SpaceFrog]

tes balsies sont mal balancées et pas correctes ...
un br est auto fermant => <br />

pourquoi tu as 36 document ready ??? un seul suffit


les forms imbriqués c'est juste du grand n'importe quoi ...

sans compter le form dans une balise p ...

une action sur un bouton submit de form => envoi du form ...

va falloir mettre un peu d'ordre l'a dedans avant que l'on puisse envisager quoi que ce soit

[nonesofar]

Oui je suis débutant pour le moment.

Mais pour l'instant je préfère me concentrer sur le javascript qui ne fonctionne pas.

C'est quoi le probléme de plusieurs document ready.