lien s'ouvrant dans la meme page Fermé

Question

Bonjour, J'ai créé deux carré, un à gauche (30%) un à droite (70%) avec la balise

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)

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... Configuration: Windows 7 / Internet Explorer 9.0

prosthetiks · Answer

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.

prosthetiks · Answer

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>

Lien s'ouvrant dans la meme page

2 réponses

Discussions similaires