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 !

6 réponses

  1. 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. Salut.

      Tu peux utiliser
      document.getElementsByTagName('bonj').innerHTML et document.getElementsByTagName('ok').innerHTML
      1. 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
        1. 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 ?
          1. 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.
            1. Oh super c'est exactement se que je chercher affaire , t'es un dieu !

              Merci 1000 fois !