Je souhaite créer une page de contenu comportant deux iframes. Un iframe est un sidemenu flottant avec des boutons ou des liens tandis que l'autre iframe contient réellement le contenu. Je veux que l'utilisateur puisse cliquer sur un lien sur le sidemenu tel que "Images" et que ce lien change le contenu de l'autre iframe. Je veux également que la cellule entière que chaque étiquette pour le menu (Images, Accueil, Lectures) change de couleur lorsque la souris survole dessus.Charger une page dans un iframe à partir d'un lien dans un autre iframe
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>
, puis les pages pour le iframe contenu ne comptent pas. 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>
En ce moment, les liens ne fonctionnent pas, mais les boutons ne changent de couleur
Eh bien, ne le faites pas, Utilisez le positionnement fixe CSS http: // jsfi ddle.net/HerrSerker/fC2Zf/ – HerrSerker