Forum « Re: compatibilité navigateur cacher un objet »

Forum « Programmation Javascript » (archives)

Re: compatibilité navigateur cacher un objet

Envoyé: 19 octobre 2003, 7h08 par Oznog

Salut,

Il n'est pas du tout compatible ton code avec les nouveau navigateur Netscape 6, 7, Mozilla, Opera, Konqueror, Safari... Il te manque au moins le support DOM-1, voir "Modifier la visibilité des objets en DHTML" (http://www.trucsweb.com/DHTML/trucs.asp?no=279&type=2).

D'autre part, le code pour faire l'appel de la fonction (sur un clic mais lequel?) n'est pas là et c'est justement le problème.

Ce clic devrait appeler deux fois le script, une fois pour chaque DIV.

- OU - Tu peux mettre les deux DIV à l'intérieur d'un troisième qui sera celui caché (hidden).

Exemple :

<html>
<head>
<title>Test de propriété "Visible/invisible"</title>

<script language="JavaScript">

var ns4=document.layers
var ie4=document.all
var ns6=document.getElementById&&!document.all

function twAffiche_Cache(nObjet) {
if(ie4) { // Internet explorer
eval(nObjet).style.visibility =
(eval(nObjet).style.visibility=='visible'?'hidden':'visible');
}
else if(ns4) { // Netscape 4.x
document.eval(nObjet).visibility =
(document.eval(nObjet).visibility=='show'?'hidden':'show');
}
else if(ns6) { // Netscape 6 (mozilla)
var divns6 = document.getElementsByTagName("div")
divns6[nObjet].style.visibility =
(divns6[nObjet].style.visibility=='visible'?'hidden':'visible');
}
}
</script>
</head>

<body bgcolor="#FFFFFF">
<div id="monobjet" style="visibility:hidden">
<div id=texte_reseau name=texte_reseau style="position:relative;">Type de réseau:</DIV>
<DIV id=choix_reseau name=choix_reseau style="position:relative;">
<select name="type_res" ><option value="" selected>déroulez</option>
<option value="filaire (cablé)">filaire (cablé)</option>
<option value="filaire (apparent)">filaire (apparent)</option>
<option value="sans fil">sans fil</option><option value="autre">autre</option></select>
</DIV>
</div>
<a href="#" onclick="twAffiche_Cache('monobjet')">Lien</a>
<a href="#" onclick="twAffiche_Cache('monobjet')">Lien</a>
</body>
</html>

Ciao
Oznog