Probléme menu dans un iframe

Probléme menu dans un iframe - HTML/CSS - Programmation

Marsh Posté le 19-03-2010 à 19:02:54    

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.htm (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.  
 
Voilà mon code:
 
Page entete.htm:
 

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

Reply

Marsh Posté le 19-03-2010 à 19:02:54   

Reply

Sujets relatifs:

Leave a Replay

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