Récuperer span

AmoCore Messages postés 100 Statut Membre -  
AmoCore Messages postés 100 Statut Membre -
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 !

6 réponses

  1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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>
    1
  2. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Salut.

    Tu peux utiliser
    document.getElementsByTagName('bonj').innerHTML et document.getElementsByTagName('ok').innerHTML
    0
  3. AmoCore Messages postés 100 Statut Membre 3
     
    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
    0
  4. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    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 ?
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. AmoCore Messages postés 100 Statut Membre 3
     
    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.
    0
  7. AmoCore Messages postés 100 Statut Membre 3
     
    Oh super c'est exactement se que je chercher affaire , t'es un dieu !

    Merci 1000 fois !
    0