Boutons de defilement pour une iframe

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Boutons de defilement pour une iframe

Seta-san

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:

Publicité

nargy

propriété window.pageXOffset / pageYOffset

gatsu35

Blablaté par Harko

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

Seta-san

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

Seta-san

up!

Seta-san

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

Seta-san

*urgent*

dwogsi

Défaillance cérébrale...

Seta-san a écrit :

Pourriez vous m'eclairsir svp?

:??:

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

Seta-san

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)

Freedom_09

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

FORUM HardWare.fr

Programmation

HTML/CSS

Boutons de defilement pour une iframe

Sujets relatifs
[PHP] Plusieurs boutons dans un formulaire	barre de defilement perso sur mozilla ?
boutons comme wmp dans le taskbar	C# Supprimer boutons créés dynamiquement
[Help] Boutons dans un clip !!	prob iframe :/
[Java] maj du défilement d'un jtextarea utilisé par 2 classes	Algo - Défilement de texte "doux" [Résolu]
faille iframe	[VBA Excel] Bloquer les barres de défilement à la fin d'un tableau
Plus de sujets relatifs à : Boutons de defilement pour une iframe

Page générée en 0.038 secondes