Bouton de lien externe en javascript

Version imprimable

07/01/2012, 10h36
volubil

Bouton de lien externe en javascript
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:

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.
07/01/2012, 14h35
NoSmoking

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

Code:

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

après il y a le CSS pour faire beau.
07/01/2012, 19h44
volubil

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
07/01/2012, 20h18
NoSmoking

Citation:

Cela est-il possible ?

OUI avec la méthode window.open

par exemple

Code:

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

ou encore

Code:

<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 :lol:.
08/01/2012, 15h47
volubil
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.:ccool: