bouton suivant precedent

**johnben2** · 13/02/2009, 00h43

Bonjour,

Je sais que c'est surement un sujet deja traité mais j'ai pas trouvé vraiment ce que je voulais..
Pas complique

En gros j' ai 2 liens sur ma page principale
"precedent" "suivant"

en dessous une iframe classic

<IFRAME src="test.html" width=600 height=600 scrolling=auto frameborder=1 > </IFRAME>

Je voudrais qu'a chaque clic sur "suivant" le contenu src de l'iframe soit modifié...
test1.html,puis test2.html ect...

Je vous remercie..

**Farid_92** · 13/02/2009, 00h51

Salut,
J'ai pas testé mais ca devrait marcher comme suit:

1. Mettre un ID pour l'iframe

Code :

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

1
2
 
<IFRAME id="MyIFrame" src="test.html" width=600 height=600 scrolling=auto frameborder=1 > </IFRAME>

2. code javascript a appeller avec le nouveau fichier a charger:

Code :

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

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
function setIFrameSrc(url) {
   document.getElementById('MyIFrame').src=url;
   }
</script>
 
---
Farid

**johnben2** · 13/02/2009, 01h08

merci pour la reponse
Cependant , je voudrais qu'a chaque fois que je clic sur le lien "suivant" ça soit une nouvelle page qui soit charger
page1.htm page2.htm page3.htm ect...

en gros je voudrais faire comme ce site http://www.terryrichardson.com/
(faut aller sur un des menus et ouvrir une image ...la ya les boutons precedent et suivant ..c'est exactement ça que je veux faire)

Merci

**Farid_92** · 13/02/2009, 01h18

Une solution parmi d'autres:...

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
19
20
21
22
23
 
...
<head>
   <script type="text/javascript">
   var idxMax=10;
   var idxCurrent=0;
 
   function setNextIFrameSrc() {
      if (idxCurrent<idxMax) {
         idxCurrent=idxCurrent+1;
         document.getElementById('MyIFrame').src='page'+idxCurrent+'.htm' ;
         }
      }
 
   function setPrevIFrameSrc() {
      if (idxCurrent>1) {
         idxCurrent=idxCurrent-1;
         document.getElementById('MyIFrame').src='page'+idxCurrent+'.htm' ;
         }
      }
   </script>
...
</head>

Il suffira juste d'initialiser idxMax a la bonne valeur soit en dur sur la page principale, soit dynamiquement via une source exterieur (db, session, request...).

---
Farid

**johnben2** · 13/02/2009, 01h40

merci je v tester

bouton suivant precedent

JavaScript

Discussions similaires

Partager

Partager