Chargement de page dans un iframe à partir d'un lien à l'intérieur d'une iframe

Je veux faire une page de contenu où il y a deux iframes. Une iframe est un flottant sidemenu avec des boutons ou des liens alors que l'autre iframe contient en fait le contenu. Je veux que l'utilisateur puisse cliquer sur un lien sur le sidemenu comme des "Images" et alors que le lien de modifier le contenu de l'autre iframe. Je tiens également l'intégralité de la cellule que chaque étiquette pour le menu (Images, à la Maison, Lectures) à changer de couleur lorsque la souris survole.

J'ai essayé beaucoup de choses, mais voici les bases du code:

   <html>
<head>
<title>Main Content Page</title>
</head>
<body background="background.jpg">
<table>
<th>
    <iframe src="sidebar.html" frameborder="no" border="0" scrolling="no" height="750" width="450"></iframe>
<th>
    <iframe id ="content" src="" frameborder="no" border="0" scrolling="no" width="600" height="800"></iframe>
</table>
</body>
</html>

et puis les pages pour le contenu de l'iframe n'a pas d'importance. Le code de la barre latérale est:

<html>
<head>
<title>Main</title>
<base target="content">
<style type="text/css">
body{bgcolor: black;}
a{color: white}
a:link, a:visited{background-color: black}
<!--a:hover{background-color: gray}-->
<!--td:hover{background-color: gray}-->
buttons:hover{background-color: gray}

td, th{border:1px solid black; background-color:black;}
table{border:1px solid gray;}
td {font-family: Kunstler Script; color: white; font-size: 72; padding:15px;}
</style>
</head>
<body>
<table align="center">
    <tr><div class="buttons"><div><td onclick="target.content.home.href='html'">Home</div>
    <tr><div><td onclick="target.content.href='images.html'">Images</div>
    <tr><div><td onclick="target.content.href='readings.html'">Readings</div></div>
</table>

</div>
</body>
</html>

Dès maintenant les liens ne fonctionnent pas, mais les boutons ne changent de couleur

Eh bien, ne le font pas, l'Utilisation de CSS correction du positionnement jsfiddle.net/HerrSerker/fC2Zf

OriginalL'auteur Amber A | 2011-11-17

  1. 4

    Ajouter un name attribut à votre contenu de l'iframe

    <iframe name="content" src="" frameborder="no" border="0" scrolling="no" width="600" height="800"></iframe>

    Changer votre onclick événements à

    parent.window.frames['content'].location = 'url'

    Pour un exemple de créer 3 pages.

    main.html contenant

    <iframe src="./1.html"></iframe>
<iframe name="content"></iframe>

    1.html contenant

    <a href="#" onclick="parent.window.frames['content'].location = './2.html'">load</a>

    2.html contenant

    iframe 2 loaded

    Lors du chargement de main.html vous verrez le premier iframe chargé 1.html avec une charge de lien, en cliquant sur le lien de la charge dans le premier iframe charge ensuite 2.html dans l'autre partie du contenu de l'iframe.

    OriginalL'auteur Jeff Wilbert

  2. 0
    • Vous avez 2 iframes. - Il Correct?

    • Donner un nom de la valeur à votre 2ème iframe:

       <iframe name="iframe2" src="content.html"></iframe>

    • Ajouter "cible" de l'attribut de codes de lien sur votre 1er iframe cibler l'id de votre 2ème iframe:

       <a href="something.html" target="iframe2">Link Here!</a>

    Je suis un débutant moi-même et j'espère bien compris votre question correct 🙂

    OriginalL'auteur Onur Yurdupak