Boutons de defilement pour une iframe

Marsh Posté le 23-02-2006 à 23:45:50

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.

Merci d'avance pour votre aide :hello:

Reply

Marsh Posté le 23-02-2006 à 23:45:50

Reply

Marsh Posté le 23-02-2006 à 23:50:17

propriété window.pageXOffset / pageYOffset

Reply

Marsh Posté le 24-02-2006 à 07:30:05

http://img49.imageshack.us/my.php? [...] ent0md.png

Reply

Marsh Posté le 24-02-2006 à 12:41:41

En cherchant ce que c'est que "window.pageXOffset" et "pageYOffset" j'ai vu également "scrollto" ou "scrollby" oO
J'ai pu lire que pagexoffset etait pour nescape. Pourriez vous m'eclairsir svp?

Je ne sait pas trop comment marche le js.
Serait-il possible que quand ont clic 1fois sur le boutton ca descende de 3px dans l'iframe ? je voudrai vraiment que ca fasse les même effet que si ont cliqué sur les fleches de la barre de defilement ^^'

Merci d'avance !

Message cité 1 fois

Reply

Marsh Posté le 26-02-2006 à 01:35:34

up!

Reply

Marsh Posté le 26-02-2006 à 22:35:24

S'il vous plait, je ne sait pas comment le manipuler ..

Reply

Marsh Posté le 27-02-2006 à 14:24:25

*urgent*

Reply

Marsh Posté le 27-02-2006 à 14:35:26

Seta-san a écrit :

Pourriez vous m'eclairsir svp?

:??:

Message édité par dwogsi le 27-02-2006 à 14:35:42

Reply

Marsh Posté le 27-02-2006 à 22:10:50

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 :

Code :

<iframe id="datamain" width="640px" height="500px" name="zone1" src="test0.html" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe></td>
<td valign="top">
<br />
<layer visibility=hide>
<a href="" onMouseup="scrollspeed=0" onmousedown="scrollspeed=-8"><img src="images/flechehaut.jpg" border="0px"/></a>
<br />
<a href="" onMouseup="scrollspeed=0" onmousedown="scrollspeed=8"><img src="file:///D|/Sites/sok site/sok/images/flecheb.jpg" border="0px"/></a>
</layer

Puis dans les pages qui serons dans l'iframe (entre les balise <head></head> ) :

Code :

<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)

Reply

Marsh Posté le 21-03-2006 à 23:33:30

Bonjour,

Je viens d'essayer ce script, qui fonctionne très bien chez moi, mais j'aimerai savoir si quelqu'un ici saurait ajouter la fonction suivante :

Faire disparaitre le bouton de scroll correspondant quand on est tout en haut ou tout en bas de la page à scroller, et ce par souci de lisibilité pour le visiteur...
A vrai dire j'ai essayé de le faire moi-même, mais mes connaissances en javascript sont beaucoup trop limitées, tout juste puis-je supposer que les propriétés scrollTop, scrollHeight et autres peuvent servir...

Merci de votre aide.
Freedom

Reply

Boutons de defilement pour une iframe

Sujets relatifs:

Leave a Replay