|
Voir le sujet précédent :: Voir le sujet suivant
|
| Auteur |
Message |
| |
|
Antoine.B
WRInaute occasionnel
Inscrit le: 08 Avr 2006
Messages: 110
Localisation: Cork, Ireland
|
 Posté le : Ven Avr 06, 2007 20:12 Sujet du message: javascript : document.getElementById() |
|
|
Salut les Wrinautes
j'ai un petit soucis d'incompatibilité Firefox/Internet explorer sur le code suivant :
| Code: |
<script type="text/javascript">
function select_type_indiv()
{
document.getElementById(2).style.display = "block";
document.getElementById(1).style.display = "none";
}
function select_type_pro()
{
document.getElementById(1).style.display = "block";
document.getElementById(2).style.display = "none";
}
function select_type_vide()
{
document.getElementById(2).style.display = "none";
document.getElementById(1).style.display = "none";
}
</script>
<select>
<option onclick="select_type_vide()" value="choose"> Select... </option>
<option onclick="select_type_indiv()" value="indiv">individual </option>
<option onclick="select_type_pro()" value="pro"> professional </option>
</select>
<div id="1" style="display:none;">Contenu du div pro ....</div>
<div id="2" style="display:none;">Contenu du div individual ...</div>
|
sous Firefox, tout ce passe comme il faut, si rien est selectionné dans le menu déroulant, rien n'apparait, si "professional" est sélectionné, le div 1 apparait, et enfin si "individual" est sélectionné, le div 2 apparait.
ça ne marche malheureusement pas sous ie6 et 7, quelqu'un sait de quoi ça viens ?
merci infiniment |
|
| |
|
 |
UsagiYojimbo
WRInaute accro
Inscrit le: 23 Nov 2005
Messages: 2088
Localisation: Lyon, capitale des Gaules
|
| Posté le : Ven Avr 06, 2007 21:27 Sujet du message: javascript : document.getElementById() |
|
|
Et en mettant tes id entre "" quand tu les appelles via la fonction getElementById ?
ex :
document.getElementById("2").style.display = "block"; |
|
| |
|
|
Antoine.B
WRInaute occasionnel
Inscrit le: 08 Avr 2006
Messages: 110
Localisation: Cork, Ireland
|
| Posté le : Ven Avr 06, 2007 21:37 Sujet du message: javascript : document.getElementById() |
|
|
eh bien non s'eut été trop beau !
j'ai meme essayé juste ça :
| Code: |
<option onclick="alert('test');" value="pro"> professional </option>
|
Firefox m'affiche une alerte alors que ie reste planté là stoique sans rien faire...
erf  |
|
| |
|
|
dh
WRInaute impliqué
Inscrit le: 01 Sep 2003
Messages: 382
|
| Posté le : Ven Avr 06, 2007 22:04 Sujet du message: javascript : document.getElementById() |
|
|
<select name="uu" size="1" onclick=alert(this.value);>
<option value="pro"> professional </option>
<option value="5"> 5</option>
</select>
ok ie et ff onchange plutot que onclick serait plus souple d'utilisation
dh |
|
| |
|
|
Antoine.B
WRInaute occasionnel
Inscrit le: 08 Avr 2006
Messages: 110
Localisation: Cork, Ireland
|
| Posté le : Ven Avr 06, 2007 22:32 Sujet du message: javascript : document.getElementById() |
|
|
| Code: |
<script type="text/javascript">
function select_type_indiv()
{
document.getElementById(2).style.display = "block";
document.getElementById(1).style.display = "none";
}
function select_type_pro()
{
document.getElementById(1).style.display = "block";
document.getElementById(2).style.display = "none";
}
function select_type_vide()
{
document.getElementById(2).style.display = "none";
document.getElementById(1).style.display = "none";
}
function affiche(value)
{
if (value=='choose')
{
select_type_vide()
}
else if(value=='indiv')
{
select_type_indiv()
}
else if(value=='pro')
{
select_type_pro()
}
}
</script>
<select onchange="affiche(this.value);">
<option value="choose"> Select... </option>
<option value="indiv">individual </option>
<option value="pro"> professional </option>
</select>
<div id="1" style="display:none;">Contenu du div pro ....</div>
<div id="2" style="display:none;">Contenu du div individual ...</div>
|
Comme ça ça marche 
un grand merci !
@++ |
|
| |
|
|
| |
|
|
