lien vers une frame enfant en javascript

lien vers une frame enfant en javascript - HTML/CSS - Programmation

Marsh Posté le 23-11-2005 à 00:56:13    

Bonjour a tous ! petit probleme de Javascript pour vous :
 
dans ma page j'ai mis mis une frame dont le code est ci dessous :
 

Code :
  1. <FRAME SRC="" name="upload_frame" HEIGHT="100" WIDTH="100%" framespacing=0 frameborder=0 border=0></IFRAME>


 
j'ai essayé au cadre en faisant parent.frames['upload_frame'].location.href = .............
ou document.upload_frame.location.href = .......................
 
mais rien n'y fait...
 
auriez vous une idée ?

Reply

Marsh Posté le 23-11-2005 à 00:56:13   

Reply

Marsh Posté le 23-11-2005 à 02:13:17    

:hello:  
La question n'est pas très claire. De quel genre de lien s'agit-il ? Combien y a-t-il de frames ? Lien de quel endroit vers quel endroit ?
 
Supposons, que l'on ait un index à gauche, et le conteu d'une page d'un livre à droite.
L'index vers une page dans la frame de droite, nommée par exemple "upload_frame", pourra être codé de la manière suivante :

<a href=page12.htm target=upload_frame>Lien vers la page 12</a>

:)

Reply

Marsh Posté le 23-11-2005 à 07:37:00    

en fait le lien doit etre identique a ca que tu as écrit mais en javascript !! car il est validé a la soumissiond'un formulaire., et je cherche a atteindre un cadre fils.
le contexte est une page ordinaire comme celle de ce forum, ou j'ai simplement intégré le code que j'ai donné :  

Code :
  1. <FRAME SRC="" name="upload_frame" HEIGHT="100" WIDTH="100%" framespacing=0 frameborder=0 border=0></IFRAME>

Reply

Marsh Posté le 23-11-2005 à 13:09:55    

Une solution qui marche sur un exemple que j'ai testé est :

Code :
  1. <html>
  2. <head>
  3. <script language=javascript>
  4. function display_page(a_page)
  5. {
  6.   // alert(a_page);
  7.   top.upload_frame.location=a_page;
  8.   return true;
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <form>
  14. <input type=button value="voir page1.htm" onClick="display_page('page1.htm');">
  15. <input type=button value="voir page2.htm" onClick="display_page('page2.htm');">
  16. </form>
  17. </body>
  18. </html>

:)

Reply

Marsh Posté le 23-11-2005 à 13:57:27    

aaaaaaaaah! Ok ! C'est le mot top qui me manquait !

Reply

Marsh Posté le 23-11-2005 à 13:58:04    

je teste et je tiens au courant ;)
merci de ton aide en tout cas, j'apprécie :)

Reply

Marsh Posté le 23-11-2005 à 16:22:32    

marche pas :/ top.upload_frame has no properties.... :/

Message cité 1 fois
Reply

Marsh Posté le 23-11-2005 à 16:25:22    

the_bigboo a écrit :

marche pas :/ top.upload_frame has no properties.... :/


on est bien d'accord que c'est cencé marcher avec :

Code :
  1. <html>
  2. <head>
  3. <script language=javascript>
  4. function display_page(a_page)
  5. {
  6.    // alert(a_page);
  7.    top.upload_frame.location=a_page;
  8.    return true;
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <form>
  14. <input type=button value="voir page1.htm" onClick="display_page('page1.htm');">
  15. <input type=button value="voir page2.htm" onClick="display_page('page2.htm');">
  16. <IFRAME SRC="" name="upload_frame" HEIGHT="100" WIDTH="100%" framespacing=0 frameborder=0 border=0></IFRAME>
  17. </form>
  18. </body>
  19. </html>


 
parce que ca , ca ne veux pas marcher :(

Reply

Marsh Posté le 23-11-2005 à 21:01:38    

En lisant le titre, j'ai cru qu'il s'agissait de frames au lieu d'une iframe.
Cela dit, j'ai copié/collé le code avec la ligne en plus pour l'iframe, et cela marche bien chez moi sous IE 5.5 et Firefox. Le problème vient peut-être du contenu des pages page1.htm et page2.htm. Pour mon test, j'ai page1.htm :

<html>
<body>
<h2>Page 1</h2>
</body>
</html>

et page2.htm :

<html>
<body>
<h2>Page 2</h2>
</body>
</html>


Message cité 1 fois
Reply

Marsh Posté le 23-11-2005 à 22:27:45    

olivthill a écrit :

.....j'ai copié/collé le code avec la ligne en plus pour l'iframe.....


 
De quelle ligne parles tu ? Peux tu mettre une archive pour me montrer le seul moyen pour moi sera de comparer, et vu la tete de mon code qui est rempli, et deperl, et de PHP, ca va pas etre simple de le mettre en ligne de facon claire...

Reply

Marsh Posté le 23-11-2005 à 22:27:45   

Reply

Marsh Posté le 24-11-2005 à 00:54:02    

Je parlais de la ligne numéro 16.  
Mon test a consisté à prendre le bloc de 19 lignes que tu as mis ici, à les mettre dans un nouveau fichier que j'ai appelé iframe1.htm, et à avoir les deux fichiers page1.htm et page2.htm ci-dessus.

Reply

Marsh Posté le 24-11-2005 à 09:22:05    

ya un quiproco : moi je parlais de la représentation come suit :
 

Code :
  1. <html>
  2. <head>
  3. <script language="javascript" type="text/javascript">
  4. function changerpage(Page)
  5. {
  6. ...
  7. ...
  8. }
  9. </script>
  10. </head>
  11. <body>
  12. <a href="#" onClick="changerpage('Page.php')">Changer la page de la frame</a>
  13. <FRAME SRC="" name="upload_frame" HEIGHT="100" WIDTH="100%" framespacing=0 frameborder=0 border=0></IFRAME>
  14. </body>
  15. </html>


mais je ne sais pas quoi mettre dans le contenu de la fonction...

Reply

Marsh Posté le 24-11-2005 à 09:38:36    

Que se soit pour un bouton ou pour un lien, c'est la même chose. D'ailleurs je viens de tester

Code :
  1. <html>
  2. <head>
  3. <script language=javascript>
  4. function display_page(a_page)
  5. {
  6.    // alert(a_page);  
  7.    top.upload_frame.location=a_page;
  8.    return true;
  9. }
  10. </script>
  11. </head>
  12. <body>
  13. <form>
  14. <a href="#" onClick="display_page('page2.htm');">Changer la page de la frame</a>
  15. <IFRAME SRC="" name="upload_frame" HEIGHT="100" WIDTH="100%" framespacing=0 frameborder=0 border=0></IFRAME>
  16. </form>
  17. </body>
  18. </html>

et ça marche.


Message édité par olivthill le 24-11-2005 à 09:39:01
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed