Bonsoir Madame/Monsieur;
j ai créer trois élements avec dom dans ma fonction jquery et tout ça marche bien. Mais j ai un probleme lorsque j essaye d' acceder à un element, il le voit pas c est à dire rien ne se passe c est comme si l' element n' existait pas. voir le code ci dessous (voir les parties colorées):
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
51
52 $(function(){ //gestion de la liste deroulante $('#selection').click(function(){ if($(selection).val() == "profils"){ //$('#zone_affichage').load("profils.php"); //document creer avec dom //recuperer l' id du div où doit etre ajouté le contenu var doc = document.getElementById("zone_affichage"); //vider d' abord le div avant de rajouter les elements doc.innerHTML = ""; //doc.open(); //creation du document //var bt1 = new Array(); bt1 = document.createElement("button"); bt1.setAttribute("id", "info"); var texte1 = document.createTextNode("Information"); bt1.appendChild(texte1); //var bt2 = new Array(); bt2 = document.createElement("button"); bt2.id= "tofs"; var texte2 = document.createTextNode("Photos"); bt2.appendChild(texte2); //var bt3 = new Array(); bt3 = document.createElement("button"); bt3.id= "amis"; var texte3 = document.createTextNode("Amis"); bt3.appendChild(texte3); //ajouter les elements dans l' arborescence doc.appendChild(bt1); doc.appendChild(bt2); doc.appendChild(bt3); } else if($(selection).val() == "supprimer"){ //rediriger l' utilisateur sur la page supprimer document.location.href="supprimer.php"; } }); //verifier que notre div 'zone_affichage1' n est pas vide /*if($.trim($('#zone_affichage').text()) == ""){ var a = $('button').attr('id'); alert("blabla"); //on recupere le bouton sur lequel on a cliquer $('#info').click(function(){ alert('merci info'); }); }*/ //acces au bouton "Information" via son id $('#info').click( function(){ alert('cool'); } ); });
Code html : 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 <header> <div id="parame"> <input type="search"/> <select id="selection"> <optgroup label="Selectionner une option"> <option value="profils">Profils</option> <option value="supprimer">Supprimer</option> </optgroup> </select> </div> </header> <nav <!-- elements de navigations --> <!-- affiche la liste des amis --> <div id="amis"> <button class="link">Liste amis</input><br/> </div> <!-- affiche les commentaires --> <div class="commentaire"> <button class="link">Commentaires</input> </div> <!-- affiche les messages --> <div class="message"> <button class="link">Messages</input><br/> </div> </nav> <section> <div id="zone_affichage"></div> <div id="zone_affichage1"></div> </section>
Partager