Discussion :

[beegees]

Bonjour à tous,

Je suis face à un problème que je n'arrive pas à résoudre.

J'ai ajouté en dessous d'un élément un textarea :

Code :

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

$('#t_eval_8').after('<br /> 10) Remarque complémentaire (non obligatoire) <br /><br /> <textarea id="remarque_compl_mds" rows="10" cols="85" ></textarea>');

Quand j'essaie de tester un évènement sur l'id du textarea avec ce code :

Code :

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

1
2
3
$("#rremarque_compl_mds").on('change', function(){
	alert("ici");	
});

j'obtiens ce message d'erreur :

TypeError: $("#rremarque_compl_mds").on is not a function
[Stopper sur une erreur]

$("#rremarque_compl_mds").on('change', function(){

J'utilise pourtant la version 1.7.1 de jquery.

J'ai aussi essayé avec bind (en remplaçant donc on par bind), aucun message d'erreur, mais aucune alerte.

Ce code me donne toujours 0 (zéro) :

Code :

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

1
2
var temp = $("#remarque_compl_mds");
alert(temp.length);

Merci d'avance pour votre aide.

bee

[danielhagnoul]

"#rremarque_compl_mds"

Code :

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

1
2
3
4
5
6
7
8
/*
 * L'événement change ce produit lorsque le contenu 
 * du textarea est modifié et que le textarea a 
 * perdu le focus.
 */
$( "#remarque_compl_mds" ).on( "change", function(){
	alert( "ici" );
});

Code :

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

1
2
3
4
5
6
7
/*
 * Si le textarea est ajouté dynamiquement après
 * la construction du DOM, il faut utiliser :
 */
$( "body" ).on( "change", "#remarque_compl_mds", function(){
	alert( "ici" );
});

[beegees]

Bonjour Daniel,

Merci pour ta réponse.

Après correction du double R, le problème semble persister.

Google Chrome m'indique :

Uncaught TypeError: Object [object Object] has no method 'on'

J'ai donc remplacé on par live :

Code :

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

1
2
3
$("#remarque_compl_mds").live('mouseover', function(){
	alert("ici");	
});

là, ça fonctionne.

Pourquoi ? je ne sais vraiment pas....

Si tu as une explication, elle serait la bienvenue...

Merci d'avance.

bee

[danielhagnoul]

Bonjour

Pas de méthode on() ? Utilisation d'une version largement obsolète de jQuery ! La dernière version est 1.8.3 !

[beegees]

Bonjour,

J'ai remplacé la verson 1.7.1 par la 1.8.3 mais le problème du on ne s'est pas résolé pour autant !

J'ai aussi lu dans la documentation officelle que on était apparu avec la version 1.7 de jquery.

bee

[SylvainPV]

Vérifie qu'aucune autre version de jQuery ou autre librairie ne vienne en conflit et remplacer cette fonction $.on.

Sinon, pour que le binding d'évènements fonctionne avec les éléments créés en Javascript après coup, il faut soit utiliser l'ancienne méthode dépréciée $.live, soit réécrire ton appel de $.on comme ceci :

Code :

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

1
2
3
4
 
$('#t_eval_8').on('change','#remarque_compl_mds', function(){
...
});

et il faut que ton élément t_eval_8 existe dans le HTML au moment de cet appel. En gros ça veut dire : capture les évènements de type change qui surviennent à l'intérieur de #t_eval_8 et remontent jusqu'à cet élément en ayant une provenance correspondant à #remarque_compl_mds. Tu peux te renseigner sur le fonctionnement des évènements dom et le "event bubbling" pour mieux comprendre ce qui se passe.