script bug avec IE [contourné]

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : script bug avec IE [contourné]

boulax

Inserer phrase hype en anglais

Dans la continuité de mes autres questions ... Cette page teste le fonctionnement d'une arborescence. Je souhaite dérouler le contenu d'un dossier lorsque je clique sur l'icone. Je joue sur la propriété display de la balise <div> qui suit le noeud. Cela ne fonctionne pas avec IE: des que l'on clique sur la liste (meme hors de l'image de la liste) tout s'efface sauf la racine ... Le script fonctione correctement avec mozilla.

voici le code de la page en question

Code :

<html>
<head>
<style type="text/css">
.noeudouvert
{
list-style-image:url("./img/folderopen.gif" );
}
.noeudferme
{
list-style-image:url("./img/folderclosed.gif" );
}
</style>
<script language="Javascript">
function openclosenode(node)
{
if ( document.getElementById(node).style.display == 'block' )
{
document.getElementById(node).style.display = 'none';
//document.getElementById(node).class = 'noeudferme';
}
else
{
document.getElementById(node).style.display = 'block';
//document.getElementById(node).class = 'noeudouvert';
}
}
</script>
</head>
<body>
<ul class="treecontainer">
<li id="elem00" onclick="openclosenode('00')" class="noeudouvert"><span class="display0">onclick</span></li>
<div name="00" id="00" style="display:block" >
<ul class="blocfils">
<li id="elem10" onclick="openclosenode('10')" class="noeudferme"><span class="display">onclick1</span></li>
<div name="10" id="10" style="display:none" >
<ul class="blocfils">
<li id="elem20" class="noeudferme"><span class="display">onclick4</span></li>
<li id="elem21" class="noeudferme"><span class="display">onclick5</span></li>
<li id="elem22" class="noeudferme"><span class="display">onclick6</span></li>
</ul>
</div>
<li id="elem11" class="noeudferme"><span class="display">onclick2</span></li>
<li id="elem12" class="noeudferme"><span class="display">onclick3</span></li>
</ul>
</div>
</ul>
</body>
</html>

Message édité par boulax le 24-05-2004 à 09:17:52

---------------
Posté depuis des chiottes, sales. Me gusta.

Publicité

bobe

Un identifiant ne peut pas commencer par un chiffre. Il faudrait déja corriger ça.

boulax

Inserer phrase hype en anglais

bobe a écrit :

Un identifiant ne peut pas commencer par un chiffre. Il faudrait déja corriger ça.

Ah ben tiens je l'ignorais.

Corrigé, sans effet. J'ai rajouté un return true aussi à la fin de la fonction JS au cas où... mais marche toujours pas avec IE.

---------------
Posté depuis des chiottes, sales. Me gusta.

Hermes le Messager

Breton Quiétiste

Un ID doit toujours être défini au commencement de la page avant de pouvoir être utilisé par javascript.

Message édité par Hermes le Messager le 21-05-2004 à 12:36:35

boulax

Inserer phrase hype en anglais

:heink: ah bon ? et comment ? ....

D'autant plus que la fonction javascript est appelé bien apres la fin du chargement de la page, donc je vois doublement pas de quoi tu parles.

Message édité par boulax le 21-05-2004 à 12:59:50

---------------
Posté depuis des chiottes, sales. Me gusta.

Hermes le Messager

Breton Quiétiste

boulax a écrit :

:heink: ah bon ? et comment ? ....

D'autant plus que la fonction javascript est appelé bien apres la fin du chargement de la page, donc je vois doublement pas de quoi tu parles.

Ou sont défini tes id dans les css ?

boulax

Inserer phrase hype en anglais

Hermes le Messager a écrit :

Ou sont défini tes id dans les css ?

Nul part, les id n'ont rien a voir avec les css, du moins ici. Ils servent uniquement a identifier l'objet au sein du script.

---------------
Posté depuis des chiottes, sales. Me gusta.

Hermes le Messager

Breton Quiétiste

boulax a écrit :

Nul part, les id n'ont rien a voir avec les css, du moins ici. Ils servent uniquement a identifier l'objet au sein du script.

En tous cas, j'avais eu un problème similaire qui disparaissait en définissant mes ID au départ. Tu peux d'ailleurs les créer dynamiquement via javascript si tu veux.

boulax

Inserer phrase hype en anglais

Tu pourrais me montrer comment tu fais pour définir des id au début de la page ?

---------------
Posté depuis des chiottes, sales. Me gusta.

Hermes le Messager

Breton Quiétiste

boulax a écrit :

Tu pourrais me montrer comment tu fais pour définir des id au début de la page ?

ben :

dans les css :

#tonid {
propriété : attributs;
etc...
}

