Comportement javascript aprés 1ére execution
nonesofar13 Le 19 avril 2016 à 11:04 (Édité le 25 janvier 2019 à 17:50)
Je rencontre un problème sur le comportement de mon 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
nonesofar13 Le 19 avril 2016 à 11:52
Merci de ta réponse. 😀
Voila mon code javascript.
$(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"); }
<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>
Dwardower Le 19 avril 2016 à 12:20
nonesofar13 Le 19 avril 2016 à 13:03
En fait j'ai un projet étudiant de création d'une page questionnaire. Le soucis est de rendre dynamique cette page, du coup je me suis orienté vers javascript. Mais je maitrise plus le php car le javascript est un peu obscur pour moi.
Merci en tout cas.
