VIVEZ LE
FOOTBALL !
Posez votre question Signaler

Mettre un bouton html de lien [Résolu/Fermé]

Looping94510 197Messages postés 10 février 2005Date d'inscription - Dernière réponse le 17 nov. 2011 à 19:17
salut,

voila je ve creer une page avec deux bouton en html qui redirige chacun vers une page, comment faire svp, merci

je taff sur php, html, postgresql+++
Lire la suite 

Mettre un bouton html de lien »

49 réponses
Réponse
+111
moins plus
trik59 242Messages postés 9 décembre 2003Date d'inscription 17 mai 2012Dernière intervention 14 févr. 2005 à 14:49
<input type="button" name="lien1" value="nom du lien" onclick="self.location.href='lien.html'" style="background-color:#3cb371" style="color:white; font-weight:bold"onclick>


voili voilou c un debut !!
a++
Tales - 4 mars 2011 à 19:09
Comment en on fais un bouton qui va vers une URL sans ouverture pop up?
htuy - 3 juin 2011 à 08:17
salut
nfnfnfgn - 17 nov. 2011 à 19:17
comment on fais pour changer la couleur de l'ecritur sur le bouton
Réponse
+25
moins plus
nej59100 1 févr. 2008 à 10:32
onclick="self.location.href='lien.html'"



tu remplace "lien.html" par ton lien a toi
Réponse
+24
moins plus
Dalida 6694Messages postés 3 mars 2007Date d'inscription 16 janvier 2011Dernière intervention 6 mai 2009 à 23:31
salut,

juste en passant, je n'ai pas le temps de détailler : 
<form>
	<input type="button" value="ALLER SUR GOOGLE" onclick="window.open('http://www.google.com', 'exemple', 'height=600, width=800, top=90, left=350, toolbar=no, menubar=no, location=yes, resizable=yes, scrollbars=yes, status=no');">
</form>

mais un simple lien suffit : 
<a href="http://www.google.com" onclick="window.open('http://www.google.com', 'exemple', 'height=600, width=800, top=90, left=350, toolbar=no, menubar=no, location=yes, resizable=yes, scrollbars=yes, status=no'); return false;">Google</a>

en plus ça permet de gérer le cas ou JS est désactivé chez le client.
je ne te garanties pas que ça marche du premier coup, je n'ai pas le temps de tester !
-;o)

