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>