Bonjour tout le monde,
comme je ne pouvais pas personnaliser la barre de defilement sous Firefox, j'en ai fait une en DHTML.
Le principe de base est d'avoir 1 calque qui est definit les dimensions
a partir desquelles on doit faire defiler pour voir la suite du
contenu. Pour ce calque toutes les dimensions sont fixes et connues a
l'avance. Ce calque en contient un autre qui contient ce qu'on veut
afficher. C'est ce calque que je fais defiler dans la "zone de
visibilite" definit par le calque le contenant. La taille de ce calque
doit etre dynamique, dependant de ce qu'il contient.
Si je ne suis pas clair, je peux toujours vous filer le code, mais
malgre les commentaires, je ne suis pas sur que ca vous aidera beaucoup
sauf a y passer un peu de temps.
La barre de defilement fonctionne...presque. Quand je mets un texte
simple, sans aucun formatage, ca marche bien. Mais des que je mets le
moindre tag de formatage, ca ne marche plus(h1, liste...)...
Le probleme est qu'au moment ou je veux recupere la taille du claque
contenant le texte, il me retourne 0 (alors que quand le texte n'est
pas formate il me retourne la taille correcte).
voila les elements de code utiles pour le html: d'abord la version qui marche
<span id='fenetre' style="height:500px;
width:757px; background-color:#009999; position:absolute; top:130px;
left:350px; overflow:hidden;">
<span id='contenu' style="position:relative;">
ICI LE CONTENU
</span></span>
et la version qui ne marche pas
<span id='fenetre' style="height:500px;
width:757px; background-color:#009999; position:absolute; top:130px;
left:350px; overflow:hidden;">
<span id='contenu' style="position:relative;">
<h3>ICI LE CONTENU</h3>
</span></span>
Pour le javascript, je recupere la taille du calque avec:
hautContenu= parseInt(document.getElementById('contenu').offsetHeight);
Des suggestions?
Merci d'avance,
KrioK