.html : accès impossible du contenu

Bonjour,

J'ai un petit soucis qui me prend toutes mes ressources depuis 2 heures.

Dans mon .js j'ai :

Code:

---

1 2 3 4 5 6 7 8 9 10

$(document).ready(function(){ $('#alert_account').click(function(){ $('#content_alert').html($('#show_account').html()); }); $('#edit_profile').click(function(){ alert("ok"); });   });

---

Dans ma page .html j'ai :

Code:

---

1 2 3 4 5 6

<div id="show_account" class="hidden"> <a href="#" id="edit_profile">Modifier mon profil</a> </div> <a href="#" id="alert_account">Mon compte</a> <div id="content_alert"></div>

---

Donc en gros, je clique sur "modifier mon profil", #content_alert est chargé avec le contenu de #show_account, mais quand je clique sur #edit_profile, rien ne se passe !
Je précise que #show_account est par défaut caché, donc on ne le voit que quand il est appelé en jQuery dans #content_alert.

Savez-vous si .html() empêche d'accéder à ce qui a été chargé à l'intérieur ?

Merci!
Nicolas

Salut,

Donc ce n'est pas la fonction html() qui empêche d'accéder à quoi que ce soit, mais tout simplement tu modifies le DOM en rajoutant un div, et celui-ci n'est pas accessible, car inconnu dans le DOM d'origine.

Il faut alors utiliser la fonction live() :

Code:

---

1 2 3 4

$('#edit_profile').live('click',function(){ alert("ok"); });

---

J'étais sûr que le problème allait être avec le DOM !
Merci beaucoup en tout cas, ça marche impeccablement bien :ccool:

Maintenant j'ai un autre soucis, je génère un formulaire :

Code:

---

1 2 3 4 5 6 7

<form method="post"> <p>Prénom : <input type="text" name="first_name" value="prénom"/></p> <p>Nom : <input type="text" name="last_name" value="nom"/></p> <p>Adresse email : <input type="text" name="user_email" value="mail"/></p> <p><a href="#" id="edit_profile">Modifier mon profil</a></p> </form>

---

Et j'essaye d'y accéder de cette façon :

Code:

---

1 2 3 4 5 6 7 8 9

$('#edit_profile').live('click', function(){ var first_name = $("#first_name").attr("id"); var last_name = $("#last_name").val(); var user_email = $("#user_email").value;   alert(first_name); alert(last_name); alert(user_email); });

---

Les 3 alertes me renvoient "undefined" avec ces 3 façons de récupérer la valeur, encore à cause du fait que ce ne soit pas dans le DOM ?

Merci pour votre aide ;)

C'est normal, tu n'as pas mis d'attribut ID sur tes champs or dans ton selecteur tu utilises # ce qui signifie l'ID.

Essais ça :

Code:

---

1 2 3 4 5 6

<form method="post"> <p>Prénom : <input type="text" name="first_name" id="first_name" value="prénom"/></p> <p>Nom : <input type="text" name="last_name" id="last_name" value="nom"/></p> <p>Adresse email : <input type="text" name="user_email" id="user_email" value="mail"/></p> <p><a href="#" id="edit_profile">Modifier mon profil</a></p> </form>

---

Mon Dieu j'ai honte, je cherchais tellement la petite bête que j'ai pas vu le boeing que j'avais sous le nez !!
Merci, ça marche en effet beaucoup mieux... :ccool: