[javascript] valeur indéfinie

Version imprimable

19/10/2004, 13h40
MatMeuh

[javascript] valeur indéfinie
Bonjour

J'ai une page qui a un onLoad tel que :

Code:

<body onLoad = "TblContainer = document.getElementById('tbl-container')">

or j'ai dans la suite de ce body des balises <td class="locked"> sur lesquels devraient s'appliquer le css suivant :
Code:

1 2 3 4 5 6 7 td.locked, { background-color: #C9DFED; left: expression(TblContainer.scrollLeft); position: relative; z-index: 10; }
or ce css ne s'applique par sur toutes les balises et quand je clique sur l'erreur j'ai "TblContainer indéfinie"

comment faire ?

merci
19/10/2004, 13h44
SpaceFrog

ne lance pas le script sur le onload mais en dernière ligne de la page ...
19/10/2004, 13h45
MatMeuh

hum... ??? et comment je fais pour charger le script en dernière ligne de ma page ???

le problème est donc un problème de "précédence" ??

mais apparemment, l'ordre est le bon... c'est juste que pour certaines balises TblContainer n'a pas été initialisé...

enfin je comprens pas trop la...
19/10/2004, 13h47
Matthieu2000

je ne vois pas d'élément 'tbl-container'. Le navigateur non plus!
19/10/2004, 13h48
Matthieu2000

Citation:

Envoyé par MatMeuh

hum... ??? et comment je fais pour charger le script en dernière ligne de ma page ???

le problème est donc un problème de "précédence" ??

mais apparemment, l'ordre est le bon... c'est juste que pour certaines balises TblContainer n'a pas été initialisé...

enfin je comprens pas trop la...

à la dernière ligne

Code:

<script>fonctionX()</script>

voila ce qu'il y a en dessou de body... la où l'on trouve le tbl-container

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
 
<div id="tbl-container">
 
<table id="tbl">
 
<thead>
<tr>
<th>Name</th>
<th>Major</th>
<th>Sex</th>
 
</tr>
</thead>
 
<tbody>
<tr>
<td class="locked">1</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td class="locked">1</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td class="locked">1</td>
<td>3</td>
<td>4</td>
</tr>
...
</tbody>
</table>
</div>
...

19/10/2004, 13h51
Matthieu2000

As tu déclarer TblContainer comme variable global?
19/10/2004, 13h53
MatMeuh

comment on fait our déclarer une variable globale ???

ps:
j'ai essayé ca à la fin de mon html:

Code:

<script>TblContainer = document.getElementById('tbl-container')</script>

avec peu de succès :-(
19/10/2004, 14h11
MatMeuh

j'ai essayé en mettant des variables globales, en mettant TBlContainer=... dans une fonction, en mettant <script> à lafin mais rien n'y fait

en plus le comportement ets très bizarre... à 2 exécutions consécutives, il n'y a pas les même résultat

j'ai l'impression que c'est en fonction du temps de chargement...

mais globalement, il faudrait que TblContainer soit instancié avant le chargement, alors que pour l'instancier, il faut que la page soit chargé (getElementById)... donc ca tourne en rond

comment faire ????
19/10/2004, 14h55
MatMeuh

Merci à tous les 2

au final

j'ai mis dans un .js

Code:

var TblContainer = 0;

puis dans mon body :

Code:

<body onLoad="TblContainer = document.getElementById('tbl-container')">

et ca a l'air de fonctionner !

encore merci