Siol Posté 8 Septembre 2007 Posté 8 Septembre 2007 Bonjour, Je voudrais afficher entre les balises span ayant pour id "name" le texte d'un formulaire en meme temps que je le tape. J'ai fait se script, il marche trés bien mais que pour un seul span id="name". Je voudrais que le script marche pour tout les span. Voici mon code Ma page html: <input type="text" name="from_name" value="" onKeyUp="change_name('name',this.value)" size="40" /><span id="name"></span><span id="name"></span> Mon code java script: function change_name(item,value) { var _gei=function(Q){return document.getElementById(Q);}; _gei(item).innerHTML = value;} Comment faire ? Merci, Cordialement.
petit-ourson Posté 8 Septembre 2007 Posté 8 Septembre 2007 Tu ne peux avoir qu'un seul id="name" par page. Les valeurs de tes attributs id doivent être uniques.
petit-ourson Posté 8 Septembre 2007 Posté 8 Septembre 2007 La solution est d'utiliser des valeurs pour tes id différents.
Siol Posté 8 Septembre 2007 Auteur Posté 8 Septembre 2007 Hum. Ma question c'est : Comment faire pour que le form avec pour id "from_name" change le texte entre des spans ayant la même syntaxe ?
nacedo Posté 23 Septembre 2007 Posté 23 Septembre 2007 encor une fois je ne serais que trop conseiller d'utiliser la framework Prototype.js avec celle-ci ton code pour modifier l'ensemble de tes balises SPAN reviendrai à faire ceci: <html> <head> <title>test</title> <script src="http://script.aculo.us/prototype.js" type="text/javascript"></script> <script type="text/javascript"> ChangeName = function (ta_class, value){ // la fonction var span = $$('.'+ta_class); // on cherche toutes les balises ayant la bonne class $A(span).each(function(s) { // on parcour l'ensemble de ces balises s.innerHTML = value; // on leur attribu la bonne valeur }); } </script> </head> <body> <input type="text" name="from_name" value="" onKeyUp="ChangeName('perso',this.value)" size="40" /> <ul> <li><span class="perso"></span><span class="perso"></span><span class="perso"></span><span class="perso"></span></li> <li><div class="perso"></div></li> <li class="perso"></li> <li class="perso"></li> <li class="perso"></li> </ul> </body></html> tu peux constater que cette methode se prete aussi bien à une SPAN qu'a une DIV ou même une UL, à partir du moment que tu défini bien les classes ceci est simple et rapide
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant