Discussion :

[noyau]

Bonjour,

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

Dans mon .js j'ai :

Code :

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

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 :

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

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

[zeb_panam]

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 :

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

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

[noyau]

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

[noyau]

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

Code :

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

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 :

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

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

[Appollyon666]

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 :

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

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>

[noyau]

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...