Lien s'ouvrant dans la meme page
enzolamo
-
prosthetiks Messages postés 1189 Date d'inscription Statut Membre Dernière intervention -
prosthetiks Messages postés 1189 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai créé deux carré, un à gauche (30%) un à droite (70%) avec la balise <div> et position absolute dans la page css. J'ai mis des liens dans la case de gauche et je voudrais que quand je clique sur l'un d'eux il s'ouvre dans la case de droite. voici mon prog:(c'est uniquement du html, c'est un petit projet statique, je ne veux pas de php)
<body>
<FRAMESET COLS="30%,
70%">
<div id="menu">
<FRAME SRC="styledje.css" NAME="colgauche">
<ul>
<li><a href="coordonnees.html" target="coldroite" title="afficher les coordonnees">Coordonnees</a></li>
<li><a href="objectifs.html" target="coldroite" title="afficher les objectifs">Objectifs</a></li>
<li><a href="formation.html" target="coldroite" title="afficher la formation">Formation</a></li>
</ul>
</div>
<div id="corps">
<FRAME SRC="stylejerome.css" NAME="coldroite">
</div>
</FRAMESET>
</body>
Voici les indications de style au cas ou ça a un rapport:
#menu{
position:absolute;
top:110px;
bottom:110px;
left:100px;
width:150px;
background-color:#999;
padding:5px;
}
#corps{
position:absolute;
top:110px;
bottom:110px;
left:270px;
right:100px;
background-color:#000;
color:#fff;
overflow:auto;
padding:10px;
Donc voilà, je sèche complètement, je ne comprend pas pourquoi l'attribut "target" ne fonctionne pas...
J'ai créé deux carré, un à gauche (30%) un à droite (70%) avec la balise <div> et position absolute dans la page css. J'ai mis des liens dans la case de gauche et je voudrais que quand je clique sur l'un d'eux il s'ouvre dans la case de droite. voici mon prog:(c'est uniquement du html, c'est un petit projet statique, je ne veux pas de php)
<body>
<FRAMESET COLS="30%,
70%">
<div id="menu">
<FRAME SRC="styledje.css" NAME="colgauche">
<ul>
<li><a href="coordonnees.html" target="coldroite" title="afficher les coordonnees">Coordonnees</a></li>
<li><a href="objectifs.html" target="coldroite" title="afficher les objectifs">Objectifs</a></li>
<li><a href="formation.html" target="coldroite" title="afficher la formation">Formation</a></li>
</ul>
</div>
<div id="corps">
<FRAME SRC="stylejerome.css" NAME="coldroite">
</div>
</FRAMESET>
</body>
Voici les indications de style au cas ou ça a un rapport:
#menu{
position:absolute;
top:110px;
bottom:110px;
left:100px;
width:150px;
background-color:#999;
padding:5px;
}
#corps{
position:absolute;
top:110px;
bottom:110px;
left:270px;
right:100px;
background-color:#000;
color:#fff;
overflow:auto;
padding:10px;
Donc voilà, je sèche complètement, je ne comprend pas pourquoi l'attribut "target" ne fonctionne pas...
A voir également:
- Lien s'ouvrant dans la meme page
- Lien url - Guide
- Supprimer une page dans word - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Lien copié - Forum Mobile
2 réponses
Pourquoi ne pas utiliser une iframe et changer son attribut src en javascript au moment ou tu clic sur un lien? tu pourrais aussi faire de l'Ajax, mais c'est pas forcément utile.
Exemple:
<html> <head> <title></title> <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script type="text/javascript"> $(function(){ $('#links a').click(function(){ $('#mainframe').attr('src', $(this).attr('href')); return false; }); }); </script> <style type="text/css" media="screen"> body{background-color:#343434; margin:0; padding:0;text-align:center} #global{ width:960px; background-color:#555; margin:0 auto; padding:20px; } #links{ width:260px; float:left; height:500px; overflow:auto; } #frame{ margin-left:270px; width:690px; background-color:#888; height:500px; } iframe{ width:690px; height:500px; } </style> </head> <body> <div id="global"> <div id="links"> <ul> <li><a href="https://www.20min.ch/">20minutes.ch</a></li> <li><a href="https://forums.commentcamarche.net/forum/">Comment ça marche =)</a></li> <li><a href="https://www.koreus.com/modules/news/">Koreus</a></li> <li><a href="https://fr.yahoo.com/">Yahoo</a></li> <li><a href="https://korben.info/">Korben</a></li> </ul> </div> <div id="frame"> <iframe id="mainframe" src=""/> </div> </div> </body> </html>