et si tu as des questions, n'hésites pas !
(j'aurais sans doute le temps plus tard…)

Site web
Réponse
+8
moins plus
ELvisitor 6 mai 2009 à 23:55
Salut Dalida,

Un grand *merci* à toi!...
Tout d'abord pour avoir pris le temps de répondre (qui plus est si vite! :-))...
et ensuite parce que, je te le confirme, ça marche parfaitement!

Tu as tout à fait raison pour JS mais en fait ledit bouton ne pourrait être vu si JS n'était pas activé puisque je prévois de l'intégrer dans un site qui nécessitera qu'il le soit pour être consulté.

Sans vouloir abuser de ton temps, peut-être sais-tu comment centrer la fenêtre?... tu auras sans doute remarqué que j'utilise "top=90" et "left=350" mais en fait idéalement je souhaiterais centrer la fenêtre... la solution se trouverait-elle du côté de "position absolute" ou quelque chose de cet ordre?

Encore merci de ta précieuse aide!
ELvisitor - 10 mai 2009 à 22:03
j'ai trouvé la réponse à ma question à l'adresse suivante, je la poste ici en espérant qu'elle puisse être utile pour celles et ceux qui se la poseraient aussi:

http://www.jejavascript.net/fencent.php

(ouvrir et fermer une fenêtre, centrée sur l'écran)
cheval_horse - 26 juil. 2011 à 14:27
cool moi aussi !!!
Réponse
+6
moins plus
ELvisitor 6 mai 2009 à 23:01
Bonjour à tous,

Intéressant tout ce qui se dit là, vraiment.

Mais je m'arrache (un peu) les cheveux sur une chose qui pour certains doit sembler être tout ce qu'il y a de plus élémentaire à savoir comment ouvrir ledit lien dans une fenêtre externe dont il serait possible de définir les dimensions?... je sais faire avec un lien classique mais avec un bouton je ne vois pas... voila où j'en suis (voir code ci-dessous)... la fenêtre s'ouvre bien mais impossible d'atteindre la cible:

<form action="onclick="a onclick="window.open(this.href, 'exemple', 'height=600, width=800, top=90, left=350, toolbar=no, menubar=no, location=yes, resizable=yes, scrollbars=yes, status=no'); return false;" href="http://www.google.com">
<input type="button" value="ALLER SUR GOOGLE">
</form>

Si un heureux bienfaiteur pouvait avoir l'amabilité d'attirer mon attention sur ce qui ne colle pas, je l'en remercierais chaleureusement... ben oui quoi, c'est le minimum :-)

Merci de votre aide, en espérant que la réponse puisse en aider d'autres qui tout comme moi ne sauraient comment faire.
Réponse
+6
moins plus
skins 86Messages postés 21 juillet 2005Date d'inscription 21 décembre 2010Dernière intervention 26 juin 2009 à 12:34
bonjour
*Merci* beaucoup pour la réponse, un petit dernier détail, j'ai un autre bouton qui lui fait appel a une fonction,
et cette dernière vérifie la valeur d'une variable et selon ce qu'elle contient elle ouvre dans une nouvelle fenêtre le lien adéquat .
ce que je n'arrive pas a faire c'est :
- appeler la fonction depuis le bouton
- déclencher l'ouverture du lien dans la function

Fonction :

function Lien ()
{
if ($variable == 1)
{
ouverture pop up 1
}
else
{
ouverture pop up 2
}

}

Merci d'avance
nEm3sis- 26 juin 2009 à 12:59
alors déjà la fonction dans le head 
function lien(){
	if ( variable1 == 1 ){
		window.open( 'adresse de la popup 1' );
	}else{
		window.open( 'adresse de la popup 2' );
	}
}


et puis ton bouton 
<input type="button" onclick="lien()"
Réponse
+6
moins plus
skins 86Messages postés 21 juillet 2005Date d'inscription 21 décembre 2010Dernière intervention 26 juin 2009 à 13:48
Sa ne marche pas :( ...(je sais que c'est a cause de moi :) )
Bon voila ce que j'ai mis, et dites moi est ce que c'est correcte ou dois je changé de métier ;)
pour le bouton :

<input type=\"button\" value=\"Imprimer la demande\" onclick=\"lien()\">

pour la fonction :

function lien()
{
if ($variable == 1)
{
echo " <br> <input type=\"text\" id=\"id\" disabled=\"disabled\" value=\"Test1\">";
}
else
{
echo " <br> <input type=\"text\" id=\"id\" disabled=\"disabled\" value=\"Test2\">";
}
}

et ce qui est bizarre, il n y a pas de balise <head> malgré qu'il y a plusieurs fonction déja !!

Mici :)
robertarace - 7 déc. 2010 à 23:08
Ce serait pas un mélange de php et html ça ?
Mon dieu les bases sont à revoir...
cheval_horse - 26 juil. 2011 à 14:28
ouais
Réponse
+6
moins plus
nEm3sis 703Messages postés 20 août 2007Date d'inscription 9 avril 2012Dernière intervention 26 juin 2009 à 16:32
avec ça ça va ? 
<?php
echo '<input type="button" onclick="location.href=\''.( ( $variable == 1 ) ? 'url1' : 'url2' ).'\'" value="texte du bouton" />';
?>
Réponse
+4
moins plus
skins 86Messages postés 21 juillet 2005Date d'inscription 21 décembre 2010Dernière intervention 29 juin 2009 à 11:10
YES :) Merci beaucoup nEm3sis ! c'est efficace !
Réponse
+3
moins plus
skins 86Messages postés 21 juillet 2005Date d'inscription 21 décembre 2010Dernière intervention 25 juin 2009 à 20:16
Bonjour tout le monde
désolé de déposé ma question dans votre poste :), mais je trouve q'uil arrive que des connaisseurs passent par ici :)
voila, j'ai un script qui est sensé ouvrir une adresse sur une nouvelle fenêtre et laisser la première tranquille, mais ca ne marche pas :(

voila mon script :

<input type=\"button\" name=\"submit\" value=\"Ouvrire le lien\" onclick="self.location='www.google.fr'\" traget=\"_blank\">

ai-je oublié quelque chose ou fais une gaff ?

Merci d'avance :)
Dalida- 25 juin 2009 à 21:41
salut,

cf. <17>.
ELvisitor - 25 juin 2009 à 22:48
Salut Skins,

Oui, tout à fait, vois la réponse faite par Dalida à ce sujet : elle m'a tiré une belle épine du pied en je l'en remercie encore au passage :-)

Sinon, je remarque dans ton script:
traget="_blank"
ce qui ne saurait en aucun cas fonctionner puisqu'il s'agit de "target".

Bonne continuation!
ELvisitor - 25 juin 2009 à 22:49
ps: "target" signifiant "cible" comme chacun sait.
Réponse
+3
moins plus
nEm3sis 703Messages postés 20 août 2007Date d'inscription 9 avril 2012Dernière intervention 26 juin 2009 à 14:15
Ah ok je vois tu essaye d'utiliser une fonction php avec du javascript c'est impossible
car le php est avant le chargement de la page et le javascript après

qu'est-ce que tu veux faire exactement ? 

et ce qui est bizarre, il n y a pas de balise <head> malgré qu'il y a plusieurs fonction déja !!
c'est pas obligatoire mais c'est mieux de déclarer tout les script dans le head (voir de le mettre dans u autre fichier)
Réponse
+3
moins plus
skins 86Messages postés 21 juillet 2005Date d'inscription 21 décembre 2010Dernière intervention 26 juin 2009 à 17:23
mmmm pas vraiment cela ne donne aucun résultat, en fait j' n'est pas bien compris le principe, serai t'il possible pour toi de refaire le même code mais cette fois pour 3 ou 4 lien different stp ca va m'aider a comprendre le fonctionnement de la condition
merci beaucoup :)
nEm3sis- 29 juin 2009 à 10:21 
<?php
echo '<input type="button" onclick="location.href=\''.( ( $variable == 1 ) ? 'url1' : 'url2' ).'\'" value="texte du bouton" />';
?>

