Lien dans une page generée a la volée

**popy67** · 18/09/2011, 00h31

Bonjour,

Dans mon code ci-dessous, comment faire pour que le lien interne qui apparait après avoir cliqué sur 'lien numéro 1' soit fonctionnel ?

Voici mes sources :

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
<script type="text/javascript">
$(document).ready(function()
						   {
							$("a").bind('click', function()
																{
 
																var id = $(this).attr("id");								
																var data = {send:id};
 
																$.ajax({
																	   url : "ff.php",
																	   data : data,
																	   complete : function(xhr, result)
																			{
																			var response = xhr.responseText;	
																			$("#espaceMaj").html(response);
																			}
 
																	   });
																});							   
						   });
 
 
</script>
</head>
<body>
 
<div id="liens">
<a href="#" id="lien1">Lien numéro 1</a> &nbsp;&nbsp;&nbsp;
<a href="#" id="lien2">Lien numéro 2</a>
</div>
 
 
<div id="espaceMaj">Bienvenue sur mon site</div>

Ceci est la page interrogée par la requete Ajax (ff.php) :

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
<?php
$send = $_GET["send"];
 
 
if($send == "lien1")
        {
    print("Vous avez cliqué sur lien 1 <br /><a href=\"#\" id=\"lien4\">Faire apparaitre lien 4</a>");
    }
elseif($send == "lien2")
        {
    print("<p>Vous avez cliqué sur lien 2<p/>");
    }
elseif($send == "lien4")
        {
        print("<a href=\"#\" id=\"lien2\">Revenir sur lien2</a>");      
        }
else
        {
    print("Rien du tout");
    }   
?>

Merci d'avance pour vos réponses

**MrPringle** · 18/09/2011, 12h31

Il faut que tu utilises "live" plutôt que "bind" pour que les éléments créés dynamiquement soient pris en compte.

Tu peux aussi utiliser "load" pour ta requête Ajax vu que ton unique traitement est de remplir un bloc.

Voilà comment je l'aurais écrit :

Code :

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

1
2
3
4
5
6
7
8
$(document).ready(function ()
	var espaceMaj = $("#espaceMaj");
	$("a").live("click", function () {
		var id = $(this).attr("id") || "";
		espaceMaj.load("ff.php", { "send": id });
		return false; // Pour éviter le retour en haut de page en cas de croliing
	});
});

**popy67** · 18/09/2011, 15h07

Envoyé par MrPringle

Il faut que tu utilises "live" plutôt que "bind" pour que les éléments créés dynamiquement soient pris en compte.

Super ca marche merci beaucoup ^^ Ta solution m'aura permis de reprendre mon bouquin dans les mains et me rappeller qu'il existe aussi "one" que j'avais oublié

Merci pour ton aide & conseil

Lien dans une page generée a la volée

jQuery

Discussions similaires

Partager

Partager