Mettre un bouton html de lien

Résolu/Fermé

Html

Looping94510 Messages postés 193 Date d'inscription Statut Membre Dernière intervention -
nfnfnfgn - 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+++

Posez votre question

A voir également:

Bouton lien html
Lien bouton html - Meilleures réponses
Button lien html - Meilleures réponses
Forum Téléphones & tablettes Android
Lien url - Guide
Créer un lien pour partager des photos - Guide
Forum ing
Forum Windows

26 réponses

Réponse 1 / 26

Meilleure réponse

La meilleure réponse est la réponse qui a été validée par nos équipes.

trik59 Messages postés 241 Date d'inscription Statut Membre Dernière intervention 39

<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++

307

Tales

Comment en on fais un bouton qui va vers une URL sans ouverture pop up?

nfnfnfgn

comment on fais pour changer la couleur de l'ecritur sur le bouton

Réponse 2 / 26

Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

salut,

juste en ant, 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="https://www.google.com/?gws_rd=ssl" 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…)

Réponse 3 / 26

ELvisitor

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 ab 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

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:

https://twitter.com/ceosammassey

(ouvrir et fermer une fenêtre, centrée sur l'écran)

cheval_horse

cool moi aussi !!!

Réponse 4 / 26

skins Messages postés 89 Date d'inscription Statut Membre Dernière intervention 13

Bonjour tout le monde
désolé de déposé ma question dans votre poste :), mais je trouve q'uil arrive que des connaisseurs ent 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 Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention 922

salut,

cf. <17>.

ELvisitor

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 age :-)

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

ps: "target" signifiant "cible" comme chacun sait.

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 26

skins Messages postés 89 Date d'inscription Statut Membre Dernière intervention 13

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 Messages postés 710 Date d'inscription Statut Membre Dernière intervention 113

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 / 26

ELvisitor

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="https://www.google.com/?gws_rd=ssl">
<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 7 / 26

skins Messages postés 89 Date d'inscription Statut Membre Dernière intervention 13

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

Ce serait pas un mélange de php et html ça ?
Mon dieu les bases sont à revoir...

cheval_horse

ouais

Réponse 8 / 26

nEm3sis Messages postés 710 Date d'inscription Statut Membre Dernière intervention 113

avec ça ça va ?

<?php
echo '<input type="button" onclick="location.href=\''.( ( $variable == 1 ) ? 'url1' : 'url2' ).'\'" value="texte du bouton" />';
?>

Réponse 9 / 26

skins Messages postés 89 Date d'inscription Statut Membre Dernière intervention 13

YES :) Merci beaucoup nEm3sis ! c'est efficace !

Réponse 10 / 26

bastian

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 11 / 26

skins Messages postés 89 Date d'inscription Statut Membre Dernière intervention 13

Est il vrai qu'on ne peux mette une petite partie de JS dans du php :( ?

nEm3sis Messages postés 710 Date d'inscription Statut Membre Dernière intervention 113

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 12 / 26

SSS.ME

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 13 / 26

nEm3sis Messages postés 710 Date d'inscription Statut Membre Dernière intervention 113

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 14 / 26

tatoine

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 15 / 26

tatoine

function lien()
{

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

sa marche sa aussi !

Réponse 16 / 26

Looping94510 Messages postés 193 Date d'inscription Statut Membre Dernière intervention 48

Jte remerci bocou trik59, c sympa, je sais c niais comme question mais je susi nul en html.........+

Réponse 17 / 26

Ululo Messages postés 28 Date d'inscription Statut Membre Dernière intervention 7

<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

comment faire pour un bouton html de lien

cheval_horse

oui comment ???

Réponse 18 / 26

skins Messages postés 89 Date d'inscription Statut Membre Dernière intervention 13

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 19 / 26

skins Messages postés 89 Date d'inscription Statut Membre Dernière intervention 13

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 Messages postés 710 Date d'inscription Statut Membre Dernière intervention 113

<?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 > nEm3sis Messages postés 710 Date d'inscription Statut Membre Dernière intervention

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 20 / 26

fabiere

et comment fais-t-on pour mettre son propre bouton en html?

pbfall

Tu mets
<form>
<input type=button value="tu tapes le nom de ton bouton">
</form>
et le tour est joué

Posez votre question

Discussions similaires

[HTML] bouton lien

magic charly -
seddik -

20 réponses

HTML remonter en haut d'une page

miklb -
ufuly -

10 réponses

[html] Lien vers la page précédente

aurelien50 -
jordane45 -

7 réponses

bouton WEB retour page precedente

-CCM- -
Aieisere -

6 réponses

[HTML]:ouvrir un onglet a parti d'un button

ajp55 -
didi -

5 réponses

Apparition bouton retourner en haut de la page

Jordan -
Jordan -

2 réponses

Devenez membre en quelques clics

Connectez-vous simplement avec ceux qui partagent vos intérêts
Suivez vos discussions facilement et obtenez plus de réponses
Mettez en avant votre expertise et aidez les autres membres
Profitez de nombreuses fonctionnalités supplémentaires en vous inscrivant

S'inscrire