Accueil > Forum > > > > scroll 2 frames en même temps
 scroll 2 frames en même temps
jeudi 15 novembre 2007 à 15:29:44 |
scroll 2 frames en même temps
Lyche
|
Bonjour à tous.
Voilà mon petit problème, j'ai une page avec 2 frames, et je souhaiterais qu'en faisant un scroll sur l'une, l'autre scroll en même temps, et vice-versa... malheuresement, je ne sais pas comment utiliser la fonction YOffset... encore faut-il que ce soit celle ci qu'il me faille utiliser... Si quelqu'un sait comment faire je l'en remerci d'avance !
Cordialement Lyche.
|
|
jeudi 15 novembre 2007 à 23:59:29 |
Re : scroll 2 frames en même temps
GhislainLavoie
|
Bonjour,
Voici ce que je te propose :
<html>
<script type="text/javascript">
function scrollTwin(f1, f2)
{
document.frames[f1].document.body.onscroll = function(){window.parent.document.frames[f2].scroll(0,window.parent.document.frames[f1].document.body.scrollTop);}
document.frames[f2].document.body.onscroll = function(){window.parent.document.frames[f1].scroll(0,window.parent.document.frames[f2].document.body.scrollTop);}
}
</script>
<body onload="scrollTwin('frame1','frame2');">
<iframe src="toto.html" id="frame1"></iframe>
<iframe src="toto.html" id="frame2"></iframe>
</body>
</html>
A+, Ghislain
|
|
vendredi 16 novembre 2007 à 12:08:48 |
Re : scroll 2 frames en même temps
Lyche
|
J'ai essayé ta solution, cela ne fonctionne pas. Mon problème actuel est que ma fonction scrollTop me renvoit, quelque soit la position de ma scrollBar la valeure 0, ce qui fait que la bare ne bouge pas..., je pense que ta solution fonctionne, mais il me faut trouver pourquoi mon scrollTop me renvoit toujours 0...
|
|
vendredi 16 novembre 2007 à 12:34:57 |
Re : scroll 2 frames en même temps
Lyche
|
Réponse acceptée !
Voilà, j'ai réussi, avec beaucoup de chance dans mes recherches, à savoir pourquoi mon scrollTop me renvoyait toujours 0.
Apparement ça vient d'un problème avec les certains navigateurs comme IE qui ne prennent pas en compte le .body et il faut le remplacer par un .documentElement. Bref, je vous donne le code que j'ai fait, je ne me suis pas servi de ton code au final, mais je te remerci pour m'avoir aidé.
[code]
//code à placer dans l'iframe de droite
fgauche = 'listeEmployes';
fDroite = 'corpsDePage';
onscroll=keepTogether;
onload=keepTogether;
function keepTogether(){
window.parent.frames[fgauche ].document.documentElement.scrollTop =
window.parent.frames[fDroite ].document.documentElement.scrollTop
}
//fonction à placer dans l'iframe de gauche
fgauche = 'listeEmployes';
fDroite = 'corpsDePage';
onscroll=keepTogether;
onload=keepTogether;
function keepTogether(){
window.parent.frames[fgauche ].document.documentElement.scrollTop =
window.parent.frames[fDroite ].document.documentElement.scrollTop
}
[/code]
Je suis sur que ce code peut-être amélioré, mais il fonctionne plutot bien comme ça, alors au lieu de faire des erreurs je préfère le garder.
Merci encore pour ton aide.
|
|
Cette discussion est classée dans : temps, utiliser, scroll, frames
 Répondre à ce message
 Sujets en rapport avec ce message