c'est la même chose que ça
mais je trouve en bien plus simple a ecrire 
<?php
echo '<input type="button" onclick="location.href=\'';
if ( $variable == 1 ){
	echo 'url1'
}else{
	echo 'url2'
}
echo '\'" value="texte du bouton" />';
?>



en fait ( ( $variable == 1 ) ? 'url1' : 'url2' ) prend soit la valeur de url1 soit celle de url2 ça dépend du résultat du test avant le "?"
piano - 10 janv. 2010 à 14:41
Bonjour,

je scrute la toile depuis un moment à la recherche d'une solution à mon souci.
Visiblement tout est proposé, sauf ce que je cherche.
Peut-être c'est pas possible, ou peut-être quelqu'un a une idée.

dans un form 
<INPUT border="0" src="../images/icon-32-apply.png" type="image" Value="submit" align="middle" >


cet input est une image qui va submit le formulaire.

mon envie est de rajouter un autre bouton a cote, du meme type mais qui va annuler et revenir a la page précédente. 

<INPUT border="0" src="../images/icon-32-cancel.png" type="button" Value="Annuler" align="middle" onclick='location.href="articles.php"'>


mais ca ne marche pas, ca submit aussi.
si j'essaie avec un input type button et une image, j'aurai un bouton (truc carré et brillant) avec une image dedans, si je teste juste avec un <a><img /></a> , les 2 "boutons" seront décalés sur la hauteur.

est-ce que qqun a une idée ?

merci d'avance
Réponse
+3
moins plus
skins 86Messages postés 21 juillet 2005Date d'inscription 21 décembre 2010Dernière intervention 26 juin 2009 à 19:01
Est il vrai qu'on ne peux mette une petite partie de JS dans du php :( ?
nEm3sis- 29 juin 2009 à 10:26
avec le php tu peut écrire le js dans la page pour qu'il soit exécuté plus tard mais le js ne peut pas interagir avec le php (tu ne peux pas utiliser de variable/fonction du php avec le javascript (ni l'inverse))
c'est pour ça que dans ton cas c'est au chargement de la page que tu doit faire le test pour ta variable et suivant le cas mettre l'url 1 ou 2 sur le bouton comme ça quand tu clique ça redirige bien en fonction du bouton
Réponse
+3
moins plus
SSS.ME 27 janv. 2010 à 20:02
Bonjour,

Moi aussi cela fait quelques jours que j'éssai de résoudre mon problème, ma page HTML possède de deux <fieldset> et je veux rajouter un bouton au dessous du premier, puis un autre au dessous du deuxième, le problème qui se pose c'est que en essayant d'ajouter le deuxième bouton tout déborde et y a le bazard.

Aidez moi svp !!!
Réponse
+3
moins plus
bastian 17 janv. 2011 à 20:15
Remise à jour

Pourquoi faire un input (element reservé aux formulaires) alors qu'il existe un element button ?

redirection soi avec du javascript 
<button onclick="window.location.href ='mapage.html';">lien1</button>


soit couplé avec un element <a>: 
<a href='mapage"> 
    <button>lien1</button> 
</a>
Réponse
+2
moins plus
skins 86Messages postés 21 juillet 2005Date d'inscription 21 décembre 2010Dernière intervention 26 juin 2009 à 15:47
lors du chargement de la page j'ai des variable qui charge leurs valeurs depuis une BD, ce que je veux faire c'est avoir un bouton qui donnera l'accès a un URL selon les valeurs chargés au départ.
par exemple si la valeur chargeé est 1 il donne accès a l URL1
et si c'est 2 ça sera l' URL2
Réponse
+2
moins plus
tatoine 24 avril 2010 à 01:41
moi j'ai tester sa :
<head>
<script>
function lien()
{

window.open("shootbox.php","","width=300,height=310,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no");
}
</head>
</script>
<button TYPE="button" onclick="lien()" >test</button>

sa marche
Réponse
+2
moins plus
tatoine 24 avril 2010 à 01:44
function lien()
{

window.open("http://google.fr","","width=300,height=310,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no");
}

sa marche sa aussi !
Réponse
+1
moins plus
Looping94510 197Messages postés 10 février 2005Date d'inscription 14 févr. 2005 à 14:54
Jte remerci bocou trik59, c sympa, je sais c niais comme question mais je susi nul en html.........+
Réponse
+1
moins plus
Ululo 31Messages postés 5 mars 2008Date d'inscription 6 déc. 2008 à 12:15
<form action="lelien">
<input type="button" value="le nom du bouton">
</form>

Voilà ce que j'utilise moi, et c'est pratique quand on veut ajouter d'autres choses au formulaire.
tabidou - 29 déc. 2008 à 04:49
comment faire pour un bouton html de lien
cheval_horse - 26 juil. 2011 à 14:29
oui comment ???
1 2 Suivant
Posez votre question
Ce document intitulé « Mettre un bouton html de lien » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?
Mettre un bouton html de lien - page 2