style.display sous IE

Version imprimable

Voir 40 message(s) de cette discussion en une page

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:

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

17/03/2008, 14h01
E.Bzz

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+
17/03/2008, 14h06
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 ?
17/03/2008, 14h16
E.Bzz

Citation:

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 ...
17/03/2008, 14h33
tibotibo69
Apparement l'objet <table> est bien crée car si je fais
Code:

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".
17/03/2008, 14h42
E.Bzz

Donc, tu n'as pas testé la solution donnée :roll:
17/03/2008, 14h55
tibotibo69

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!! 8O
17/03/2008, 15h09
E.Bzz

Code:

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+
17/03/2008, 15h15
tibotibo69
oui j'avais testé en faisant
Code:

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:

1 2 document.location.href='?s=8&c=$id_client&co=$id_contrat'";
17/03/2008, 15h23
E.Bzz

Citation:

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+

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:

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>

17/03/2008, 15h45
E.Bzz

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+
17/03/2008, 15h53
tibotibo69

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.
17/03/2008, 16h20
E.Bzz

Citation:

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

A+
17/03/2008, 16h22
tibotibo69

D'accord.
Merci quand même.

Si quelqu'un a d'autres idées, je suis preneur:P
17/03/2008, 17h20
Auteur

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

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.

à tout hasard essaye ceci :

Code:

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:

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)
{
 
 
}

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

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!

18/03/2008, 10h50
Auteur

- deux éléments n'ont pas le même id ?
- document.getElementById('stl_tab_recap_clt') renvoit bien un objet ?
- il n'y a pas d'erreur dans l'id ?

Voir 40 message(s) de cette discussion en une page