Discussion :

[-yasmine-]

Bonsoir,

Je m'en remets à vous, je coince complètement, voilà mon problème :
J'utilise JQuery pour ajouter de nouveau élément dans ma page (avec des append) mais quand j'essaye de faire un traitement dessus (sur un click par exemple) ces nouveaux éléments ne sont pas reconnus, il ne se passe rien du tout quand je fais des clicks dessus, s'il vous plait aidez moi, je ne vois vraiment pas ce que je dois faire là
Merci d'avance

Cordialement,

[SpaceFrog]

tu leur applique un click à la création ?

c'est un peu leger comme symptome sans voir le code de creation ni l'action que tu en attends sur le click ...

[-yasmine-]

tu leur applique un click à la création ?

c'est un peu leger comme symptome sans voir le code de creation ni l'action que tu en attends sur le click ...

Merci pour ta réponse
C'est ce que j'ai fait (je rajoute un attribut onclick et appelle une fonction qui fait le traitement que je veux) mais je cherche une meilleure solution, si elle existe
Est ce que JQuery permet de faire ça? ou bien existe-t-il un plugin qui me permette de manipuler de nouveaux DOMs?

[antoyo]

Salut,
il faudrait que tu postes ton code pour qu’on puisse t’aider.

Pour ton problème, tu peux peut-être utiliser click :

Code :

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

1
2
3
4
5
6
var bouton = $('<button/>') //Création d’un bouton.
.text('ok') //Modification de son texte.
.click(function() { //Gestion de l’événement click.
    alert('ok'); //Actions lors de cet événement.
});
('body').append(bouton); //Ajout au body.

Avec ce code très commenté, tu devrais y arriver.

À plus !

[danielhagnoul]

Bonjour

Voir également live() : http://www.developpez.net/forums/d83...s/#post4805186

[Arnaud F.]

Quelques rectifications sont a apporter au code d'antoyo.

Code :

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

1
2
3
4
5
6
 
var button = $('<button />') //Création d’un bouton.
button.attr("id", "foo") // ID
         .text('ok') // Texte du bouton
         .click(function() { alert("ok") }) // Si click, alors alert("ok")
         .appendTo(document.body) // On rajoute dans le DOM

Bonjour

Voir également live() : http://www.developpez.net/forums/d83...s/#post4805186

Salut Daniel,

live est inapproprié ici je pense. La fonction appelée lors du click étant en général unique par bouton clické

A noter que .click() fonctionne parfaitement.

[SpaceFrog]

live est inapproprié ici je pense. La fonction appelée lors du click étant en général unique par bouton clické

c'est un peu leger comme symptome sans voir le code de creation ni l'action que tu en attends sur le click ..

ne sachant pas à quel niveau le click pose problème, je pense qu'il fallait aussi parler du live ...
la description du problème est trop floue

[danielhagnoul]

Bonsoir

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Création d’un bouton et ajout à un élément d'id conteneur
var bouton = $("<button/>", {
	id: "btnID",
	html: "OK",
	css: {
		fontSize: "18px",
		fontWeight: "bold",
		color: "drakblue",
		backgroundColor: "#cccccc"
	},
	click: function(){
		alert($(this).text());
	}
}).appendTo("#conteneur");

[-yasmine-]

Bonsoir

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Création d’un bouton et ajout à un élément d'id conteneur
var bouton = $("<button/>", {
	id: "btnID",
	html: "OK",
	css: {
		fontSize: "18px",
		fontWeight: "bold",
		color: "drakblue",
		backgroundColor: "#cccccc"
	},
	click: function(){
		alert($(this).text());
	}
}).appendTo("#conteneur");

Merci pour votre aide, Daniel tu es mon sauveur (comme d'habitude!) live marche à la perfection, c'est bien ce que je cherchais, encore merci

Mon problème était le fait que les éléments ajoutés avec append n'étaient pas reconnu lors des évènements qui devaient pourtant leur correspondre, pour faire simple je vous donne un exemple qui se rapproche au cas que je traite :

je crée des liens en cliquant sur un bouton, et je vois si le traitement sur leur click est effectué

code html :

Code :

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

1
2
<div id="conteneur"></div><br/>
<span id="ok">ok</span>

code javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
$("#ok").click(function() {
var lien = $('<a href="#" onclick="maFonction()">Nouveau lien</a><br/>');
$("#conteneur").append(lien);
});
 
$("a").click(function() {
maFonction();
});
 
function maFonction() {
console.log("click lien");
});

Finalement live est la solution que je cherchais! plus de onclick et au lieu du click j'utilise

Code :

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

$("a").live("click",maFonction());

Evidemment si il y a meilleure solution je suis preneuse

Bonne journée!