IE scrollHeight=0 onload

Version imprimable

02/06/2006, 12h53
jibouze

IE scrollHeight=0 onload
Bonjour,
j'ai un problème avec IE.
J'ai un DIV qui simule une comboBox, càd qu'il contient plusieurs liens <a>, chacun jouant le rôle d'une option dans un SELECT.
Au chargement de la page, je veux que l'élement récupéré depuis la base de données soit automatiquement sélectionné, et surtout que le div scrolle jusqu'à cet élement.
Sur mozilla, pas de pb. J'utilise :
Code:

1 2 window.load=positionner_bloc(nomDuBloc,numeroLigne)
Et la fonction positionner :
Code:

1 2 3 4 5 6 function positionner_bloc(combo,nbLigne) { var target=document.getElementById(combo); if(!target) return; target.scrollTop=nb_ligne*17+'px'; }
Mon problème, c'est que sur IE, au moment du lancement de la fonction la propriété scrollHeight vaut 0. Donc, forcément, il ne peut pas scroller des masses, étant donné qu'il considère une hauteur du bloc de 0.
Est-ce que quelqu'un a une idée sur ce qu'il faudrait que je fasse pour que la hauteur réelle soit détectée (une temporisation, une autre façon de lancer la fonction...) ?

Tant que j'y suis, est-ce que quelqu'un peut éclairer ma lanterne au sujet de window.load et window.onload ?
Parce que IE me fait une erreur sur onload (non implémentée).

Merci d'avance
02/06/2006, 13h32
SpaceFrog

onload pas load ...
02/06/2006, 13h46
jibouze

J'utilise bien load.
Question 1 : pourquoi, ça marche pas avec IE
Question 2 : quelle est la différence entre load et onload ?
02/06/2006, 13h49
SpaceFrog

ben je connais même pas load ...
renseignement pris load sert à changer le contenu d'un layer ...

donc ne correspond pas au chargement de la page ...
02/06/2006, 13h56
jibouze

Mais IE me fait une erreur sur onload (non implémenté) !!!
02/06/2006, 13h57
SpaceFrog

Code:

document.body.onload...
02/06/2006, 14h02
jibouze

Oui, mais c'est-à-dire que j'utilise ça sur un div....
02/06/2006, 14h06
SpaceFrog

tu l'utilise sur un div ... ok ...
mais tu veux bien que l'action interveienne au moment du chargement de la page non ???
02/06/2006, 14h13
jibouze

oui, en effet.
Mais j'ai une erreur IE.
Aussi bien sur "window.onload", que sur "document.body.onload".
02/06/2006, 14h15
SpaceFrog

je teste ...

Code:

1
2
3
<script type='text/javascript'>
window.onload=function(){alert('coucou')}
</script>

02/06/2006, 14h58
jibouze

j'ai toujours le même pb.
Que j'utilise window.onload ou window.load (qui soit dit au passage fonctionne sur MOZ), mon div.scrollHeight est égal à 0 sur IE.
La fonction s'exécute alors que la page n'est PAS chargée (je vois bien que ma page est vierge lorsque l'alert se produit).
alors que sur MOZ, tout est affiché au moment ou l'alert se produit.
Je comprends pas..
02/06/2006, 15h10
SpaceFrog

tiens c'est nouveau le scrollHeight ??? il sort d'ou lui ?
02/06/2006, 15h21
jibouze

Normalement, ça contient la hauteur de la barre de défilement de l'élément considéré.
En tous cas, ce qui ne marche pas, c'est le positionnement du contenu de mon DIV à l'endroit souhaité lors du chargement.
Après chargement ça marche (en l'occurrence la propriété scrollHeight contient bien une valeur après chargement).
02/06/2006, 15h23
SpaceFrog

oui mais toute la question est à quel moemnt tu la recupères cette valeur ...
02/06/2006, 15h27
jibouze

Ben j'ai essayé :

Code:

window.onload=alert(document.getElementById(comboBox).scrollHeight);

Et ça me renvoie toujours 0 sur IE alors que sur MOZ ça me renvoie la bonne valeur.
Ce que je comprends encore moins, c'est que même avec un setTimeout de 3 ou 4 secondes (là, la page est bel et bien chargée), ça me renvoie 0, mais si je relance la fonction (par un clic sur bouton par exemple), l'alert contient la bonne valeur..

???

Code:

1
2
3
4
5
6
7
8
<body onload="alert(document.getElementById('mondiv').scrollHeight)">
<div style="height:20px; overflow:auto" id="mondiv" >
<script type='text/javascript'>
for(i=0;i<100; i++){
document.write("coucou " +i+"\<br\/\>")
}
</script>
</div>

02/06/2006, 15h46
jibouze

Je ne peux pas utiliser <body onload... car la page qui contient tout ce bordel est chargée par la page principale qui contient le body. Mais comme la page principale peut contenir un tas de pages différentes, je ne peux pas lui affecter qqch dans le onload.
alors peut-être que ça vient de ça.
Je vais tester en appelant ma fonction depuis le body de la page principale..
02/06/2006, 16h11
SpaceFrog

tu as de frames ???
02/06/2006, 16h23
jibouze

Non, des div...
Je fais un include dans un DIV.
02/06/2006, 16h55
jibouze

Bon, j'ai réussi !!
C'est ce que je craignais. La seule solution que j'ai trouvée c'est d'utiliser un setTimeout, et encore dans une fonction récursive, parce que même si je fous 15 secondes d'attente, au premier passage, ça veut pas. Donc je relance la fonction toutes les 0,1sec tant que ScrollHeight=0.
C'est pas bien propre mais bon, ça tourne sous IE et MOZ, c'est déjà ça..
02/06/2006, 17h22
papyreno

Salut !

J'ai exactement le même problème que toi Jibouze et je suis extrêmement intéressé par ta solution... Si tu pouvais poster ton code, tu m'en verrais ravi ;)

Autrement, si quelqu'un a une solution plus propre, je suis preneur ! N'y a-t'-il pas une solution via CSS ?
02/06/2006, 17h25
SpaceFrog

css b'a aucune sorte d'action sur la positin d'un scroll
le problème en l'occurence est juste un souci d'instanciation de l'objet ...