style.display sous IE

**tibotibo69** · 17/03/2008, 10h31

Bonjour,

Je fais disparaître un div grace à style.display au chargement de la page .

Ca marche bien sous Firefox mais pas sous IE il me met cette erreur :

document.getElementById(...) n'est pas un objet ou à la valeur NULL

Voici mon code :

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
 
<table class="tableau" id="stl_tab_recap_clt">
	<tr>
		<td>
		Bla-bla
		</td>
	</tr>
</table>
 
<script>
 
	if(document.referrer == "http://localhost/intranet/index.php?s=7" || document.referrer == "http://localhost/intranet/?s=7") {
		document.getElementById('stl_tab_recap_clt').style.display = "none";
	}
</script>

Une idée ??

**E.Bzz** · 17/03/2008, 14h01

Bonjour,
fais une fonction de ton script. Tu l'appelleras sur le onload du <body>.
Tel que tu lances ton script, l'objet <table> ne doit pas être créé au moment de l'exécution.

A+

**tibotibo69** · 17/03/2008, 14h06

L'objet table est bien crée vu que le code javascript est placé après les balises <table> </table>, et ça marche sans problème sous Firefox, je pensais plutôt à un problème spécifique à IE ( j'utilise IE7).

est-ce que quelqu'un à eu un problème similaire ?

**E.Bzz** · 17/03/2008, 14h16

Envoyé par tibotibo69

L'objet table est bien crée vu que le code javascript est placé après les balises <table> </table>, et ça marche sans problème sous Firefox, je pensais plutôt à un problème spécifique à IE ( j'utilise IE7).

est-ce que quelqu'un à eu un problème similaire ?

Oui, beaucoup de monde.

As-tu testé ?
FF et IE ne chargent pas forcément les objets du document de la même manière ...

**tibotibo69** · 17/03/2008, 14h33

Apparement l'objet <table> est bien crée car si je fais

Code :

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

1
2
3
4
 
<script type="text/javascript">
    alert(document.getElementById('nom_de_mon_element'));
</script>

il m'affiche "[object]".

Si je ne mets pas les balises <table></table>, il me met "null".

**E.Bzz** · 17/03/2008, 14h42

Donc, tu n'as pas testé la solution donnée

**tibotibo69** · 17/03/2008, 14h55

je viens de tester en appelant ma fonction sur onLoad mais toujours le même résultat en pire.
Ca ne marche pas sous IE et ca ne marche plus sous Firefox!!

**E.Bzz** · 17/03/2008, 15h09

Code :

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

alert(document.referrer);

te donne bien une des URL testée ?
Tu appelles toujours ta page à partir d'un lien <A href=...> (dans le cas contraire le document.referrer risque d'être vide) ?

A+

**tibotibo69** · 17/03/2008, 15h15

oui j'avais testé en faisant

Code :

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

1
2
 
alert(document.referrer);

les urls sont retournées correctement.

j'appelle mes pages en faisant un onClick sur les lignes d'un tableau avec ce code :

Code :

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

1
2
 
document.location.href='?s=8&amp;c=$id_client&amp;co=$id_contrat'";

**E.Bzz** · 17/03/2008, 15h23

Envoyé par tibotibo69

je viens de tester en appelant ma fonction sur onLoad mais toujours le même résultat en pire.

D'après ton code il n'y a aucune raison que ça ne fonctionne pas (encore moins que ça fonctionne "moins bien" avec cette dernière modification)

Peux-tu montrer le code que tu as testé avec onload ?
Même si l'adaptation est correcte, ça donnera peut être des pistes sur la cause de l'erreur (d'ailleurs, tu devais en avoir une après la modif puisque ça ne marchait pas => laquelle ?) ...

A+

**tibotibo69** · 17/03/2008, 15h32

il n'y avait pas vraiment d'erreur, c'est juste que mon bloc s'affichait alors qu'il devrait être invisible.

Voici mon code j'espère que ça pourra t'éclairer.
Etant donné la taille de ma page je ne copie que les informations essentielles.

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
 
<html>
<body onLoad = "cache_client();">
<table class="tableau" id="stl_tab_recap_clt">
    <tr>
        <td>
            Bla-bla
        </td>
    </tr>
</table>
 
<script>
function cache_client() {
 
	if(document.referrer == "http://localhost/intranet/index.php?s=7" || document.referrer == "http://localhost/intranet/?s=7") {
		document.getElementById('stl_tab_recap_clt').style.display = "none";
	}
}
</script>
 
</body>
</html>

**E.Bzz** · 17/03/2008, 15h45

Perturbation visiblement dûe à autre chose dans ta page : si je prends ton code tel quel, il fonctionne dans mon pauvre IE6 (la table s'affiche puisque le test est KO).
Si j'enlève le test sur referrer, la table ne s'affiche plus.

Tu as peut être une autre erreur JS (ou autre

) qui plante les scripts avant celui-ci ...

A+

**tibotibo69** · 17/03/2008, 15h53

En fait, je reprends l'application de quelqu'un avec des pages dans tous les sens , c'est pourquoi je ne voulais pas faire de fonction, j'avais donc mis tout mon code dans la même page et ça marchait correctement avec Firefox mais pas sous IE7.

Si mon code marche avec Firefox , c'est qu'il ne doit pas être mauvais.

**E.Bzz** · 17/03/2008, 16h20

Envoyé par tibotibo69

Si mon code marche avec Firefox , c'est qu'il ne doit pas être mauvais.

Je n'ai pas dit le contraire. Le problème est plutôt qu'un "bon code" ne fonctionne pas forcément sous IE

A+

**tibotibo69** · 17/03/2008, 16h22

D'accord.
Merci quand même.

Si quelqu'un a d'autres idées, je suis preneur

**Auteur** · 17/03/2008, 17h20

Fait un alert sur document.referrer pour voir ce qu'il contient. Il n'y a pas de majuscules, de caractères spéciaux ?

**tibotibo69** · 18/03/2008, 09h09

quand je fais document.referrer;

j'obtiens : http://localhost/intranet/?s=7

ou ça

http://localhost/intranet/index.php?s=7

suivant la page ou j'appelle.

Apparement pas de problème à ce niveau.

**Auteur** · 18/03/2008, 10h24

à tout hasard essaye ceci :

Code javascript :

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

1
2
3
4
5
6
7
8
9
 
var chemin1 = "http://localhost/intranet/?s=7";
var chemin2 = "http://localhost/intranet/index.php?s=7";
 
if (document.referrer == chemin1 || document.referrer == chemin2)
{
 
 
}

ou avec les caractères d'échappement :

Code javascript :

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

1
2
3
4
5
6
7
8
9
 
var chemin1 = "http:\/\/localhost\/intranet\/?s=7";
var chemin2 = "http:\/\/localhost\/intranet\/index.php?s=7";
 
if (document.referrer == chemin1 || document.referrer == chemin2)
{
 
 
}

**tibotibo69** · 18/03/2008, 10h33

j'ai fais comme tu m'as dit, pas de problème il rentre bien dans la condition

Code :

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

1
2
3
4
5
6
7
8
 
var chemin1 = "http://localhost/intranet/?s=7";
	var chemin2 = "http://localhost/intranet/index.php?s=7";
 
	if(document.referrer == chemin1 || document.referrer == chemin2) {
		alert(document.referrer);
		document.getElementById('stl_tab_recap_clt').style.display = "none";
	}

l'alert se déclenche mais la div ne disparait toujours pas!