ascenseurs et javascript

**breizhlama** · 02/03/2011, 14h31

Bonjour,

Je précise avant tout que je suis débutant. Je cherche à pouvoir manipuler les ascenseurs, Je vous explique le contexte. Dans ma page html, j'ai 3 frames. et je cherche en bougeant l’ascenseur de la frame3, pouvoir pouvoir bouger à la même position la frame 2. Je sais pas si cela est possible, et j'ai trouvé une fonction qui me permet de récupérer la position de l’ascenseur (scrollTop et scrollLeft). Je me suis dit que je pourrais faire bouger les deux ascenseurs à la même position en actionnant un seul ascenseur. J'ai imaginé une fonction qui fonctionnerait comme cela :
- lecture de la position de l’ascenseur de la frame3
- écrit de la valeur récupéré dans l’ascenseur de la frame 2

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
 
<html>	
          <head>
 
	  </head>
 
          <FRAMESET COLS="20%,80%" onload="pos()"> 
 
	            <FRAME SRC="page1.html" NAME="gauche" id="gauche" scrolling="no" >
 
		    <FRAMESET ROWS="50%, 50%">
 
		    <FRAME SRC="frame2.htm" NAME="frame2"id="frame2">
 
		    <FRAME SRC="page" NAME="frame1" scrolling="yes" id="droit_bas">
 
	  </FRAMESET>
</html>

Peut être que j'ai mal compris l'utilisation de cette fonction.

Je remercie d'avance les personnes qui pourrait me donner des pistes ou m'aider tout simplement.

**RomainVALERI** · 02/03/2011, 15h36

Envoyé par breizhlama

[...] J'ai imaginé une fonction qui fonctionnerait comme cela [...] Peut être que j'ai mal compris l'utilisation de cette fonction. [...]

Heu... tu ne sais pas comment utiliser une fonction non encore écrite, mais que tu as imaginée... ?

C'est moi qui craque ou bien ?

Quelle partie te pose problème exactement ?

lier la fonction aux éléments de la page ?

**breizhlama** · 02/03/2011, 15h51

Non en faite, dans un premier temps, je cherche à récupérer la valeur de l'ascenceur de la frame3 puis envoyer cette valeur dans la frame1 afin de les faire bouger "simultanement". Quand je dis imaginer... elle est pas encore écrite puisque je cherche comment faire fonctionner scrolltop avec mes frames mais j'y arrive pas. Ensuite je viens de trouver la fonction scrollto(x,y) qui permet d'envoyer l'ascenseur à la position x et y.
La partie qui me pose problème, c'est de faire fonctionner scrolltop et scrollto avec mes frames... mais j'y arrive pas ^^.

Merci d'avance

**SpaceFrog** · 02/03/2011, 15h58

scrollTop ?

**breizhlama** · 02/03/2011, 16h03

J'ai l'impression d'avoir dis quelque chose qu'il fallait pas ? Il me semble qu'avec scrollTop, je peux récupérer la position d'un ascenseur, non ?

**SpaceFrog** · 02/03/2011, 16h10

et l'attribuer

**breizhlama** · 02/03/2011, 16h17

et c'est possible que cela se fasse simultanément ? c'est à dire que quand je bouge l’ascenseur de la frame3, l’ascenseur de la frame2 bouge en même temps ?

**SpaceFrog** · 02/03/2011, 16h21

oui

**Bovino** · 02/03/2011, 16h21

Utilise l'événement onscroll pour synchroniser les deux.

**RomainVALERI** · 02/03/2011, 17h11

Quelque chose ressemblant à

Code javascript :

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

1
2
3
4
5
function synchroniser_scrolls() {
   document.getElementById("idElementMaitre").onscroll = function() {
      document.getElementById("idElementEsclave").scrollTop = this.scrollTop;
   };
}

que tu appelles sur le chargement du body, par exemple en faisant :

Code javascript :

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

document.body.onload = synchroniser_scrolls;

(mais attention quand même si tu as déjà des fonctions appelées sur le onload du body ^^)

**SpaceFrog** · 02/03/2011, 17h12

a condition que les pages dependent du même domaine

**Bovino** · 02/03/2011, 17h15

Envoyé par RomainVALERI

Quelque chose ressemblant à

Code javascript :

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

1
2
3
4
5
function synchroniser_scrolls() {
   document.getElementById("idElementMaitre").onscroll = function() {
      document.getElementById("idElementEsclave").scrollTop = this.scrollTop;
   };
}

que tu appelles sur le chargement du body, par exemple en faisant :

Code javascript :

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

document.body.onload = synchroniser_scrolls;

(mais attention quand même si tu as déjà des fonctions appelées sur le onload du body ^^)

Bien tenté, mais dans une page avec frameset, il n'y a pas de body

**SpaceFrog** · 02/03/2011, 17h18

documentElement ?

**RomainVALERI** · 02/03/2011, 17h44

Envoyé par Bovino

Bien tenté, mais dans une page avec frameset, il n'y a pas de body

Ah tiens oui c'est un frameset...

Avec les frames, je sais pas pourquoi, mais l'information ne veut pas rentrer dans mon crâne ...

ascenseurs et javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager