Remplacer un bouton par un texte pour envoyer un formulaire [Résolu]
soleilgym64
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
- Messages postés
- 12336
- Date d'inscription
- mardi 10 février 2004
- Dernière intervention
- 30 juillet 2012
A voir également:
- Remplacer un bouton par un texte pour envoyer un formulaire
- Visual Basic / VB.NET : Remplacer un mot dans un texte avec replace ou non - CodeS SourceS - Guide
- Petit programme pour remplacer le bouton "démarrer" par une image !!! - Codes sources - Visual Basic / VB.NET (API)
- Censurer(remplacer) certains caracteres dans un texte... - Codes sources - Visual Basic / VB.NET (Texte)
- Javascript : Rechercher et remplacer un mot dans un texte - CodeS SourceS - Guide
- Désactiver un bouton submit après envoi du formulaire - Codes sources - Javascript (Formulaire)
19 réponses
Meilleure réponse
- Messages postés
- 12336
- Date d'inscription
- mardi 10 février 2004
- Dernière intervention
- 30 juillet 2012
<form action="http://www.google.fr/search" method='get' id='Form'>
</form>
clique ici pour valider le
formulaire !
Ce code marche...
Je ne t'ai pas donné de lien, mais un texte cliquable.
Si tu veux un lien, il suffit de faire un peu de html :
[javascript:document.getElementById('Form').submit() clique ici pour valider le
formulaire !]
</form>
clique ici pour valider le
formulaire !
Ce code marche...
Je ne t'ai pas donné de lien, mais un texte cliquable.
Si tu veux un lien, il suffit de faire un peu de html :
[javascript:document.getElementById('Form').submit() clique ici pour valider le
formulaire !]
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
a aidé 100 internautes ce mois-ci
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
Je te parle de java mais en fait j'en sais trop rien. Pour moi à la base c'était un diminutif de javascript. Ce que je sais c'est que je construis un site avec Dream et je rajoute du code quand j'en ai besoin comme par exemple un compteur qui m'indique combien de personnes visitent ma page et à quelle heure. C'est un code que j'ai trouvé et modifié à ma sauce ;
<?php
//-----------------------------------------------------//
// Compteur visite //
//-----------------------------------------------------//
$dj = date("Y_m_d");
$heure = date("_H:i:s");
$fp = fopen($dj.$heure.".txt", "a+");
fclose($fp);
$fp = fopen("compteur.txt","r+");
$nbvisites = fgets($fp,10);
if ($nbvisites=="") $nbvisites = 0;
$nbvisites++;
fseek($fp,0);
fputs($fp,$nbvisites);
fclose($fp);
?>
Et maintenant comme je te l'ai dit au-dessus, je cherche à remplacer mon bouton (image) "questionnaire_suivant" par "questionnaire_suivant" (un simple texte) qui ouvre une autre page et qui m'envoie le formulaire
<?php
//-----------------------------------------------------//
// Compteur visite //
//-----------------------------------------------------//
$dj = date("Y_m_d");
$heure = date("_H:i:s");
$fp = fopen($dj.$heure.".txt", "a+");
fclose($fp);
$fp = fopen("compteur.txt","r+");
$nbvisites = fgets($fp,10);
if ($nbvisites=="") $nbvisites = 0;
$nbvisites++;
fseek($fp,0);
fputs($fp,$nbvisites);
fclose($fp);
?>
Et maintenant comme je te l'ai dit au-dessus, je cherche à remplacer mon bouton (image) "questionnaire_suivant" par "questionnaire_suivant" (un simple texte) qui ouvre une autre page et qui m'envoie le formulaire
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
Le voici :
J'ai retiré tout ce que je pouvais du formulaire d'origine pour laisser juste le fait de cliquer sur le bouton m'envoi un mail m'avertissant du passage de quelqu'un sur ma page. Et dans cet exemple il y a même pas le passage à la page suivante !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
// Couleur du texte des champs si erreur saisie
$color_font_warn="#FF0000";
// Couleur de fond des champs si erreur saisie
$color_form_warn="#FFCC66";
if(isset($_POST['envoi'])){
$erreur="";
// Création du message
$titre="envoi du formulaire";
if(mail("laurent.zokoa@gmail.com", $titre, stripslashes($corps), $tete)){
$ok_mail="true";
}else{
$erreur.="<li>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.";
}
}
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST ENVOI FORMULAIRE</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:385px;
top:391px;
width:118px;
height:69px;
z-index:1;
}
-->
</style>
</head>
<? if($ok_mail=="true"){?>
<? }else{ ?>
<form action='<? echo $PHP_SELF ?>' method='post' name='Form'
<tr><td align='center' width='30%'></td><td></td></tr>
</table>
</form>
<? } ?>
</html>
J'ai retiré tout ce que je pouvais du formulaire d'origine pour laisser juste le fait de cliquer sur le bouton m'envoi un mail m'avertissant du passage de quelqu'un sur ma page. Et dans cet exemple il y a même pas le passage à la page suivante !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
// Couleur du texte des champs si erreur saisie
$color_font_warn="#FF0000";
// Couleur de fond des champs si erreur saisie
$color_form_warn="#FFCC66";
if(isset($_POST['envoi'])){
$erreur="";
// Création du message
$titre="envoi du formulaire";
if(mail("laurent.zokoa@gmail.com", $titre, stripslashes($corps), $tete)){
$ok_mail="true";
}else{
$erreur.="<li>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.";
}
}
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST ENVOI FORMULAIRE</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:385px;
top:391px;
width:118px;
height:69px;
z-index:1;
}
-->
</style>
</head>
<? if($ok_mail=="true"){?>
<? }else{ ?>
<form action='<? echo $PHP_SELF ?>' method='post' name='Form'
<tr><td align='center' width='30%'></td><td></td></tr>
</table>
</form>
<? } ?>
</html>
- Messages postés
- 12336
- Date d'inscription
- mardi 10 février 2004
- Dernière intervention
- 30 juillet 2012
remplace :
<form action='<? echo $PHP_SELF ?>' method='post' name='Form'
par :
<form action='<? echo $PHP_SELF ?>' method='post' id='Form'>
Ensuite, il suffit de faire :
clique ici pour valider le formulaire !
pour faire un texte qui le valide.
Le truc c'est que ton code php est très sale, ton code html n'est pas valide, et tu mélanges les deux d'une façon qui peut rendre difficile la lecture de ton code. C'est assez dur de développer comme ça, surtout pour un débutant.
<form action='<? echo $PHP_SELF ?>' method='post' name='Form'
par :
<form action='<? echo $PHP_SELF ?>' method='post' id='Form'>
Ensuite, il suffit de faire :
clique ici pour valider le formulaire !
pour faire un texte qui le valide.
Le truc c'est que ton code php est très sale, ton code html n'est pas valide, et tu mélanges les deux d'une façon qui peut rendre difficile la lecture de ton code. C'est assez dur de développer comme ça, surtout pour un débutant.
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
Bonjour Maxime,
Voici le code complet de ma page TEST.php
C'est tout ce que j'ai sur la page mais le lien n'est pas actif. Je ne suis pas assez calé pour voir d'où vient l'erreur
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
// Couleur du texte des champs si erreur saisie
$color_font_warn="#FF0000";
// Couleur de fond des champs si erreur saisie
$color_form_warn="#FFCC66";
if(isset($_POST['envoi'])){
$erreur="";
// Création du message
$titre="envoi du formulaire";
if(mail("laurent.zokoa@gmail.com", $titre, stripslashes($corps), $tete)){
$ok_mail="true";
}else{
$erreur.="<li>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.";
}
}
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST ENVOI FORMULAIRE</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:405px;
top:71px;
width:247px;
height:27px;
z-index:1;
}
-->
</style>
</head>
<? if($ok_mail=="true"){?>
<? }else{ ?>
<form action='<? echo $PHP_SELF ?>' method='post' id='Form'>
clique ici pour valider le formulaire !
</table>
</form>
<? } ?>
</html>
Laurent
Voici le code complet de ma page TEST.php
C'est tout ce que j'ai sur la page mais le lien n'est pas actif. Je ne suis pas assez calé pour voir d'où vient l'erreur
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php
// Couleur du texte des champs si erreur saisie
$color_font_warn="#FF0000";
// Couleur de fond des champs si erreur saisie
$color_form_warn="#FFCC66";
if(isset($_POST['envoi'])){
$erreur="";
// Création du message
$titre="envoi du formulaire";
if(mail("laurent.zokoa@gmail.com", $titre, stripslashes($corps), $tete)){
$ok_mail="true";
}else{
$erreur.="<li>Une erreur est survenue lors de l'envoi du message, veuillez refaire une tentative.";
}
}
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>TEST ENVOI FORMULAIRE</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:405px;
top:71px;
width:247px;
height:27px;
z-index:1;
}
-->
</style>
</head>
<? if($ok_mail=="true"){?>
<? }else{ ?>
<form action='<? echo $PHP_SELF ?>' method='post' id='Form'>
clique ici pour valider le formulaire !
</table>
</form>
<? } ?>
</html>
Laurent
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
Merci beaucoup Maxime, ça marche nickel !
Pour tous ceux qui veulent une synthèse de nos discussions. Il suffit de rajouter l'un des 2 codes ci-dessous à votre formulaire le valider et en même temps ouvrir une autre page web.
Voici le code avec le "cliquez ici pour valider le formulaire !" souligné.
En cliquant sur le lien, ça valide le champs renseigné et ouvre youtube.fr
<form action="http://www.youtube.fr" method='get' id='Form'>
</form>
[javascript:document.getElementById('Form').submit() cliquez ici pour valider le formulaire !]
Voici le code avec le "cliquez ici pour valider le formulaire !" non souligné. De la même façon, en cliquant sur "cliquez ici pour valider le formulaire !", ça valide le champs renseigné et ouvre youtube.fr
<form action="http://www.youtube.fr" method='get' id='Form'>
</form>
clique ici pour valider le formulaire !
Bon courage à tous
Laurent
Pour tous ceux qui veulent une synthèse de nos discussions. Il suffit de rajouter l'un des 2 codes ci-dessous à votre formulaire le valider et en même temps ouvrir une autre page web.
Voici le code avec le "cliquez ici pour valider le formulaire !" souligné.
En cliquant sur le lien, ça valide le champs renseigné et ouvre youtube.fr
<form action="http://www.youtube.fr" method='get' id='Form'>
</form>
[javascript:document.getElementById('Form').submit() cliquez ici pour valider le formulaire !]
Voici le code avec le "cliquez ici pour valider le formulaire !" non souligné. De la même façon, en cliquant sur "cliquez ici pour valider le formulaire !", ça valide le champs renseigné et ouvre youtube.fr
<form action="http://www.youtube.fr" method='get' id='Form'>
</form>
clique ici pour valider le formulaire !
Bon courage à tous
Laurent
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Dernière intervention
- 10 août 2011
- Messages postés
- 108
- Date d'inscription
- mardi 12 juillet 2011
- Dernière intervention
- 3 janvier 2013
Bonjour,
Moi perso je fait un bouton "image" mais avec des images qui ne sont pas dans le dossier!
Modifi juste l'action et sa marchera!
---------------------------------------------
Moi perso je fait un bouton "image" mais avec des images qui ne sont pas dans le dossier!
Modifi juste l'action et sa marchera!
---------------------------------------------
<style type="text/css">
.bouton a {
display:block;
width:75px;
line-height:25px;
text-align:center;
vertical-align:middle;
background:url(images/ACT.png) no-repeat;
color:turquoise;
text-decoration:none;
}
.bouton a:hover {
background:url(images/DESC-2.png) no-repeat;
}
</style>
<center>
->
</center>
<small><small><small>
</small></small></small><small><small><small>
</small></small></small></center>
</form>
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.