Comment puis-je ouvrir un lien dans une nouvelle fenêtre en utilisant css?

Question

Je dois créer un ensemble de liens dans une nouvelle fenêtre - la bonne chose est qu'ils ont tous le même style css - que dois-je faire dans css pour que ces liens s'ouvrent dans une nouvelle fenêtre?

Answer 1

Vous ne pouvez pas utiliser CSS pour cela. Vous devez utiliser <a target="_blank"></a>.

Édition: Commande window.open de Javascript.

Answer 2

Vous ne pouvez pas faire cela avec CSS. Vous devriez le faire avec un petit script tel que:

<script type="text/javascript"> 
function newwindow() 
{ 
    var load = window.open('http://www.domain.com'); 
} 
</Script> 

Answer 3

Selon les commentaires:

et comment puis-je spécifier la taille de la fenêtre? Je le veux un peu plus petit que la page originale. aussi, puis-je faire tous les liens dans la page, ouverts dans la MÊME nouvelle fenêtre, d'une taille plus petite?

Vous ne pouvez pas utiliser CSS ou HTML pour ce faire. Vous devez utiliser le code window.open() de JavaScript. Vous pouvez obtenir tous les liens par element.getElementsByTagName() sur a et vous pouvez déterminer l'attribut de lien class par element.className:

window.onload = function() { 
    var links = document.getElementsByTagName('a'); 
    for (var i = 0; i < links.length; i++) { 
     var link = links[i]; 
     if (link.className == 'someClass') { 
      link.onclick = function() { 
       window.open(this.href, 'chooseYourName', 'width=600,height=400'); 
       return false; 
      } 
     } 
    } 
} 

Ou si vous utilisez déjà jQuery, vous pouvez utiliser $('a.someClass') pour sélectionner tous les liens qui a la classe spécifiée someClass :

$(document).ready(function() { 
    $('a.someClass').click(function() { 
     window.open(this.href, 'chooseYourName', 'width=600,height=400'); 
     return false; 
    }); 
}); 

le nom de la fenêtre comme indiqué dans chooseYourName veillera à ce que tous les liens sont (re) ouvert dans la même fenêtre. Vous voyez également que vous pouvez spécifier la largeur et la hauteur là-bas.