Creer des bouttons de defilement au lieu d'utiliser la scrollbar [Résolu]

Signaler
Messages postés
98
Date d'inscription
lundi 14 juin 2004
Statut
Membre
Dernière intervention
16 mars 2009
-
Messages postés
98
Date d'inscription
lundi 14 juin 2004
Statut
Membre
Dernière intervention
16 mars 2009
-
Bonsoir,


Ca fait quelques jour que je cherche à creer des boutons images pour faire defiler le contenu d'une iframe.

(même fonction qu'une barre de defilement que j'ai enlevé parceque ca ne fait pas tres estetique)

Je n'arrive pas a trouver la solution mais je suis sur que c'est possible.
ex :
http://img49.imageshack.us/my.php?image=defilement0md.png

On m'a orienté vers "window.pageXOffset" mais j'ai beau chercher, je ne sait pas comment l'appliquer.

Merci d'avance pour votre aide
www.sok.c.la

2 réponses

Messages postés
98
Date d'inscription
lundi 14 juin 2004
Statut
Membre
Dernière intervention
16 mars 2009

J'ai finalement reussi à l'apliquer apres quelque prise de tête (beaucoup)
Je le poste pour ceux qui veulent faire pareil.

Dans la page de l'iframe :

</td>
<td valign="top">

<layer visibility=hide>
[ ]

[ ]
</layer>

Puis dans les pages qui serons dans l'iframe (entre les balise <head></head>) :
[cpp]<script language="JavaScript1.2">

var speed, currentpos=curpos1=0,alt=1,curpos2=-1

function initialize(){
if (window.parent.scrollspeed!=0){
speed=window.parent.scrollspeed
scrollwindow()
}
}

function scrollwindow(){
temp=(document.all)? document.body.scrollTop : window.pageYOffset
alt=(alt==0)? 1 : 0
if (alt==0)
curpos1=temp
else
curpos2=temp

window.scrollBy(0,speed)
}

setInterval("initialize()",10)

</script>

Voila ! :)
Et pour ceux qui ont phpbb dans l'iframe, il suffit de mettre le code javascript ci-dessus dans le template overall_header.tpl (template/votretheme/overall_header.tpl)

Je vais mettre ce code dans les sources du site.
Messages postés
98
Date d'inscription
lundi 14 juin 2004
Statut
Membre
Dernière intervention
16 mars 2009

J'ai trouvé egalement les fonction scrollby et scrollto, mais le probleme reste le même, je n'y connait rien en js et je ne sait pas l'appliquer :(