Se connecter avec
S'enregistrer | Connectez-vous

bouton en lien hypertexte

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte
Expert Programmation

Bonjour,

J'ai déja donné la réponse à cette question il y a quelques jours...

Je te cherche ça attend...


Edit : tiens :
  1. <html>
  2. <head>
  3. <*script language=Javascript>
  4. function bouton() 
  5. {
  6.     window.location.replace("ta page.html");
  7. }
  8. </script>
  9. </head>
  10. <body>
  11.  
  12. <in*put type=button value="mon bouton !" onclick="java*script:bouton();">
  13. </body>
  14. </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
Expert Programmation

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 ! :lol: 
Expert Programmation

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)

Ok, maintenant j'ai bien un lien.

Mais si je comprends bien ceci est juste une syntaxe différente de celle proposée par le html pour un simple lien hypertexte
(<A href="recherche.php">Nouvelle recherche</A>),
je ne sais toujours pas envoyer le contenu de mon formulaire à ma page de destination.
Expert Programmation

ben ouais ça peut etre considérer comme une autre syntaxe pour faire un lien hypertexte. :lol: 

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

Je vous embête une dernière fois:

Si je veux appliquer ce principe à deux boutons sur la même page, plus aucun des deux ne fonctionne.

Y a-t-il une instruction qui permette de transformer les boutons d'envoi de deux formulaires différents en lien hypertextes sur la même page?

Encore merci
Expert Programmation

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...)
Expert Programmation

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 ;-)
Expert Programmation

Quand je re-regarde ton fichier, t'as pas mis de name à ton dernier formulaire. t'as marqué method="postmail", alors que ça doit etre plutot :
method="post" name="postname"

Je sais pas si ça va résoudre tous tes problèmes, vu que je suis pas chez moi je peux pas tester !

:oops:  Dsl j'avais pas vu ca. Je pense que j'ai besoin de dormir. Lol

Je t'embête une toute derniere fois, si c'est pas abuser: Serait-il possible que quand je clique sur le lien, la page s'ouvre dans une nouvelle fenêtre plutôt que dans la page actuelle?
Expert Programmation

Dans ton champ action de ton formulaire.
Tapes : action="java*script:window.open('nomdelanouvellepage.html');"

Et voila ;-)

edit : à par contre, je crois qu'il modifie la page parente, moi il me marque [object] dans la page... (enfin j'ai fait un test avec une page vierge pratiquement...)

Hey, OmaR_ShaRif, j'aime bien ta "signature" :D 
Elle colle bien avec le post :D 

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...
Expert Programmation

Ouais, elle colle beaucoup avec le post ! :lol:  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.

;) 
Expert Programmation

Hmm, je dirais un truc dans ce genre :
[code]
<html><head>
<*script language="Javascript">
function bouton(page)
{
window.location.replace(page);
}
</script>
</head>

<body>
<input type="button" value="Clique ici !" onclick="java*script:bouton('nomdemapage.html')">

</body>
</html>


Et voilà
Lassé par la pub ? Créez un compte

Répondre Créer un nouveau sujet

Tom's guide dans le monde