bouton suivant precedent

Version imprimable

13/02/2009, 00h43
johnben2

bouton suivant precedent

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

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

1. Mettre un ID pour l'iframe
Code:

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:

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

13/02/2009, 01h08
johnben2

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

Une solution parmi d'autres:...

Code:

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

13/02/2009, 01h40
johnben2

merci je v tester