Récuperer span
Bonjour,
Je voudrait savoir comment récupère le texte d'une span ?
Exemple :
<span class="bonj">Salut à tous</span> <span class="ok">aurevoir</span>
et je voudrait les récupèrer dans une textbox ou autres , comment y procédé , car j'ai chercher toutes la journée aucun essaye concluant.
Merci de votre aide !
Je voudrait savoir comment récupère le texte d'une span ?
Exemple :
<span class="bonj">Salut à tous</span> <span class="ok">aurevoir</span>
et je voudrait les récupèrer dans une textbox ou autres , comment y procédé , car j'ai chercher toutes la journée aucun essaye concluant.
Merci de votre aide !
6 réponses
-
Salut.
Tu peux utiliser
document.getElementsByTagName('bonj').innerHTML et document.getElementsByTagName('ok').innerHTML -
Bonjour , merci de votre réponse.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Document sans nom</title> </head> <body> <span class="bonj">Salut à tous</span> <span class="ok">aurevoir</span> <SCRIPT language="Javascript"> <!-- document.getElementsByTagName('bonj').innerHTML document.getElementsByTagName('ok).innerHTML // --> </SCRIPT> </body> </html>
Enfaite en gros , j'essai de mettre plein de span , et en fonction que se que le visiteur clique , sa affiche un texte précis. vous voyer un peu se que j'ai envie de faire ?
Merci d'avance -
Il faut faire quelque-chose avec le retour du innerHTML.
Par exemple une alerte ou l'écrire dans le document.
« vous voyer un peu se que j'ai envie de faire ? »
Pas vraiment. Un système d'onglet peut-être ? -
Systeme d'onglets par exemple et que lorsque qu'on clique sur tel ou tel onglet on affiche un span prédefini ^^ sans toutes les afficher.
Par exemple on clique sur l'onglet , Bienvenu
la span bienvenu s'affiche. -
Sauf qu'on utilise plus souvent des <div> ou des <p>.
Il faut créer une fonction prennant comme argument l'id du <div> à afficher.
Cette fonction masquera toutes les <div> et affichera ensuite celle demandée.
Il faudra appeler cette fonction sur le onclick des liens d'onglet.
Par exemple :<div id="boite_onglets"> <ul id="onglets"> <li><a href="#" onclick="afficher_onglet('accueil'); return false;">Accueil</a> <li><a href="#" onclick="afficher_onglet('photos'); return false;">Photos</a> </ul> <div id="onglet_accueil"> <h3>Accueil</h3> Contenu de l'onglet "Accueil" </div> <div id="onglet_photos" class="hidden"> <h3>Photos</h3> Contenu de l'onglet "Photos" </div> </div>
Dans le head de ta page :<script type="text/javascript"> var onglets; window.onload = function() { var boite = document.getElementById('boite_onglets'); onglets = boite.getElementsByTagName('div'); }; function afficher_onglet(id) { for(i = 0 ; i < onglets.length ; i++) { onglets[i].style.display = 'none'; } document.getElementById('onglet_'+id).style.display = 'block'; } </script> <style type="text/css"> .hidden { display: none; } </style> -
Oh super c'est exactement se que je chercher affaire , t'es un dieu !
Merci 1000 fois !