:??:

Publicité

boulax

Inserer phrase hype en anglais

Je comprends pas à quoi ca sert ... C'est quoi la difference avec une classe CSS ? (cf le #..)

---------------
Posté depuis des chiottes, sales. Me gusta.

Hermes le Messager

Breton Quiétiste

boulax a écrit :

Je comprends pas à quoi ca sert ... C'est quoi la difference avec une classe CSS ? (cf le #..)

Ben #id est unique. [:spamafote]

boulax

Inserer phrase hype en anglais

Ouais bon bref ton truc c'est pas le bonne voie pour moi etant donné que je fait exactement le meme effet sur une autre page de la meme façon à la différence pres des listes. Donc pour essayer j'ai mis que des div avec des text-indent a la place des ul et li et miracle ca marche :heink:

Message édité par boulax le 21-05-2004 à 14:06:30

---------------
Posté depuis des chiottes, sales. Me gusta.

KrX

All your base are belong to us

Pour en revenir à ton script qui a un soucis sous IE, je crois que

document.getElementById(node).style.display

ne fonctionne pas sous IE; utilise un test pour determiner le browser utilisé puis :

Code :

// Si Moz/Netscape 6
if (document.getElementById(node).style.display == 'block')
{
document.getElementById(node).style.display = 'none';
//document.getElementById(node).class = 'noeudferme';
}
else
{
document.getElementById(node).style.display = 'block';
//document.getElementById(node).class = 'noeudouvert';
}
...
// Si IE 6
if (node.style.display == 'block')
{
node.style.display = 'none';
//node.class = 'noeudferme';
}
else
{
node.style.display = 'block';
//node.class = 'noeudouvert';
}

---------------
Antisocial, tu perds ton sang froid Tu masques ton visage en lisant ton journal Repense a toutes ces années de service Antisocial, bientôt les années de sévices Enfin le temps perdu qu'on ne rattrape plus 4Ñ 7¡ $Ø Ç!ÂL

boulax

Inserer phrase hype en anglais

Non non ca marche bien ce script (le getElementById) c'est juste que le browser gere mal l'apparition des listes va savoir pourquoi.

J'ai tout résolu avec des div et des span avec des style qui faut. Je posterai un screenshot le résultat est vraiment pas mal.

---------------
Posté depuis des chiottes, sales. Me gusta.

Hermes le Messager

Breton Quiétiste

KrX a écrit :

Pour en revenir à ton script qui a un soucis sous IE, je crois que

document.getElementById(node).style.display

ne fonctionne pas sous IE; utilise un test pour determiner le browser utilisé puis :
[cpp]

Heureusement que si, ça fonctionne.

boulax

Inserer phrase hype en anglais

Hermes le Messager a écrit :

Heureusement que si, ça fonctionne.

clair [:totoz]

---------------
Posté depuis des chiottes, sales. Me gusta.

boulax

Inserer phrase hype en anglais

Voila ce que ca donne sous ie

---------------
Posté depuis des chiottes, sales. Me gusta.

FORUM HardWare.fr

Programmation

HTML/CSS

script bug avec IE [contourné]

Sujets relatifs
Script Audio	Inserer des script tout fait???
lancer un script SQL	execution d un script sur un Server WEB
Executez un script sur le serveur a partir d'une page Web	Script TCL pour eggdrop
comment executer un script bash via php?	script Phpmynews
[Script mirc] Fonctions sockopen, sockwrite ...	[PHP] Besoin d'un coup de main: générer un script anti-leech
Plus de sujets relatifs à : script bug avec IE [contourné]

Page générée en 0.067 secondes