Récuperer span

Fermé
AmoCore Messages postés 85 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 22 mai 2015 - 7 nov. 2010 à 21:51
AmoCore Messages postés 85 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 22 mai 2015 - 8 nov. 2010 à 19:32
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

avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
8 nov. 2010 à 16:22
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
avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
7 nov. 2010 à 22:57
Salut.

Tu peux utiliser
document.getElementsByTagName('bonj').innerHTML et document.getElementsByTagName('ok').innerHTML
0
AmoCore Messages postés 85 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 22 mai 2015 3
8 nov. 2010 à 12:10
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
avion-f16 Messages postés 19250 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 décembre 2024 4 505
8 nov. 2010 à 13:25
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

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
AmoCore Messages postés 85 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 22 mai 2015 3
8 nov. 2010 à 16:04
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
AmoCore Messages postés 85 Date d'inscription dimanche 20 décembre 2009 Statut Membre Dernière intervention 22 mai 2015 3
8 nov. 2010 à 19:32
Oh super c'est exactement se que je chercher affaire , t'es un dieu !


Merci 1000 fois !
0