append et onclick

**Kirua76** · 24/06/2011, 15h29

Bonjour,
je voudrais inserer une image muni d'un onclick.

du genre:

Code :

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

$("#div1").append("<img src='monimage.png' onclick='fonction(attribut)' ");

Pourriez vous m'aider a avoir la bonne syntaxe, car cela bloque et je pense que cela vient juste d'un probleme de " et '.
merci d'avance

**Finality** · 24/06/2011, 19h28

Salut,

il manque la fermeture de ta balise img

Code :

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

1
2
$("#div1").append("<img src='monimage.png' onclick='fonction(attribut)' /> ");

**SpaceFrog** · 27/06/2011, 09h14

ou tant qu'a faire quelquechose de div1 (jeu de mots

)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type="text/javascript">
function fonction(t){alert(t)}
$(function(){
$("#div1").append( $('<img />').attr("src","monimage.png").click( function(){fonction('attribut')} ) )
 
})</script>
</head>
 
<body>
<div id="div1"></div>
</body>
 
</html>

**Kirua76** · 27/06/2011, 09h42

aucune des deux réponses ne convient désolé.

Je dois insérer une ligne dans un tableau de la forme suivante:

Code :

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

 $("#table_cc").append("<tr id='cc" + nb_cc + "'><td id='td_cc" + nb_cc + "'>" + mailcc + "</td><td><img src='images/icon-delete.png' onclick='fonction()'/></td></tr>");

avec nb_cc et mailcc des variables.

Pourriez vous si vous savez me donner la syntaxe exacte svp

**SpaceFrog** · 27/06/2011, 09h58

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
<script type="text/javascript">
function fonction(obj){alert(obj.parentNode.parentNode.id)}
nb_cc_tab=new Array('nb_cc_a','nb_cc_b','nb_cc_c','nb_cc_d')
mailcc_tab=new Array("mailcc_a","mailcc_b","mailcc_c","mailcc_d")
$(function(){
var i=-1
while (nb_cc_tab[++i]){
mailcc=mailcc_tab[i]
nb_cc=nb_cc_tab[i]
$("#table_cc").append('<tr id="cc' + nb_cc + '"><td id="td_cc' + nb_cc + '">' + mailcc + '</td><td><img src="images/icon-delete.png" onclick="fonction(this)"/></td></tr>');
}
})
</script>
</head>
 
<body>
<table id="table_cc"></table>
</body>

**Kirua76** · 27/06/2011, 12h58

j'ai essayé la syntaxe, mais lorsque je clique sur le bouton, j'ai toujours la même erreur que visual studio me renvoit: objet attendu en faisant un focus sur la ligne DocType...

Code :

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

$("#table_cc").append('<tr id="cc' + nb_cc + '"><td id="td_cc' + nb_cc + '">' + mailcc + '</td><td><img src="images/icon-delete.png" onclick="deletecc('+nb_cc+')"/></td></tr>');

la ligne est elle bonne?

append et onclick

jQuery

Vue hybride

Discussions similaires

Partager

Partager