Bouton de lien externe en javascript

**volubil** · 07/01/2012, 10h36

Bonjour à tous,

Débutant en javascript, je voudrais réaliser un bouton de lien simple qui s'ouvre dans une nouvelle fenêtre.

Je crois avoir compris que pour créer un bouton lien en javascript il faut procéder comme ci-dessous :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<head>
<*SCRIPT language="Javascript">
</head>
 
<body>
 
<INPUT TYPE="button" Value="Nom du bouton" onclick="window.location='http://www.monsite.fr';">

Mais, comment faire pour que la page appelée s'ouvre dans une nouvelle fenêtre comme le fait target="_blank" en html ?

Merci de votre réponse. Merci aussi de me corriger si ma vision actuelle n'est pas correcte.

**NoSmoking** · 07/01/2012, 14h35

Bonjour,
il existe la balise A qui remplie tout à fait ce besoin lorsque l'on lui associe un attribut target

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<a href="http://www.developpez.net/forums/" target="_blank">Super Site</a>

après il y a le CSS pour faire beau.

**volubil** · 07/01/2012, 19h44

Merci No Smoking de ta réponse.

La méthode que tu décris est celle que j'utilise actuellement ci-dessous associée à un CSS sur le lien "Retrouvez l'analyse d'origine."

http://damier.manceau.free.fr/nation...ationale11.htm

Mais c'est justement pour faire plus harmonieux que je voudrais reprendre le même graphisme que les boutons de commande sous le diagramme.

C'est la raison pour laquelle je demande si un bouton javascript peut conduire à un lien ouvrant sur nouvelle fenêtre.

Cela est-il possible ?

Merci et à bientôt

**NoSmoking** · 07/01/2012, 20h18

Cela est-il possible ?

OUI avec la méthode window.open

par exemple

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<button onclick="window.open('http://wikidames.wikispaces.com/Analyses_CF2011', '_blank');">Retrouvez <br>l'analyse d'origine</button>

ou encore

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="button" onclick="window.open('http://wikidames.wikispaces.com/Analyses_CF2011', '_blank');" value="Retrouvez l'analyse d'origine">

le reste est une affaire de CSS, mais la balise A se prête réellement au besoin

.

**volubil** · 08/01/2012, 15h47

Excellent NoSmoking !!!

J'ai mis mon lien à jour à partir de ton second exemple.

Celui-ci répond exactement comme les boutons de contrôle du diagramme :

Les coins sont arrondis
Il bleuit au clic
Il s'étend pour s'adapter à la longueur du texte.

Cette dernier paramètre présente un avantage sur les CSS puisqu'il ne nécessite pas le chargement d'images pour parvenir à l'effet extensible.

Dans le cas présent j'ai recherché à ne pas distraire le lecteur de la réflexion à laquelle il est invité par un visuel trop dynamique. Donc, un lien bien intégré, esthétique et discret.

Pour le reste, je partage complètement ton avis sur les liens CSS, comme tu pourras le constater à l'adresse ci-dessous colonne de gauche :

http://damier.manceau.free.fr/bol/bol.htm

Un grand merci pour ton aide efficace.

Bouton de lien externe en javascript

JavaScript

Discussions similaires

Partager

Partager