Afficher/masquer ligne de tableau pb sur IE
vct
-
arthezius Messages postés 3756 Statut Membre -
arthezius Messages postés 3756 Statut Membre -
Bonsoir tout le monde j'ai un petit souci pour un cas particulier : j'utilise ce code dans une de mes pages web et je viens de m'apercevoir qu'il ne marche seulement sur firefox et non pas sur IE, j'ai changé les display en visibility mais rien n'y fait avec ie ça ne marche pas, auriez vous une astuce ou une solution SVP ? Merci bcp par avance !!!
Mon code :
<script type="text/javascript">
function afficher(type){
document.getElementById(type).style.display = "";
}
function masquer(type){
document.getElementById(type).style.display = "none";
}
</script>
Ma façon de l'appeler sur la page :
<select name="categorie" style="width:210px;">
<option selected="selected" value="0"> </option>
<option value="1" onclick="masquer('audiovisuel');masquer('adresseSite');masquer('preciser');">Projet audiovisuel</option>
<option value="2" onclick="afficher('audiovisuel');masquer('adresseSite');masquer('preciser');">Projet interactif</option>
<option value="3" onclick="masquer('audiovisuel');masquer('adresseSite');afficher('preciser');">Autre (Animation, etc.)</option>
</select>
Mon code :
<script type="text/javascript">
function afficher(type){
document.getElementById(type).style.display = "";
}
function masquer(type){
document.getElementById(type).style.display = "none";
}
</script>
Ma façon de l'appeler sur la page :
<select name="categorie" style="width:210px;">
<option selected="selected" value="0"> </option>
<option value="1" onclick="masquer('audiovisuel');masquer('adresseSite');masquer('preciser');">Projet audiovisuel</option>
<option value="2" onclick="afficher('audiovisuel');masquer('adresseSite');masquer('preciser');">Projet interactif</option>
<option value="3" onclick="masquer('audiovisuel');masquer('adresseSite');afficher('preciser');">Autre (Animation, etc.)</option>
</select>
A voir également:
- Afficher/masquer ligne de tableau pb sur IE
- Tableau word - Guide
- Partage de photos en ligne - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Imprimer tableau excel sur une page - Guide
4 réponses
ca , vous allez aidé :
<head> <script type="text/javascript">
function table_show() {
var selectedValue = document.getElementById("table_sel").value;
document.getElementById("table_1").style.visibility = "hidden";
document.getElementById("table_2").style.visibility = "hidden";
if(selectedValue == "table_1")
document.getElementById("table_1").style.visibility = "visible";
if(selectedValue == "table_2")
document.getElementById("table_2").style.visibility = "visible";
}
</script> </head> <body onload="table_show();"> <select id="table_sel" onchange="table_show();">
<optgroup label="Table"> <option value="table_1">Table - 1</option> <option value="table_2">Table -
2</option> </optgroup> </select> <div id="table_1" style="background-color:#00FF00; visibility:hidden;
border: 1px solid black;"> <h2>Table - 1</h2> </div> <div id="table_2" style="background-
color:#FF00FF; visibility:hidden;
border: 1px solid black;"> <h2>Table - 2</h2> </div> </body> </html>
<head> <script type="text/javascript">
function table_show() {
var selectedValue = document.getElementById("table_sel").value;
document.getElementById("table_1").style.visibility = "hidden";
document.getElementById("table_2").style.visibility = "hidden";
if(selectedValue == "table_1")
document.getElementById("table_1").style.visibility = "visible";
if(selectedValue == "table_2")
document.getElementById("table_2").style.visibility = "visible";
}
</script> </head> <body onload="table_show();"> <select id="table_sel" onchange="table_show();">
<optgroup label="Table"> <option value="table_1">Table - 1</option> <option value="table_2">Table -
2</option> </optgroup> </select> <div id="table_1" style="background-color:#00FF00; visibility:hidden;
border: 1px solid black;"> <h2>Table - 1</h2> </div> <div id="table_2" style="background-
color:#FF00FF; visibility:hidden;
border: 1px solid black;"> <h2>Table - 2</h2> </div> </body> </html>
Bonjour,
Sans savoir ce qui ne marche pas, on peut te proposer d'indiquer un attribut au display qui n'en a pas ?
--
Sans savoir ce qui ne marche pas, on peut te proposer d'indiquer un attribut au display qui n'en a pas ?
--
Merci, votre code fonctionne à lui seul mais une fois sur ma page il ne marque pas.
Quand je tape ce que vous me fournissez, ainsi que ce que j'ai pu trouver sur internet je n'ai aucun problème mais quand il est sur ma page je vois tout de suite qu'il ne marche pas car internet explorer n'a pas la barre jaune d'avertissement concernant le javascript, on dirait que la partie javascript ne fonctionne pas sur ma feuille et pourtant !!! j'ai du flash sur ma page et celui-ci requiert du javascript et ça fonctionne.
Je ne comprend pas, et j'ai essayé de placer directement le code dans le onclick, dans le head et dans le body.
Pouaaaa ça gonfle, pas d'autre suggestion ? merci en tout cas!
Vincent.
Quand je tape ce que vous me fournissez, ainsi que ce que j'ai pu trouver sur internet je n'ai aucun problème mais quand il est sur ma page je vois tout de suite qu'il ne marche pas car internet explorer n'a pas la barre jaune d'avertissement concernant le javascript, on dirait que la partie javascript ne fonctionne pas sur ma feuille et pourtant !!! j'ai du flash sur ma page et celui-ci requiert du javascript et ça fonctionne.
Je ne comprend pas, et j'ai essayé de placer directement le code dans le onclick, dans le head et dans le body.
Pouaaaa ça gonfle, pas d'autre suggestion ? merci en tout cas!
Vincent.