Comment faire Scroll dans une frame [ par rony21 ]
Bonjour,Je suis débutant et je n'arrive pas à faire défiler la barre automatiquement.Je m'explique :J'ai une page avec 3 frames dont une qui contient
[mootools]impossibilité d'utiliser deux scripts en même temps [ par begin974 ]
Bonjour à tous et BONNE ANNEE, J'aimerais utiliser deux scripts mootools dans une seule page. Pour une j'utilise les scripts: <script src="js/mooto
Frames et scroll [ par thetruche ]
Bonjour,Voici mon problème:J'ai un site ou il y a un haut de page, un gros menu à gauche avec des layers et un le contenu à sa droite.le soucis est qu
bd de scroll [ par guixyz ]
Elo, j'essaie de faire une page qui affiche des résultas venant d'une bdd en les scrollants, voici l'adresse de la page : http://membres.lycos.fr/guix
scroll qui fctionne pas [ par guixyz ]
Elo g un pb de scroll dans une page en fait yen a un qui marche et j'arrive pas à faire marcher les autres Voici l'adresse de la page : http://membre
base de données en javascript??????? [ par pascalrochon ]
Bonjour, voici mon problème: mon fournisseur internet ne me permet pas d'utiliser le langage asp (he oui c'est comme ca certaine université au Québec)
Frames dynamiques, resize [ par sschupp ]
Je voudrais savoir s'il est possible de changer la taille des frames en cours d'utilisation ?Càd, si g démarre avec une page contenant deux frames, l'
fermer popup qui contient plusieurs frames [ par JulienC ]
Bonjour,Lorsque mon popup avait un seule frame, la fonction window.close(); ne posait pas de problème et fermait le popup. Depuis que j'ai deux frames
Erreur : L'opération doit utiliser une requête qui peut être mise à jour [ par TILOURS ]
Bonjour ,j'ai l'erreur suivante lorsque je tente de faire un UPDATE sur une base access."L'opération doit utiliser une requête qui peut être mise à jo
Utiliser une police que le visiteur n'a pas ?! [ par Michael ]
Je voudrais bien utiliser sur mon site une police que tout le monde ne possède pas. Je ne veux pas la mettre en image, ça serait trop lourd.Alors, qqn
 Livres en rapport
|
Derniers Blogs
 [HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE)[HTML5] AUTOUR DU W3C : NOUVEAUX STANDARDS ET WEB MOBILE (LILLE) par Gio
Je m'y prends un peu tard je sais, mais bon je suis développeur web et donc hyper fainéant ! Toujours dans le cadre des technologies émergentes, ici HTML5, parce qu'on aime HTML5 chez Wyg , nous seront présent, le vieux ( Aurélien V.) et moi, pour pr...
Cliquez pour lire la suite de l'article par Gio [WP7] DYNAMICALLY CHANGE STARTUP PAGE[WP7] DYNAMICALLY CHANGE STARTUP PAGE par KooKiz
Let's say that you want to allow the user to customize the startup page of your application. You can easily change the startup page by editing the 'NavigationPage' attribute in the manifest file. But the manifest cannot be modified once the applicatio...
Cliquez pour lire la suite de l'article par KooKiz SESSION SILVERLIGHT 5 3D : SLIDES ET DEMOSSESSION SILVERLIGHT 5 3D : SLIDES ET DEMOS par Groc
Durant les techdays, j'ai eu le plaisir d'animer une session sur Silverlight 5 et la 3D avec Simon Ferquel. Comme promis, voici nos slides et mes démos (celles avec le viper BSG) ici et là. Pour mémoire, les démos utilisent toutes le viper BSG...
Cliquez pour lire la suite de l'article par Groc [TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES[TECHDAYS 2012] SESSION WEBMATRIX 2 : LE COUTEAU SUISSE GRATUIT POUR VOS DéVELOPPEMENTS WEB - SLIDES par gpommier
Suite à la session que j'ai présenté sur WebMatrix 2, vous pouvez trouver les slides ici, ainsi que les démos en packages nuget : démos1 et démos2 J'en profite pour remercier chaleureusement tous ceux qui sont venus très nombreux à cette sess...
Cliquez pour lire la suite de l'article par gpommier
Logiciels
 Tribler (2012)TRIBLER (2012)Tribler est un client pair à pair (P2P/Peer-to-Peer) open source avec la capacité de regarder des... Cliquez pour télécharger Tribler OneSwarm (2012)ONESWARM (2012)Le peer-to-peer qui protège votre vie privée, c'est OneSwarm.
Ce logiciel de peer-to-peer crypté... Cliquez pour télécharger OneSwarm PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO (V8.4)PONAMEDIA TV DEVIENS HELLLOOO FLASH
LA TV SUR VOTRE ORDINATEUR.
Toute une plateforme Multi... Cliquez pour télécharger PONAMEDIA PREMIUM - HELLLOOO FLASH DEMO Academy System (17.2.1.0)ACADEMY SYSTEM (17.2.1.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Easy-Planning (1.0.0.1)EASY-PLANNING (1.0.0.1)Basé sur les mêmes principes que MyPlanning, Easy-Planning permet de créer des plannings sous la ... Cliquez pour télécharger Easy-Planning
|