Discussion :

[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

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


voici ma fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[m@t]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[mariedesmet]

je vais tenter ca !!!

[denisC]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?????

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById(e+"sec")

[mariedesmet]

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 ...

[mariedesmet]

y a du progres
seulement je pense que c

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('e'+ sec )

pour l'instant en faisant ca ...

mozzilla exécute juste les

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('lien' + sec).innerHTML

[m@t]

Oui désolé c'était bien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById('e'+ sec )

Sur quel code travailles-tu maintenant ?

[mariedesmet]

j'ai simplifié la fonction

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!!

[denisC]

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.....

[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

[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 ...