Ce forum est maintenant fermé, seule cette archive statique reste consultable.
  FORUM Rue-Montgallet.com
  Programmation
  Html

  Probléme avec page dans iframe

Bas de page
Auteur Sujet :

Probléme avec page dans iframe

n°19801
Neron59
faites la féte!
Profil : Membre
Posté le 17-03-2010 à 15:28:09  
 

Bonjour à tous,  
actuellement je suis en train de relooké le site d'un pote.
Je lui ai fait un menu déroulant en dessous de la banniére qui doit étre affiché sur toute mes pages, jusqu'à là pas de soucis.  
Mais lorsqu'il y'aura une modif a faire dans le menu toutes les pages seront à modifier, du coup je me suis dit: je vais me faire une page entéte.html (banniére + menu) que je mettrais dans un iframe pour l'inclure dans chaque page, pour ne modifier que l'entéte à chaque modif du menu.  
Mais le soucis c'est que lorsque que l'on clic sur un onglet du menu la page s'ouvre mais dans l' iframe et non pas là où je veux.  
Comment faire pour que lors d'un choix du menu la nouvelle page s'ouvre ailleurs que dans l'iframe ?
 
D'avance merci.  :hello:

mood
Pub
Posté le 17-03-2010 à 15:28:09  
 

n°19802
Neron59
faites la féte!
Profil : Membre
Posté le 19-03-2010 à 19:00:06  
 

Je ne sais pas si je dois modifier le javascript ou mon mes liens du menu, une idée?  :??:  
 
Voilà mon code:
 
Page entete.htm:
 

Code :
  1. <html>
  2. <head>
  3. <title>U.C.A.D.</title>
  4. <script language="JavaScript">
  5. <!--
  6. //PLF-http://www.jejavascript.net/
  7. function menuderoulant(selection){
  8. window.location=selection.options[selection.selectedIndex].value;
  9. }
  10. //-->
  11. </script>
  12. </head>
  13. <body background="/00000005.jpg" text="#000000">
  14. <div id="contenu" style="width: 100%; height: 195">
  15.    
  16.       <tr>
  17.         <td width="898">
  18.           <p align="center"><img src="/ban1.4+.jpg">
  19.     </p>
  20.           <p align="center">
  21. <form name="form1">
  22. <div align="center">
  23. <select name="menu" onChange="menuderoulant(this)">
  24. <option value="#">      Accueil       </option>
  25. <option value="/annuaire.htm">Annuaire</option> - Liens à modifier
  26. <option value="menu2.htm">Page 2</option>
  27. <option value="menu2.htm">Page 3</option>
  28. </select>
  29. <select name="menu" onChange="menuderoulant(this)">
  30. <option value="#">        Ecole de cyclisme         </option>
  31. <option value="presentation.htm">presentation</option>
  32. <option value="agenda.htm">agenda</option>
  33. <option value="categories.htm">categories</option>
  34. </select>
  35. <select name="menu" onChange="menuderoulant(this)">
  36. <option value="#">      Photos       </option>
  37. <option value="menu2.htm">albums recents</option>
  38. <option value="menu2.htm">albums archives</option>
  39. <option value="menu2.htm">envoi de photos</option>
  40. </select>
  41. <select name="menu" onChange="menuderoulant(this)">
  42. <option value="#">      Catégories       </option>
  43. <option value="cadets_juniors.htm" >Cadets juniors</option>
  44. <option value="seniors.htm">Séniors</option>
  45. </select>
  46. <select name="menu" onChange="menuderoulant(this)">
  47. <option value="#">      Le Club       </option>
  48. <option value="organisations.htm">nos organisations</option>
  49. <option value="menu2.htm">nos partenaires</option>
  50. <option value="menu2.htm">annuaire</option>
  51. </select>
  52. <select name="menu" onChange="menuderoulant(this)">
  53. <option value="#">      Archives       </option>
  54. <option value="/annuaire.htm">annuaire</option>
  55. <option value="menu2.htm">Page 2</option>
  56. <option value="menu2.htm">Page 3</option>
  57. </select>
  58. </div>
  59. </form>
  60. </html>


 
et le code d'une page exemple:
 

Code :
  1. <html><head>
  2. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
  3. <title>U.C.A.D.</title>
  4. </head><body background="/00000005.jpg" text="#000000"><center>
  5. <iframe src="/entete.htm" height="400" width="922" > </iframe>
  6. </center>
  7.     <table align="center" bgcolor="#ffdab9" border="5" width="898" bordercolor="#990000" height="769">
  8.       <tbody>
  9.         <tr>
  10.         <td width="20%" height="653" valign="top" align="center">
  11.           &&&&&&&
  12.           <p>&&&&&&&&</p>
  13.           <p align="center"><span style="font-family: Arial;"><font color="#990000" size="4">&EFFECTIF
  14.           2010</font> </span></p>
  15.           <p align="left">&</p>
  16.           <p align="left"><font color="#990000"><span style="font-family: Arial;">&&&&&
  17.           CADETTES </span></font></p>
  18.           <p align="left">&</p>
  19.           <p align="left"><font color="#990000"><span style="font-family: Arial;">
  20. &&&&& CADETS </span></font></p>
  21.           <p align="left"><font color="#990000"><span style="font-family: Arial;">
  22. &&&&& </span></font></p>
  23.           <p align="left">&</p>
  24.           <p align="left"><font color="#990000"><span style="font-family: Arial">&&&&&
  25.           JUNIORS</span></font></p>
  26.           <p align="left">&</p>
  27.           <p align="left">&&&& </p>
  28.         </td>
  29.         </tr>
  30.     </tbody></table>
  31. </body></html>

  FORUM Rue-Montgallet.com
  Programmation
  Html

  Probléme avec page dans iframe

© 2000-2018 Forum.rue-montgallet.com - Tous droits réservés