bouton en lien hypertexte
Dernière réponse : dans Programmation
Bonjour bonjour,
désolée si cette question a déjà été posée, c'est que je ne l'ai pas cherchée avec les bons mots clés.
Quelqu'un peut-il me dire comment donner au bouton "submit" d'un formulaire (ou à tout autre bouton) la forme d'un lien hypertexte?
Merci d'avance
désolée si cette question a déjà été posée, c'est que je ne l'ai pas cherchée avec les bons mots clés.
Quelqu'un peut-il me dire comment donner au bouton "submit" d'un formulaire (ou à tout autre bouton) la forme d'un lien hypertexte?
Merci d'avance
Autres pages sur : bouton lien hypertexte
Lassé par la pub ? Créez un compte
Bonjour,
J'ai déja donné la réponse à cette question il y a quelques jours...
Je te cherche ça attend...
Edit : tiens :
ps : enlève les *
Edit 2 : comme quoi, il pourrait servir mon topic centralisation :-P
J'ai déja donné la réponse à cette question il y a quelques jours...
Je te cherche ça attend...
Edit : tiens :
<html> <head> <*script language=Javascript> function bouton() { window.location.replace("ta page.html"); } </script> </head> <body> <in*put type=button value="mon bouton !" onclick="java*script:bouton();"> </body> </html>
ps : enlève les *
Edit 2 : comme quoi, il pourrait servir mon topic centralisation :-P
Ca ne fonctionne pas :-(
Le bouton appairait toujours sous forme de bouton et mon input n'est pas transmis à la page de destination.
J'ai bien mis (sans les *)
<HEAD>
<*SCRIPT language="Java*script">
function bouton()
{
window.location.replace("recherche.php");
}
</*SCRIPT>
</HEAD>
<BODY>
<form name ="nouv_rech" method = "post" action="recherche.php">';
<in*put type="hidden" value="'.$userType.'" name="userType">
<in*put type=button value="Nouvelle recherche" onclick="java*script:bouton();">
J'ai essayé sans la ligne "<form>", ca ne marche pas non plus.
Pouvez-vous me dire où est mon erreur?
Merci
Le bouton appairait toujours sous forme de bouton et mon input n'est pas transmis à la page de destination.
J'ai bien mis (sans les *)
<HEAD>
<*SCRIPT language="Java*script">
function bouton()
{
window.location.replace("recherche.php");
}
</*SCRIPT>
</HEAD>
<BODY>
<form name ="nouv_rech" method = "post" action="recherche.php">';
<in*put type="hidden" value="'.$userType.'" name="userType">
<in*put type=button value="Nouvelle recherche" onclick="java*script:bouton();">
J'ai essayé sans la ligne "<form>", ca ne marche pas non plus.
Pouvez-vous me dire où est mon erreur?
Merci
Salut,
Qu'est ce que tu veux faire exactement avec ton bouton ??
Tu veux "submiter" un formulaire ?
Si tu veux submiter un formulaire, tu fais un formulaire normal, y'a pas besoin de Javascript dedans !
Tu fais juste par exemple :
<form name ="nouv_rech" method = "post" action="recherche.php">
<in*put type="hidden" value="blablabla'" name="userType">
<in*put type="submit" value="Nouvelle recherche">
Et une fois que t'appuyes sur Nouvelle recherche, ça va t'ouvrir le page recherche.php en envoyant la valeur blablabla !
Qu'est ce que tu veux faire exactement avec ton bouton ??
Tu veux "submiter" un formulaire ?
Si tu veux submiter un formulaire, tu fais un formulaire normal, y'a pas besoin de Javascript dedans !
Tu fais juste par exemple :
<form name ="nouv_rech" method = "post" action="recherche.php">
<in*put type="hidden" value="blablabla'" name="userType">
<in*put type="submit" value="Nouvelle recherche">
Et une fois que t'appuyes sur Nouvelle recherche, ça va t'ouvrir le page recherche.php en envoyant la valeur blablabla !
Ahhh ! d'accord ! lol :-)
il faudrait faire quelque chose comme ça alors :
<html>
<head>
<*script language=Javascript>
function bouton()
{
window.location.replace("ta page.html");
}
</script>
</head>
<body>
<a onclick="java*script:bouton();">Mon lien</a>
</body>
</html>
Après, si tu veux souligner ou mettre de la couleur, tu passes par du CSS. (text-decoration:underline et font-color:FFFFFF par exemple)
il faudrait faire quelque chose comme ça alors :
<html>
<head>
<*script language=Javascript>
function bouton()
{
window.location.replace("ta page.html");
}
</script>
</head>
<body>
<a onclick="java*script:bouton();">Mon lien</a>
</body>
</html>
Après, si tu veux souligner ou mettre de la couleur, tu passes par du CSS. (text-decoration:underline et font-color:FFFFFF par exemple)
ben ouais ça peut etre considérer comme une autre syntaxe pour faire un lien hypertexte.
Et sinon, pour submiter ton formulaire avec un lien hypertexte. Il faudrait faire un truc dans ce genre :
<html>
<head>
<*script language=Javascript>
function bouton()
{
document.nouv_rech.submit();
}
</script>
</head>
<body>
<form name ="nouv_rech" method = "post" action="recherche.php">
<in*put type="text" value="mon texte" name="userType"/><br/>
<a onclick="java*script:bouton()">Submit</a>
</form>
</body>
</html>
Normalement ça devrait marcher...
Et sinon, pour submiter ton formulaire avec un lien hypertexte. Il faudrait faire un truc dans ce genre :
<html>
<head>
<*script language=Javascript>
function bouton()
{
document.nouv_rech.submit();
}
</script>
</head>
<body>
<form name ="nouv_rech" method = "post" action="recherche.php">
<in*put type="text" value="mon texte" name="userType"/><br/>
<a onclick="java*script:bouton()">Submit</a>
</form>
</body>
</html>
Normalement ça devrait marcher...
il faut modifier un peu le script javascript !
met une deuxième fonction, et à la place du document.nouv_recherche.submit() tu mets document.nomdetondeuxiemeformulaire.submit()
Et ça devrait être bon.
(si t'as des problemes ajoutes moi à msn (adresse dans le profil), j'y suis a partir de 19h sinon je viens de temps en temps sur le forum...)
met une deuxième fonction, et à la place du document.nouv_recherche.submit() tu mets document.nomdetondeuxiemeformulaire.submit()
Et ça devrait être bon.
(si t'as des problemes ajoutes moi à msn (adresse dans le profil), j'y suis a partir de 19h sinon je viens de temps en temps sur le forum...)
C'est parce que tu nommes les deux fonctions "bouton"... il faut que tu mettes "bouton2" par exemple, enfin j'avais mis bouton, mais tu peux mettre ce que tu veux.
Il faut changer ton :
echo '<a onclick="javascript:bouton()">Send us your problem</a>';
et ton :
function bouton()
{
document.postmail.submit();
}
En changeant les deux "bouton" et ça devrait être bon ;-)
Il faut changer ton :
echo '<a onclick="javascript:bouton()">Send us your problem</a>';
et ton :
function bouton()
{
document.postmail.submit();
}
En changeant les deux "bouton" et ça devrait être bon ;-)
http://www.pcastuces.com/pratique/web/scripts/javascrip...
C'est un truc comme ça que tu veux ? une nouvelle page mais petite ? ou une nouvelle page en grand ? (enfin je crois que tu dois pouvoir le faire aussi avec)
et tu rajoutes ta (tes) lignes dans ta fonction bouton()
C'est un truc comme ça que tu veux ? une nouvelle page mais petite ? ou une nouvelle page en grand ? (enfin je crois que tu dois pouvoir le faire aussi avec)
et tu rajoutes ta (tes) lignes dans ta fonction bouton()
Hey, OmaR_ShaRif, j'aime bien ta "signature"
Elle colle bien avec le post
Bon, j'amène mes dix centimes.
Puisque la question au départ, c'était "l'apparence du bouton".
On peut utiliser un bouton "normal" et le styler avec css
<style type="text/css">
button
{
background-color: transparent;
border-width: 0px;
/* et tout ce que tu veux ici*/
}
button:hover
{
/*
effet de on hover
Attention quand même, IE ne prend pas sans aide...
*/
}
</style>
Dans le html, on peut alors utiliser un bouton de form normal...
<form action="destination">
<button type="submit" name="truc" value="gogo">Go!</button>
</form>
Pour la question "nouvelle fenêtre", en html, le target="_blank" sur le form devrait suffire; mais pas en xhtml.
Dans ce cas, j'aurais tendance à ajouter un événement onsubmit sur le form, avec une fonction de validation qui ouvre éventuellement une fenêtre...
My 2 cents...
Elle colle bien avec le post
Bon, j'amène mes dix centimes.
Puisque la question au départ, c'était "l'apparence du bouton".
On peut utiliser un bouton "normal" et le styler avec css
<style type="text/css">
button
{
background-color: transparent;
border-width: 0px;
/* et tout ce que tu veux ici*/
}
button:hover
{
/*
effet de on hover
Attention quand même, IE ne prend pas sans aide...
*/
}
</style>
Dans le html, on peut alors utiliser un bouton de form normal...
<form action="destination">
<button type="submit" name="truc" value="gogo">Go!</button>
</form>
Pour la question "nouvelle fenêtre", en html, le target="_blank" sur le form devrait suffire; mais pas en xhtml.
Dans ce cas, j'aurais tendance à ajouter un événement onsubmit sur le form, avec une fonction de validation qui ouvre éventuellement une fenêtre...
My 2 cents...
Ouais, elle colle beaucoup avec le post !
non mais la, a chaque fois elle rajoute une question :-)
Mais en fait, elle veut pas un bouton, elle veut juste un lien, je l'avais pas compris au début... donc c'est pour ça que y'a eu autant de posts au début :-P
Donc c'est pour ça qu'on utilise pas un bouton de form normal.
Pour la nouvelle fenêtre, je lui ai conseillé le target="_blank", mais ça ne marche pas...
Mais ouais, j'avais pas pensé au "onsubmit", quoique je suis pas sur que ce soit bon.... faudrait tester ! ;-)
non mais la, a chaque fois elle rajoute une question :-)Mais en fait, elle veut pas un bouton, elle veut juste un lien, je l'avais pas compris au début... donc c'est pour ça que y'a eu autant de posts au début :-P
Donc c'est pour ça qu'on utilise pas un bouton de form normal.
Pour la nouvelle fenêtre, je lui ai conseillé le target="_blank", mais ça ne marche pas...
Mais ouais, j'avais pas pensé au "onsubmit", quoique je suis pas sur que ce soit bon.... faudrait tester ! ;-)
bah le target, y a deux possibilités: soit tu l'utilises sur le <form> (et pas sur le bouton!), soit sur un <a href=""> (et pas sur un event js bien sûr...)
Mais ça marche, c'est clair (en html)
pour le onsubmit, mrffff...
fondamentalement, tu le colles sur ton form
<form onsubmit="return mafonction();">
et si mafunction() renvoie true, le form est posté, sinon rien.
Cependant, dans mafunction, tu peux ouvrir un pop-up je suppose.
Bref, quand j'aurai un peu de temps je relis le topic et j'essaie de vous filer un coup de main un peu plus constructif.
Mais ça marche, c'est clair (en html)
pour le onsubmit, mrffff...
fondamentalement, tu le colles sur ton form
<form onsubmit="return mafonction();">
et si mafunction() renvoie true, le form est posté, sinon rien.
Cependant, dans mafunction, tu peux ouvrir un pop-up je suppose.
Bref, quand j'aurai un peu de temps je relis le topic et j'essaie de vous filer un coup de main un peu plus constructif.
Lassé par la pub ? Créez un compte
- Contenus similaires :
- Solutions[JavaScript] Lien sur Bouton Radio
- ForumMettre un lien hypertexte sur une image
- ForumOpen Office lien hypertexte probleme
- ForumCode lien hypertexte comme moteur de recheche
- ForumProblème lien hypertexte Mozilla
- ForumPdfcreator lien hypertexte
- ForumProbleme Excel et lien hypertexte
- Forum[Résolu] Lien hypertexte dans flash
- ForumLien hypertexte word vers du pdf
- Voir plus
Dsl j'avais pas vu ca. Je pense que j'ai besoin de dormir. Lol