Remplacer un bouton par un texte pour envoyer un formulaire [Résolu]
soleilgym64
Membre Dernière intervention
10 août 2011
- - Dernière réponse :
coucou747
Modérateur Dernière intervention
30 juillet 2012
- 28 août 2011 à 00:35
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Statut
- Messages postés
- 12336
- Date d'inscription
- mardi 10 février 2004
- Statut
A voir également:
- Javascript remplacer texte
- 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
- Javascript : Désactiver un bouton submit après envoi du formulaire - CodeS SourceS - Guide
19 réponses
Meilleure réponse
- Messages postés
- 12336
- Date d'inscription
- mardi 10 février 2004
- Statut
<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
152 internautes nous ont dit merci ce mois-ci
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Statut
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Statut
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
- Statut
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Statut
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Statut
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
- Statut
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
- Statut
- Messages postés
- 10
- Date d'inscription
- mercredi 6 janvier 2010
- Statut
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
- Statut
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
- Statut
- Messages postés
- 108
- Date d'inscription
- mardi 12 juillet 2011
- Statut
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>