[Manipulations CSS] Error in parsing value for property 'top'
Bonjour � tous !
Je suis en train de r�aliser un nouveau design et pour cela j'ai besoin de javascript.
L'id�e est que j'ai un div qui devra 'scroller' via deux fl�ches en onMouseOver. On modifie ses param�tres top et clip pour produire cet effet.
Le probl�me ici: http://arrg.anathas.com/leaf/
Comme vous pouvez le constater
1) Il ne se passe rien
2) La console javascript de firefox renvoie
Je n'arrive vraiment pas � comprendre ou est le probl�me, pourtant j'ai essay� pas mal de trucs et c'est la deuxi�me fois que je r�-ecris tout depuis le d�part pour tenter de corriger, sans succ�s.
Javascript:
Code:
1
2
3
4
5
6
7
8
9
|
function scrolldiv(vit) {
vitesse = vit;
contenu = document.getElementById('contenu'); /* Le div à scroller */
contenu.style.top -= vitesse; /* On le remonte (ou descend) */
contenu.style.clip.top += vitesse ; /* Et on corrige la position du clip */
contenu.style.clip.bottom += vitesse;
timer = setTimeout('scrolldiv(vitesse)',50); /* Pour relancer, tant que l'on reste sur la flèche */
} |
HTML:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<div id="conteneur">
<a href="#" onMouseOver="scrolldiv('-1')" onMouseOut="clearTimeout(timer)">
<img src="flechehaut.jpg" id="flechehaut" alt="Remonter le texte" title="Remonter le texte" />
</a>
<h1>Reflexions d'une onomatopée</h1>
<h2>Titre de l'article</h2>
<div id="contenu">
<p>Maecenas sed massa. Maecenas id ipsum ac nisl viverra dignissim. Nunc porttitor dui et neque. Quisque fermentum consequat dolor.</p>
</div>
<a href="#" onMouseOver="scrolldiv('1')" onMouseOut="clearTimeout(timer)">
<img src="flechebas.jpg" id="flechebas" alt="Descendre le texte" title="Descendre le texte" />
</a>
</div> |
J'esp�re que vous pourrez m'aider car je commence vraiment � �tre ennuy�. Merci en tout cas d'essayer :D
