menu déroulant pour charger des page iframe ?

Bonjour,
Voila, j'ai créer un menu déroulant pour charger des page iframe, la premier page de charge mais la 2eme page et la 3eme page non ! je me demande pourquoi ?

Pour être plus clair:

à la racine du site j'ai deux page : index et top.
index.html

<html>
<head>

<title>index</title>

</head>
<body>

<table id="tblheader" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr width="100%">
<td align="left" width="100%" colspan="3">

<table width='205' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td>
<h1 style='margin:0;padding:0;'><a href=''><img src='logo.png' border='0' alt='logo' title='Titre' /></a></h1>
</td>
</tr>
</table>

</td>
</tr>
</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0" >
<tr>
<td align="left" bgcolor="#0e578e" height="16">

<form name=gotphaze>
<select name=menu onChange="location=document.gotphaze.menu.options[document.gotphaze.menu.selectedIndex].value" value=GO>
<option value="#" selected>pages</option>
  <option value="./pages/p-1.html" target="_top">page - r</option>
  <option value="./pages/p-2.html" target="_top">page - v</option>
  <option value="./pages/p-3.html" target="_top">page - b</option>
</select>

</td>
</tr>
</table>

<p>home</p>

<p>footer</p>
</body>
</html>

top.html

<html>
<head>

<title>top</title>

</head>
<body>

<table id="tblheader" border="0" cellpadding="0" cellspacing="0" width="100%">
<tr width="100%">
<td align="left" width="100%" colspan="3">

<table width='205' border='0' cellspacing='0' cellpadding='0'>
<tr>
<td>
<h1 style='margin:0;padding:0;'><a href=''><img src='logo.png' border='0' alt='logo' title='Titre' /></a></h1>
</td>

</tr>
</table>

</td>
</tr>
</table>

<table border="0" cellspacing="0" width="100%" cellpadding="0" >
<tr>
<td align="left" bgcolor="#0e578e" height="16">

<select name="MenuAuto" onChange="sel = this.options[this.selectedIndex].value; if (sel) { twAller(sel,'','') }">
<option value="#" selected>pages</option>
  <option value="./pages/p-1.html" target="_top">page - r</option>
  <option value="./pages/p-2.html" target="_top">page - v</option>
  <option value="./pages/p-3.html" target="_top">page - b</option>
</select>

</td>
</tr>
</table>

<p>&#160;</p>

</body>
</html>

j'ai crée un répertoire intitulé "pages" à la racine du site ensuite, j'ai mis dedans un mes pages

p-1.html (elle charge la page r.html)

<html>
<head>


<frameset rows="94,*" border="0">
 <frame src="../top.html" noresize scrolling="no">
 <frame src="r.html" noresize scrolling="yes">
</frameset>

p-2.html (elle charge la page v.html)

<html>
<head>


<frameset rows="94,*" border="0">
 <frame src="../top.html" noresize scrolling="no">
 <frame src="v.html" noresize scrolling="yes">
</frameset>

p-3.html (elle charge la page b.html)

<html>
<head>


<frameset rows="94,*" border="0">
 <frame src="../top.html" noresize scrolling="no">
 <frame src="b.html" noresize scrolling="yes">
</frameset>

le code des page acharger
r.html

<html>
<head>

<style>body { margin : 0;	padding : 0; background : #FF0000;}<style>

v.html

<html>
<head>

<style>body { margin : 0;	padding : 0; background : #008000;}<style>

b.html

<html>
<head>

<style>body { margin : 0;	padding : 0; background : #0000FF;}<style>

Merci pour votre aide !

demander une correction de problème !

menu déroulant pour charger des page iframe ?

Supprimer

Modérer

Signaler le message aux modérateurs