Création dynamique d'un lien hypertexte
:salut:
Mon but est que lorsque je clique sur un lien un autre lien hypertext se créé dynamiquement ainsi qu'un texte et si on clique sur le lien qui a été précédemment créé le texte s'efface.
Voici le code :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
| <!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
</head>
<body>
<div id="email"></div>
<div id="liens">
<a href="#" id="add_email">Ajouter un email</a>
</div>
<script type="text/javascript">
$('#add_email').click (function () {
$('#liens').append ("<a href='#' id='del_email'>Supprimer un email</a>")
$('#email').append("<span id='text'>un email</span>")
});
$('#del_email').click (function () {
$('#email').children().last().remove()
});
</script>
</body>
</html> |
Or quand je clique sur le lien, j'ai bien le texte et le nouveau lien qui s'affiche mais quand je clique sur le nouveau, absolument rien ne se passe :(
Une idée de ce que je fais de travers ?
:merci: d'avance :)
