incompatibilité sur mozilla ?

Version imprimable

BOnjour,

je n'arrive pas a resoudre un probleme... cette fonction javascript marche à merveille sur IE ... et impossible à exécuter sur mozilla... je ne parviens pas à trouver le pourquoi du comment ... si qqn a une idée.... ? merci d'avance

si vous avez le temps pouvez vous jettez un coup d'oeil !! ?

voici ma fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
 
function afficher(sec)
{
     thisSec = eval('e' + sec);
     if (thisSec != null){
          if (thisSec.length){
               if (thisSec[0].style.display != 'none'){
                    for (var i=0;i<thisSec.length;i++) {
                    thisSec[i].style.display = 'none';
                    document.getElementById('lien' + sec).innerHTML = 'Afficher';
                    }
               }else{
                    for (var i=0;i<thisSec.length;i++) {
                    thisSec[i].style.display = 'inline-block';
                    document.getElementById('lien' + sec).innerHTML = 'Masquer';
 
                    }
               }
          }else{
                     if (thisSec.style.display != 'none'){
                     thisSec.style.display = 'none';
                      document.getElementById('lien' + sec).innerHTML = 'Afficher';
                     }else{
                       thisSec.style.display = 'inline-block';
                       document.getElementById('lien' + sec).innerHTML = 'Masquer';
                       }
          }
     }
}
 
 
 
voici le code HTML :
 
 
<table width="100%" cellpadding="10" cellspacing="2">
         <tr>
                <td><b>presentatio ?</b></td>
                 <td><a id="lien1" href="javascript:afficher(1);">Afficher</a></td>
          </tr>
             <tr id="e1" style="display:none;">
                        <td colspan="2">text</td>
             </tr>
                      <tr>
                <td><b>presentatio ?</b></td>
                 <td><a id="lien2" href="javascript:afficher(2);">Afficher</a></td>
          </tr>
             <tr id="e2" style="display:none;">
                        <td colspan="2">text</td>
             </tr>

marie

Bonjour,

j'ai fait un script similaire il y a un petit moment, tu devrais sûrement pouvoir l'adapter :) (il fonctionnait sous IE et firefox et ...)

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 
 
	if ( document.getElementById && document.getElementById( divID ) ){ // Pour les navigateurs récents
			Pdiv = document.getElementById( divID );
			PcH = true;
 
	}else if ( document.all && document.all[divID] ){ // Pour les veilles versions
			Pdiv = document.all[ divID ];
			PcH = true;
 
	}else if ( document.layers && document.layers[ divID ] ){ // Pour les très veilles versions
 
			Pdiv = document.layers[ divID ];
			PcH = true;
 
	}else{
 
			PcH = false;
	}
 
	if ( PcH ){
		if(Pdiv.className == 'cachediv'){
			Pdiv.className = '';
			document.getElementById("0"+divID).src = '../../images/moins.png';
		}else{
			Pdiv.className = 'cachediv';
			document.getElementById("0"+divID).src = '../../images/plus.png';
		}
		//Pdiv.className = ( Pdiv.className == 'cachediv' ) ? '' : 'cachediv';
	}
}

Ce script permettait de cacher une div et changer l'image servant de lien pour cacher la div (image plus ou image moins)... ça correspond un peu près à ce que tu veux faire ... à toi d'adapter :)

03/03/2006, 11h18
mariedesmet

je vais tenter ca !!!
03/03/2006, 11h22
denisC

Re: incompatibilité sur mozilla ?
Citation:
Envoyé par mariedesmet

BOnjour,

je n'arrive pas a resoudre un probleme... cette fonction javascript marche à merveille sur IE ... et impossible à exécuter sur mozilla... je ne parviens pas à trouver le pourquoi du comment ... si qqn a une idée.... ? merci d'avance

Code:

1 2 thisSec = eval('e' + sec);
C'est là que ça bugge. Pour mozilla (et pour moi aussi) eval(e1) ça fait null. Qu'est ce que tu aimerais que ça fasse?????
03/03/2006, 11h25
m@t

Je pense qu'elle souhaite créer un nouveau nom de variable ... à partir de e qui est dynamique ... enfin je crois avoir compris ça :)

Si c'est le cas tu devrais faire comme ça :

Code:

document.getElementById(e+"sec")
03/03/2006, 11h29
mariedesmet

oui

je crois que c ca...
j'avoue j'y connais tellement rien en javascript que j'ai fait un copier collé sans comprendre réellement l'entièreté de la fonction ...
03/03/2006, 11h35
mariedesmet

y a du progres
seulement je pense que c

Code:

document.getElementById('e'+ sec )

pour l'instant en faisant ca ...

mozzilla exécute juste les

Code:

document.getElementById('lien' + sec).innerHTML
03/03/2006, 11h52
m@t

Oui désolé c'était bien

Code:

document.getElementById('e'+ sec )

Sur quel code travailles-tu maintenant ?

j'ai simplifié la fonction

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function afficher(sec)
{
     thisSec = document.getElementById('e' +sec)
        if (thisSec.style.display != 'none'){
	      thisSec.style.display = 'none';
	      document.getElementById('lien' + sec).innerHTML = 'Afficher';
        }else{
             thisSec.style.display = 'block';
	   document.getElementById('lien' + sec).innerHTML = 'Masquer'; 
	}
 
}

dans l'html il fait bien ce que je veux... mais il "creusent" des blocks "vierges" donc ma page devient enorme et plus du tout compact !!!

03/03/2006, 12h06
denisC

Citation:

Envoyé par mariedesmet

dans l'html il fait bien ce que je veux... mais il "creusent" des blocks "vierges" donc ma page devient enorme et plus du tout compact !!!

A mon avis, il ne faut pas remplacer 'inline-block' par 'block' comme tu l'as fait.....
03/03/2006, 12h45
mariedesmet

si je laisse 'inline-block' il n'affiche pas le block dans l'html, il fait bien le changement "masquer/afficher". mais le block de text n'apparait pas
03/03/2006, 13h21
mariedesmet

et bien j'avais la reponse devant les yeux depuis hier, j'ai reconsulté un blog qui en parlait vaguement ... mais j'ai zapé.
pour que cela fonctionne correctement dans Ie Et firefox... il ne faut

ni display:'block';
ni display:'inline-block';

mais bien un display: '' ;

et ca marche !!!

merci a vous ...