Bouton de lien externe en javascript [Résolu]

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

Citation:

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.

07/01/2012, 14h35	#2
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 944 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 944 Points : 4 776 Points : 4 776	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.
	00

07/01/2012, 19h44	#3
volubil Invité de passage Alain Webmaster Inscription : janvier 2012 Messages : 11 Détails du profil Informations personnelles : Nom : Alain Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Associations - ONG Informations forums : Inscription : janvier 2012 Messages : 11 Points : 3 Points : 3	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
	00

08/01/2012, 15h47	#5
volubil Invité de passage Alain Webmaster Inscription : janvier 2012 Messages : 11 Détails du profil Informations personnelles : Nom : Alain Localisation : France Informations professionnelles : Activité : Webmaster Secteur : Associations - ONG Informations forums : Inscription : janvier 2012 Messages : 11 Points : 3 Points : 3	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email