Voir le sujet précédent :: Voir le sujet suivant |
Auteur |
Message |
Neron frontpage mioche
|
Probléme iframe , Posté le: 17-03-2010 15:32 |
|
|
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 les 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. |
|
|
Neron frontpage mioche
|
Probléme iframe , Posté le: 17-03-2010 17:14 |
|
|
Voilà mon code:
Page entete.htm:
Code: |
<html>
<head>
<title>U.C.A.D.</title>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
function menuderoulant(selection){
window.location=selection.options[selection.selectedIndex].value;
}
//-->
</script>
</head>
<body background="/00000005.jpg" text="#000000">
<div id="contenu" style="width: 100%; height: 195">
<tr>
<td width="898">
<p align="center"><img src="/ban1.4+.jpg">
</p>
<p align="center">
<form name="form1">
<div align="center">
<select name="menu" onChange="menuderoulant(this)">
<option value="#">      Accueil       </option>
<option value="http://ucad61.free.fr/club/annuaire.htm">Annuaire</option> - Liens à modifier
<option value="menu2.htm">Page 2</option>
<option value="menu2.htm">Page 3</option>
</select>
<select name="menu" onChange="menuderoulant(this)">
<option value="#">        Ecole de cyclisme         </option>
<option value="presentation.htm">presentation</option>
<option value="agenda.htm">agenda</option>
<option value="categories.htm">categories</option>
</select>
<select name="menu" onChange="menuderoulant(this)">
<option value="#">      Photos       </option>
<option value="menu2.htm">albums recents</option>
<option value="menu2.htm">albums archives</option>
<option value="menu2.htm">envoi de photos</option>
</select>
<select name="menu" onChange="menuderoulant(this)">
<option value="#">      Catégories       </option>
<option value="cadets_juniors.htm" >Cadets juniors</option>
<option value="seniors.htm">Séniors</option>
</select>
<select name="menu" onChange="menuderoulant(this)">
<option value="#">      Le Club       </option>
<option value="organisations.htm">nos organisations</option>
<option value="menu2.htm">nos partenaires</option>
<option value="menu2.htm">annuaire</option>
</select>
<select name="menu" onChange="menuderoulant(this)">
<option value="#">      Archives       </option>
<option value="/annuaire.htm">annuaire</option>
<option value="menu2.htm">Page 2</option>
<option value="menu2.htm">Page 3</option>
</select>
</div>
</form>
</html>
|
et le code d'une page exemple:
Code: |
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>U.C.A.D.</title>
</head><body background="/00000005.jpg" text="#000000"><center>
<iframe src="/entete.htm" height="400" width="922" > </iframe>
</center>
<table align="center" bgcolor="#ffdab9" border="5" width="898" bordercolor="#990000" height="769">
<tbody>
<tr>
<td width="20%" height="653" valign="top" align="center">
&&&&&&&
<p>&&&&&&&&</p>
<p align="center"><span style="font-family: Arial;"><font color="#990000" size="4">&EFFECTIF
2010</font> </span></p>
<p align="left">&</p>
<p align="left"><font color="#990000"><span style="font-family: Arial;">&&&&&
CADETTES </span></font></p>
<p align="left">&</p>
<p align="left"><font color="#990000"><span style="font-family: Arial;">
&&&&& CADETS </span></font></p>
<p align="left"><font color="#990000"><span style="font-family: Arial;">
&&&&& </span></font></p>
<p align="left">&</p>
<p align="left"><font color="#990000"><span style="font-family: Arial">&&&&&
JUNIORS</span></font></p>
<p align="left">&</p>
<p align="left">&&&& </p>
</td>
</tr>
</tbody></table>
</body></html>
|
|
|
|
createurweb dreamweaver mioche
|
Probléme iframe , Posté le: 17-04-2010 16:18 |
|
|
Très mauvaise idée ça les iframes ou tout autre type de frame.
1. renomme tous tes fichiers avec l'extension ".php"
2. crée ton menu dans un fichier php (ex : menu.php)
3. utilise l'instruction "include" à appeler sur toutes les pages : include 'menu.php'; |
|
|
Tout Est Net dreamweaver mioche
|
Probléme iframe , Posté le: 18-04-2010 17:00 |
|
|
Je soutiens le message précédent auquel j'apporte une petite rectification :
utiliser la fonction require_once("menu.php");
Car le fonction include présente quelques failles de sécurité. |
|
|
Neron frontpage mioche
|
Probléme iframe , Posté le: 18-04-2010 17:32 |
|
|
Au final j'ai fait une modif entre les balises <head>:
Code: |
{
top.document.href=selection.options[selection.selectedIndex].value;
} |
à la place de:
Code: |
{
window.location=selection.options[selection.selectedIndex].value;
} |
Cela marche trés bien, ensuite question sécurité, qu'est ce que je risque? Que quelqu'un s'introduise dans les fichiers? |
|
|
Tout Est Net dreamweaver mioche
|
Probléme iframe , Posté le: 19-04-2010 12:03 |
|
|
Non, le risque présent lors de l'utilisation des iframe, c'est pour le référencement du site Internet.
Sur google par exemple, il risque de n'y avoir que l'en-tête du site de référencé (donc peu de contenu, peu de mots clés) ou alors que le corps de la page.
Et dans tous les cas les liens pointant vers le site risquent d'être erronés s'ils ne pointent pas vers la page d'accueil. |
|
|
|