Problème avec html et javascript
Résolu/Fermé
info_l3
Messages postés
32
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
12 septembre 2009
-
5 mars 2009 à 13:53
info_l3 Messages postés 32 Date d'inscription mercredi 29 octobre 2008 Statut Membre Dernière intervention 12 septembre 2009 - 11 mars 2009 à 17:13
info_l3 Messages postés 32 Date d'inscription mercredi 29 octobre 2008 Statut Membre Dernière intervention 12 septembre 2009 - 11 mars 2009 à 17:13
A voir également:
- Problème avec html et javascript
- Telecharger javascript - Télécharger - Langages
- Image cliquable html ✓ - Forum Internet / Réseaux sociaux
- Javascript round ✓ - Forum Javascript
- Html editor - Télécharger - HTML
- Télécharger html - Télécharger - HTML
5 réponses
bissdebrazza
Messages postés
2064
Date d'inscription
vendredi 29 juin 2007
Statut
Contributeur
Dernière intervention
7 décembre 2017
713
5 mars 2009 à 14:02
5 mars 2009 à 14:02
Salut!
voici un petit exemple pris dans ce forum,à toi de l'adapter!il va beaucoup t'aider!
voici un petit exemple pris dans ce forum,à toi de l'adapter!il va beaucoup t'aider!
<html>
<head>
<script language='javascript'>
function actualiser()
{
form.reset();
}
function listerRegionFonctionPays()
{
i=document.form.pays.selectedIndex;
if(i==0)
{form.region.options.length=1;}
else if(i!=0)
{
switch(i)
{
case 1:
listeRegion=new Array("Bretagne","Ile-de-France");
break;
case 2:
listeRegion=new Array("Californie","Denver","Wisconsin","Minnesota");
break;
case 3:
listeRegion=new Array("Naple","Turin","Rome");
break;
}
for(i=0;i<listeRegion.length;i++)
{
el=new Option(listeRegion[i],i+1);
form.region.options[i+1]=el;
}
form.region.length=listeRegion.length+1;
}
}
</script>
</head>
<body onLoad='actualiser();' background="page_bg_blusteel_011609.gif">
<form name='form' action='suivant.html'>
Pays :
<select name='pays' onChange='listerRegionFonctionPays();'>
<option>Sélectionnez ici</option>
<option>France</option>
<option>USA</option>
<option>Italie</option>
</select>
<br />Région :
<select name='region'>
<option>Sélectionnez ici</option>
</select>
<br /><input type='radio' name='radio1' value='1' onClick='champ(value);' /> Choix 1
<br /><input type='radio' name='radio1' value='2' onClick='champ(value);' /> Choix 2
<br /><input type='radio' name='radio1' value='3' onClick='champ(value);' /> Choix 3
<br />
<br /><span id='idic'></span>
<script language='javascript'>
function champ(value)
{
obj=document.getElementById('idic');
obj.innerHTML="Nouveau champ pour le choix "+value+ "<input type='text' name='nomDuChamp'>";
}
</script>
<br /><input type='submit' value='Suivant' />
</form>
</body>
</html>
NookZ
Messages postés
2138
Date d'inscription
jeudi 29 janvier 2009
Statut
Membre
Dernière intervention
7 mars 2013
512
5 mars 2009 à 14:03
5 mars 2009 à 14:03
Je ferais ainsi :
1ère étape :
<select name="region" onchange="javascript:RendVisibleDep(this.value)">
devient
<select id="regions" name="region" onchange="javascript:RendVisibleDep(this.id)">
2ème étape dans le javascript :
function RendVisibleDep(id){
var choix = document.getElementById(id).selectedIndex;
var regionChoisie =select.options[choix].value;
document.getElementById(regionChoisie).style.display = "block";
}
Y'a peut-être qqs erreurs de codes mais dans l'ensemble ça doit y ressembler!
1ère étape :
<select name="region" onchange="javascript:RendVisibleDep(this.value)">
devient
<select id="regions" name="region" onchange="javascript:RendVisibleDep(this.id)">
2ème étape dans le javascript :
function RendVisibleDep(id){
var choix = document.getElementById(id).selectedIndex;
var regionChoisie =select.options[choix].value;
document.getElementById(regionChoisie).style.display = "block";
}
Y'a peut-être qqs erreurs de codes mais dans l'ensemble ça doit y ressembler!
info_l3
Messages postés
32
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
12 septembre 2009
58
5 mars 2009 à 17:06
5 mars 2009 à 17:06
Merci beaucoup pour vos réponses c'est très gentil je vous tiens au courant si je réussi
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
info_l3
Messages postés
32
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
12 septembre 2009
58
11 mars 2009 à 17:13
11 mars 2009 à 17:13
C'est bon ca marche nickel