[resolu] afficher/masquer fonctionne pas sous firefox

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [resolu] afficher/masquer fonctionne pas sous firefox

tucdual

Bonjour,
Je suis nouveau sur la liste alors ma question vous paraîtra peut être évidente. :pfff:
J'ai fais un script pour masquer/afficher des div avec des boutons radio, ça fonctionne sous ie mais rien sous firefox (ni chrome) :cry:
merci de votre aide :bounce:

voici le code

Code :

<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="../../default.css">
<TITLE>JavaScript - Hiding Table Columns</TITLE>
<style type="text/css">
#progmenu { position:absolute; top:0; left:0; visibility:hidden; }
#miscmenu { position:absolute; top:0; left:0; visibility:hidden; }
.TitleMenu { width:110; }
.TitleMenuItem { }
</style>
<script language="javascript">
var showMode = 'block';//'table-cell';
if (document.all) showMode='block';
function toggleVis(radio){
name=radio;
radio = document.forms['tcol'].elements[radio];
for(j = 0; j < radio.length; j++){
if (radio[j].checked){
max=j;
}
}
for (k=0;k<4;k++){
cells = document.getElementsByName('div'+radio[k].value);
if (max!=4){
if (k==max)
mode = showMode;
else
mode = 'none';
}else{
mode = showMode;
}
for(j = 0; j < cells.length; j++)
cells[j].style.display=mode;
}
}
</script>
</HEAD>
<BODY MARGINWIDTH=0 MARGINHEIGHT=0 onload="init()">
<form name="tcol" onsubmit="return false">
<table border=0 bgcolor="#ffeecc">
<tr><td>
Show columns
<input type=radio name="col1" value="col1" onclick="toggleVis(this.name)"> 1
<input type=radio name="col1" value="col2" onclick="toggleVis(this.name)"> 2
<input type=radio name="col1" value="col3" onclick="toggleVis(this.name)"> 3
<input type=radio name="col1" value="col4" onclick="toggleVis(this.name)"> 4
<input type=radio name="col1" value="all" onclick="toggleVis(this.name)" checked> all
</td></tr>
</table>
</form>
<div id="divcol1" style="border: 2px solid rgb(209, 29, 67); padding: 5px; margin-top: 5px;">
<p>#1 : Ici mon texte</p>
</div>
<div id="divcol2" style="border: 2px solid rgb(209, 29, 67); padding: 5px;">
<p>#2 : Ici mon texte</p>
</div>
<div id="divcol3" style="border: 2px solid rgb(209, 29, 67); padding: 5px;">
<p>#3 : Ici mon texte</p>
</div>
<div id="divcol4" style="border: 2px solid rgb(209, 29, 67); padding: 5px;">
<p>#4 : Ici mon texte</p>
</div>
</BODY>
</HTML>
</head>

Message édité par tucdual le 04-10-2010 à 09:40:23

Publicité

David Boring

Heu, c'est peut-être parce que nous sommes en 2010, et que document.all n'est plus utilisé depuis 10 ans (et surtout ne fonctionne que sous IE)

Message cité 1 fois

tucdual

David Boring a écrit :

Heu, c'est peut-être parce que nous sommes en 2010, et que document.all n'est plus utilisé depuis 10 ans (et surtout ne fonctionne que sous IE)

Sans doute mais même sans cette ligne rien sous firefox :??:

cetplus

Wazard dans l'ombre

Bonjour
Voici la solution :

Code :

<script langage="Javascript">
<!--
function load(x)
{
if (x == 1)
{
document.getElementById('test1').innerHTML = "#1 : Ici mon texte";
exit;
}
if (x == 2)
{
document.getElementById('test1').innerHTML = "#2 : Ici mon texte";
exit;
}
if (x == 3)
{
document.getElementById('test1').innerHTML = "#3 : Ici mon texte";
exit;
}
if (x == 4)
{
document.getElementById('test1').innerHTML = "#1 : Ici mon texte<br>#2 : Ici mon texte<br>#3 : Ici mon texte";
exit;
}
}
//-->
</script>
<table bgcolor="black">
<tr>
<td><font color="yellow">#1 :<input type=radio OnClick="load(1);" name="col"></font>        </td>
<td><font color="yellow">#2 :<input type=radio OnClick="load(2);" name="col"></font>        </td>
<td><font color="yellow">#3 :<input type=radio OnClick="load(3);" name="col"></font>        </td>
<td><font color="yellow">all :<input type=radio OnClick="load(4);" name="col"></font></td>
</tr>
</table>
<br><span id="test1"></span>

Fais en bon usage !
Ensuite tu vois pour les <div> : document.getElementById('test1').innerHTML = "<div id='Mondiv'></div>";
@++

Message édité par cetplus le 03-10-2010 à 09:00:22

FORUM HardWare.fr

Programmation

HTML/CSS

[resolu] afficher/masquer fonctionne pas sous firefox

Sujets relatifs
comment fonctionne ORDER BY RAND() ?	CSS / Compatibilité IE - Firefox
problème avec xmlhttprequest et firefox	Afficher texte sur une image au passage de la souris
Galerie d'image AS3 / Problème sous Firefox / Mac	Afficher/Cacher les div après x seconde
[Resolu] Probléme de compatibilité entre Firefox et Internet Explorer	Besoin d'aide : Pbl 1px de trop sous IE, parfait sous Firefox et Safar
Afficher une image sous VB	JS pour afficher/masquer div ne fonctionne pas
Plus de sujets relatifs à : [resolu] afficher/masquer fonctionne pas sous firefox

Page générée en 0.053 secondes