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.Error: Error in parsing value for property 'top'. Declaration dropped.
Source File: http://arrg.anathas.com/leaf/ on Line: 0
Javascript:
HTML:
Code : S�lectionner tout - Visualiser dans une fen�tre � part
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 */ }
J'esp�re que vous pourrez m'aider car je commence vraiment � �tre ennuy�. Merci en tout cas d'essayer
Code : S�lectionner tout - Visualiser dans une fen�tre � part
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>![]()
Partager