Sujet Précédent Sujet Suivant

Aide pour modifier un morceau de code javascript

Fermé
flexi2202 Messages postés 3818 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 11 avril 2025 - 6 août 2013 à 12:09
flexi2202 Messages postés 3818 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 11 avril 2025 - 6 août 2013 à 14:54
bonjour a tous

bonjour a tous j ai trouve ce bon de code sur le net et j aurais souhaiter pouvoir le modifier
afin de remplacer
afficher/masquer 01 afficher/masquer 02 afficher/masquer 03 afficher/masquer 04
par
<select name="pays" id="pays">
<option value="belgique">belgique</option>
<option value="Afrique du Sud">Afrique du Sud</option>
<option value="Albani">Albanie</option>
<option value="france">france</option>
<option selected="selected" value="be">Afghanistan</option>
</select>

voici le code que j ai trouve 
<!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=iso-8859-1" />
<title>afficher-masquer</title>
<style type="text/css">
.divs	{ display 		: none;	}
a		{ margin-right	: 25px;	}

#receveur {
	position			: absolute;
	top					: 60px; 
	left				: 300px; 
	width				: 400px; 
	height				: 250px; 

	background-color	: #F7F7F7;
	border				: 1px solid gray; 
	padding				: 10px; 
}
</style>
<script type="text/javascript">
function visibilite (id)
{
	var xx = document.getElementById("receveur").getElementsByTagName("div");

	for (var i=0; i<xx.length; i++)
		xx.item(i).style.display = "none";

	document.getElementById(id).style.display = "block";
}
</script>
</head>

<body>
	<a href="javascript:visibilite('opt1');">afficher/masquer 01</a>
	<a href="javascript:visibilite('opt2');">afficher/masquer 02</a>
	<a href="javascript:visibilite('opt3');">afficher/masquer 03</a>
	<a href="javascript:visibilite('opt4');">afficher/masquer 04</a>

	<div id="receveur">
		<div id="opt1" class="divs"><b>Coucou A</b></div>
		<div id="opt2" class="divs"><i>Coucou B</i></div>
		<div id="opt3" class="divs"><u>Coucou C</u></div>
		<div id="opt4" class="divs"><b><i><u>Coucou D</u></i></b></div>
	</div>
</body>
</html>
A voir également:

5 réponses

Réponse 1 / 5
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
6 août 2013 à 14:10
Salut !

<script>
function remplir(option){

document.getElementById('receveur').innerHTML = 'Bonjour vous habitez en ' + option.text;

}

</script>

<select name="pays" id="pays" onchange="remplir(this);">
<option value="belgique">belgique</option>
<option value="Afrique du Sud">Afrique du Sud</option>
<option value="Albani">Albanie</option>
<option value="france">france</option>
<option selected="selected" value="be">Afghanistan</option>
</select>

<div id="receveur">
</div>
0
Réponse 2 / 5
flexi2202 Messages postés 3818 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 11 avril 2025 190
6 août 2013 à 14:14
bonjour jeremy
merci pour la reponse
mais je viens de tester autre chose qui fonctionne
c est bon j ai trouve 
	<form name="form" >
<select size="1"  onChange="location = this.options[this.selectedIndex].value;">
	  <option selected="" value="0"></option>
	<option value="javascript:visibilite('opt1');">1</option>
	<option value="javascript:visibilite('opt2');" >2</option>
	<option value="javascript:visibilite('opt3');">3</option>
	<option value="javascript:visibilite('opt4');">4</option>
</select>

a présent
je souhaiterais qu un texte soit affiche des que l on ouvre la page dans la carre du code précédent et qu il sois remplacer quand la personne choisit 1 , 2 3 ou 4

merci pour l aide
0
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
6 août 2013 à 14:26
Euh ton truc devient vraiment brouillon et pas propre ...
Que veux tu faire exactement ? Explique clairement si possible depuis le début
0
Réponse 3 / 5
Utilisateur anonyme
6 août 2013 à 14:20
salut, je ferais comme jeremy.s, bien joué @jeremy.s

juste 2 modifs, la value du dernier == "afganisatant" bien-sur

le selected peut être pas obligatoire, a voir....

et le option.text

en 
option.value



voilà, bonne chance
0
jeremy.s Messages postés 1226 Date d'inscription lundi 28 mars 2011 Statut Membre Dernière intervention 2 septembre 2013 79
6 août 2013 à 14:22
Habitué du .text() de jQuery ! Et j'avais un trou de mémoire et flemme de googler :)
0
Utilisateur anonyme
6 août 2013 à 14:24
ha ok.... :)
0
Réponse 4 / 5
Utilisateur anonyme
6 août 2013 à 14:26
ha j'avais vu ta rèponse, flexi, ben tu as le choix maintenant ....
0

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

Posez votre question
Réponse 5 / 5
flexi2202 Messages postés 3818 Date d'inscription lundi 14 mars 2011 Statut Membre Dernière intervention 11 avril 2025 190
6 août 2013 à 14:54
merci pour toute cette aide mais je pense que ma réponse précédente a été poster en même temps que les vôtres
je rappelle donc ce message

merci pour la reponse
mais je viens de tester autre chose qui fonctionne
c est bon j ai trouve 

	<form name="form" >
<select size="1"  onChange="location = this.options[this.selectedIndex].value;">
	  <option selected="" value="0"></option>
	<option value="javascript:visibilite('opt1');">1</option>
	<option value="javascript:visibilite('opt2');" >2</option>
	<option value="javascript:visibilite('opt3');">3</option>
	<option value="javascript:visibilite('opt4');">4</option>
</select>



a présent
je souhaiterais qu un texte soit affiche des que l on ouvre la page dans la carre du code précédent et qu il sois remplacer quand la personne choisit 1 , 2 3 ou 4

merci pour l aide
0