Rechercher
Se connecter avec
S'enregistrer | Connectez-vous

HTML et Javascript - Utilisation d'un menu déroulant vers une iframe

Dernière réponse : dans Programmation
Partagez

Bonjour,
je souhaite a partir d'un menu déroulant classique faire changer une iframe (avec une encre si possible) pour ce, j'ai:

-ma page principale avec toutes les frames avec notament:
<iframe src="menu/index.html" frameborder="0" scrolling="no" hspace="0" marginheight="0" marginwidth="0" vspace="0" name="menu" id="menu"></iframe>
<!-- la frame de mon menu avec le menu déroulant -->
<iframe src="accueil/index.html" frameborder="0" hspace="0" marginheight="0" marginwidth="0" vspace="0" name="page" id="page"></iframe>
<!-- la frame de ma page à changer à partir du menu -->

-le contenu de mon menu:
<SCRIPT LANGUAGE="JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</SCRIPT>

et

<form name="thematique" method="post">
<span class="menu">
<select name="menu" size="1" onChange="MM_jumpMenu('window.page',this,0)">
<option value="">- choisir -</option>
<option value="http://google.fr">noel</option>
<option value="http://google.fr">papa</option>
<option value="http://google.fr">maman</option>
</select>


le window.page peut etre remplacé par self par exemple, mais la framme n'est pas affichée au bon endroit. Le sousis de l'encre n'est pas traité, je n'ais pas réussis a aller plus loin, j'ai cherché sur plusieurs forums sans succès...

Autres pages sur : html javascript utilisation menu deroulant vers iframe

Lassé par la pub ? Créez un compte

Les frames sont obsolète (de même que la mise en page par tableaux) et les iframes ne sont pas standard.. De plus, les (i)frames provoquent des pb de navigation (gestion de l'historique des pages visitées) autant que des pb d'indexation par les moteurs de recherche (contenus des frames indexés seuls, donc des pages orphelines)..

Quant à l'emploi massif de JS pour le fonctionnement de l'ossature du site, c'est à bannir : JS peut être désactivé à tout moment sur le navigateur du visiteur pour raisons de sécurité..

Le XHTML et les CSS sont désormais suffisemment évolués pour se passer des (i)frames et du JS.. Il n'y a qu'IE qui merde encore avec certaines règles CSS, mais c'est très simple de passer outre ses limitations..

Tu as tout pour faire des bons sites respectueux des standards actuels dans le topic pinné en tête de la liste.. De plus, tous les logiciels de création actuels (Dreamweaver et son équivalent gratuit Nvu) savent générer du code XHTML et exploiter des CSS : il suffit de leur demander à la création d'un nouveau document..

Et quand tu postes du code dans un message, utilises la balise prévue à cet effet : [code] (bouton )..

:jap: 

Merci de ta réponce,j'ai suivi ton conseil à la lettre, et mon probleme reste le meme, meme sans iframe,reste une partie du problème,je résume:

J'ai un site en XHTML et CSS, j'ai un menu qui fonctionne avec une liste déroulante, de type:

  1. <form method=get>
    

  2.   <select name=menu>
    

  3.     <option value="page1.html">titre1</option>
    

  4.     <option value="page1.html">titre2</option>
    

  5.     <option value="page1.html">titre3</option>
    

  6.   </select>
    

  7. </from>


avec un bout de code comme cela je voudrais arriver sur une autre page (la page1 dans mon exemple) mais a une ancre différente sur la page, car celle-ci est longue

Il faut que tu précises l'ancre dans l'url de la page :

  • "page1.html#titre1"
  • "page1.html#titre2"
  • "page1.html#titre3"

    Ca devrait aller un peu mieux..


    Sinon : attention à la syntaxe en XHTML : tous les attributs ont des valeurs et toutes ces valeurs sont entre guillemets..

    Exemples :
  • class="maclasse"
  • checked="checked"

    Et l'attribut 'name' est déprécié (finalement supprimé en XHTML 1.1) au profit de l'attribut 'id', sauf dans les formulaires et les balises <input> et <textarea>..

    Deux pages te seront utiles (si tu ne les as pas déjà ; et au passage j'ai mis à jour mon post central dans le premier topic de la cat) :
  • Principes de l'XHTML >> http://www.startyourdev.com/xhtml/xhtml-principes.html
  • Syntaxe de l'XHTML >> http://www.startyourdev.com/xhtml/xhtml-syntaxe.html

    :jap: 
    • Lassé par la pub ? Créez un compte
     
    Posez votre question