Aller au contenu

Probleme javascript document.getElementById

Siol

Par Siol
dans AjaX et JavaScript

 Partager

Sujets conseillés

Siol

Siol

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
  • 2 semaines plus tard...
nacedo

nacedo

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...