Discussion :

[Salih-du-91]

Yep

Voila comme le titre du topic le montre, je cherche le code qui permetterait de mettre un lien sur 2 <img> ( haut et bas ) ayant la même fonction qu'une scrollbar.

Merci

PS : J'ai trouvé ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
36
37
38
39
40
41
42
<SCRIPT language="JavaScript">
<!--
function placeObj(py) {
document.getElementById("texte").style.top=py;
 
}
function voirMenu() {
if (navigator.appName=="Microsoft Internet Explorer") {
offsety = document.body.scrollTop;
}
else {
offsety = window.pageYOffset;
}
placeObj(offsety);
t = setTimeout("voirMenu()",0);
}
voirMenu();
 
 
function myobj(x) {
document.getElementById("texte").style.left=x;
 
}
function myMenu() {
if (navigator.appName=="Microsoft Internet Explorer") {
offsetx = document.body.scrollLeft;
}
else {
offsetx = window.pagexOffset;
}
myobj(offsetx);
t = setTimeout("myMenu()",0);
}
myMenu();
//-->
</SCRIPT>
 
		<div id="texte">
			<a style="position:absolute; margin-left:235px;" href="javascript:this.scrollBy(0,-35)"><img src="../images/fleche_haut.png" /></a>
			<a style="position:absolute; margin-top:235px; margin-left:238px;" href="javascript:this.scrollBy(0,35)"><img src="../images/fleche_bas.png" /></a>
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus nec massa. Sed commodo, urna luctus auctor tempus, urna lorem congue felis, a auctor tortor ante sit amet nisl. Proin risus neque, accumsan sed, imperdiet eu, euismod id, arcu. Mauris elit. Mauris ac ante. Praesent auctor, nulla eget sodales molestie.</p>
</div>

Mais ca ne fait que scroller la fenetre du navigateur et non pas le <div>

[Matthieu2000]

remplace tes

document.body

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("texte")

+ impose un style à ton calque (qui n'a pas de scroll)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

style="overflow:auto; height:231px; width:342px;position:relative;top:0;left:0"

[Salih-du-91]

Salut

Alors j'ai remplacé comme tu as dit les document.body, mon div#texte avait déja des propriétés

Mais rien n'a changé

[SpaceFrog]

? tu essaye de scroller quoi le div ou la balise a ?

[Salih-du-91]

J'essaye de scroller le div

Sinon un ami m'a donné un code JS et ca fonctionne parfaitement, à une exception près :

Lorsque je clique sur le lien qui permet le scroll, la page est rechargée :/

( http://7sky.biz/cuts-forever/temporaire/Bureau/Untitled-1.htm )

Merci bien de votre aide

Edit : Non c'est bon je viens de trouver, il suffit de mettre un <input> au lieu d'un <a>