Petit problème de formulaire en pop-up
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Petit problème de formulaire en pop-up
Bonjour...
Voila pour mon forum j'ai créé un petit formulaire qui permet aux membres de donner des codes qu'ils trouvent sur le forum aux modos (dans un sujet que seul les modo peuvent lire)
Hors ça fonctionne à la perfection pour la présentation, mais pour l'envoi c'est loupé XD
Je reçois un message avec un "x" dedans et puis c'est tout...
Mon formulaire devrais normalement envoyer un nouveau message avec en titre le pseudo du membre et dans le message simplement le code... hors benn ça ne fonctionne pas x)
Un petit coup de main avec une petite explication serait bienvenue... un grand merci
Ensuite j'aimerais que ce petit formulaire apparaisse en pop-up lorsque l'on clique sur cette image =>
<img src='https://i.servimg.com/u/f79/14/59/60/98/codes_10.png' border='0' onmouseover="this.src = 'https://i.servimg.com/u/f69/14/59/60/98/codes_11.png';"onmouseout="this.src = 'https://i.servimg.com/u/f79/14/59/60/98/codes_10.png';"></img>
comment dois-je faire???
Un grand merci d'avance
Voila pour mon forum j'ai créé un petit formulaire qui permet aux membres de donner des codes qu'ils trouvent sur le forum aux modos (dans un sujet que seul les modo peuvent lire)
Hors ça fonctionne à la perfection pour la présentation, mais pour l'envoi c'est loupé XD
Je reçois un message avec un "x" dedans et puis c'est tout...
Mon formulaire devrais normalement envoyer un nouveau message avec en titre le pseudo du membre et dans le message simplement le code... hors benn ça ne fonctionne pas x)
Un petit coup de main avec une petite explication serait bienvenue... un grand merci
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
<style type="text/css">
.form {
width: 400px;
background-color: #1E619B;
text-align: justify;
margin-left:auto;
margin-right:auto;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
padding: 15px;
font-family: comic sans ms;
font-size: 10;
}
h1 {
text-shadow:4px 4px 2px #abbdeb;
color: #053250;
font-family: Segoe Script;
font-weight: bold;
font-size: 0.3in;
text-align: center;
}
h1 first{
font-size: 40px;
color:#36587D;
font-family: Segoe Script;
font-weight: bolder;
}
h1 hr{
background: -moz-linear-gradient(left, #1E619B, #053250,#1E619B);
-moz-border-radius: 10px;
width:100%;
height: 10px;
border:none;
}
.flotte {
float:left;
}
.flotte2 {
float:right;
}
h2 {
color: white;
font-family: comic sans ms;
font-size: 0.14in;
text-align: center;
}
titre2{
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #053250;
text-align: center;
font-family: Segoe Script;}
input, textarea
{font-family:"Comic sans ms";
margin-bottom: 5px;
background-color: #ABBDEB;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 2px solid #36587D;}
textarea:focus
{background-color: white;}
</style>
</head>
<body>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "";
+ "<strong>Code :</strong> " + form.code.value + 'n';
??????????????????????????????????????????????????????????????????
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
<div class="form"><h1><img src="http://i69.servimg.com/u/f69/14/59/60/98/image_13.png" class="flotte"/><img src="http://i69.servimg.com/u/f69/14/59/60/98/image_13.png" class="flotte2"/><first>C</first>ode cadeau...<hr></h1><h2>Tu as trouvé un code ? Félicitation !!!</h2><br/>
<form action="http://www.thoawin.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this));" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="x" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="171" /> <!-- ID du forum dans lequel le message sera posté-->
<center><label for="titre"><center><titre2>° Ton pseudo °</titre2></center></label> <input type="text" name="subject" id="titre" value="" size="20" maxlength="60" /></center>
<center><titre2>° Le code trouvé °</titre2></center></label><center> <input type="text" name="code" id="code" value="" size="10" maxlength="6" /></center>
<center><input type="submit" name="post" value="Envoyer" /></center>
</form></div>
</body>
</html>
Ensuite j'aimerais que ce petit formulaire apparaisse en pop-up lorsque l'on clique sur cette image =>
<img src='https://i.servimg.com/u/f79/14/59/60/98/codes_10.png' border='0' onmouseover="this.src = 'https://i.servimg.com/u/f69/14/59/60/98/codes_11.png';"onmouseout="this.src = 'https://i.servimg.com/u/f79/14/59/60/98/codes_10.png';"></img>
- Code:
<img src='http://i79.servimg.com/u/f79/14/59/60/98/codes_10.png' border='0' onmouseover="this.src = 'http://i69.servimg.com/u/f69/14/59/60/98/codes_11.png';"onmouseout="this.src = 'http://i79.servimg.com/u/f79/14/59/60/98/codes_10.png';"></img>
comment dois-je faire???
Un grand merci d'avance
Dernière édition par Lunathiel le Lun 9 Mai 2011 - 0:23, édité 1 fois
Re: Petit problème de formulaire en pop-up
Bonjour
A toute fin utile, essayez d'intégrer dans votre code le lien de la pop-up ou de la page du document censé apparaître lorsqu'un membre clique sur l'image associée :
A toute fin utile, essayez d'intégrer dans votre code le lien de la pop-up ou de la page du document censé apparaître lorsqu'un membre clique sur l'image associée :
- Code:
<a href="Adresse internet de la pop-up ou du document"><<img src='http://i79.servimg.com/u/f79/14/59/60/98/codes_10.png' border='0' onmouseover="this.src = 'http://i69.servimg.com/u/f69/14/59/60/98/codes_11.png';"onmouseout="this.src = 'http://i79.servimg.com/u/f79/14/59/60/98/codes_10.png';"></a>
Re: Petit problème de formulaire en pop-up
coucou ! ^^
copié-collé , quand tu nous tiens ....
petite analyse rapide ...
donc , pas de texte envoyé ... les points d'interrogations ne sont pas entre guillemets ...
je vous prépare un corrigé ?
copié-collé , quand tu nous tiens ....
petite analyse rapide ...
votre variable (var) "text_message" s'arrête après les guillemets , grâce au point virgule ...<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "";
+ "<strong>Code :</strong> " + form.code.value + 'n';
??????????????????????????????????????????????????????????????????
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}
</script>
donc , pas de texte envoyé ... les points d'interrogations ne sont pas entre guillemets ...
la fonction "return" n'est pas présente dans le script ... donc inutile ...<form action="http://www.thoawin.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this));" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="x" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="171" /> <!-- ID du forum dans lequel le message sera posté-->
je vous prépare un corrigé ?
Re: Petit problème de formulaire en pop-up
En fait les points d’interrogation sont la uniquement car je me suis douté que l'erreur venait de là. Ils peuvent donc être complétement supprimé
Un grand merci pour t'être penché sur mon problème... mais dit moi qu'est ce que la fonction "return"??? ^^
Oui je serais ravie d'avoir une correction
Et pour la pop-up j'y suis arrivée
Un grand merci pour t'être penché sur mon problème... mais dit moi qu'est ce que la fonction "return"??? ^^
Oui je serais ravie d'avoir une correction
Et pour la pop-up j'y suis arrivée
Re: Petit problème de formulaire en pop-up
la fonction permet de vérifier si (if) tous les champs sont remplis ...
si un champ est vide , "return false" affichera une erreur ,
si tous les champs sont remplis , "return true" enverra le message ...
puisque le pseudo doit être le titre du message , j'ai inséré la fonction ,
l'affichage du message d'erreur se fera entre les deux astérisques ( * ) ...
si un champ est vide , "return false" affichera une erreur ,
si tous les champs sont remplis , "return true" enverra le message ...
puisque le pseudo doit être le titre du message , j'ai inséré la fonction ,
l'affichage du message d'erreur se fera entre les deux astérisques ( * ) ...
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8;" />
<style type="text/css">
.form {
width: 400px;
background-color: #1E619B;
text-align: justify;
margin-left:auto;
margin-right:auto;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
padding: 15px;
font-family: comic sans ms;
font-size: 10;
}
h1 {
text-shadow:4px 4px 2px #abbdeb;
color: #053250;
font-family: Segoe Script;
font-weight: bold;
font-size: 0.3in;
text-align: center;
}
h1 first{
font-size: 40px;
color:#36587D;
font-family: Segoe Script;
font-weight: bolder;
}
h1 hr{
background: -moz-linear-gradient(left, #1E619B, #053250,#1E619B);
-moz-border-radius: 10px;
width:100%;
height: 10px;
border:none;
}
.flotte {
float:left;
}
.flotte2 {
float:right;
}
h2 {
color: white;
font-family: comic sans ms;
font-size: 0.14in;
text-align: center;
}
titre2{
font-size: 18px;
font-weight: bold;
font-style: italic;
color: #053250;
text-align: center;
font-family: Segoe Script;}
input, textarea
{font-family:"Comic sans ms";
margin-bottom: 5px;
background-color: #ABBDEB;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border: 2px solid #36587D;}
textarea:focus
{background-color: white;}
</style>
</head>
<body>
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.subject.value == "" || form.code.value == "" )
{
document.getElementById("errormsg").innerHTML = "Vous devez remplir tous les champs ! ";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>Code :</strong> " + form.code.value + 'n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
}}
</script>
<div class="form"><h1><img src="http://i69.servimg.com/u/f69/14/59/60/98/image_13.png" class="flotte"/><img src="http://i69.servimg.com/u/f69/14/59/60/98/image_13.png" class="flotte2"/><first>C</first>ode cadeau...<hr></h1><h2>Tu as trouvé un code ? Félicitation !!!<br/>* <span style="color:red;" id="errormsg"> </span>*</h2>
<form action="http://www.thoawin.com/posting.forum" method="post" name="post" enctype="multipart/form-data" onSubmit="return(envoiMessage(this));" >
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" /> <!-- Un nouveau topic sera créé -->
<input type="hidden" name="topictype" value="0" checked="checked" /> <!-- Value 0: Sujet Normal (1 = Note / 2 = annonce) -->
<input type="hidden" name="message" value="x" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="171" /> <!-- ID du forum dans lequel le message sera posté-->
<center><label for="titre"><titre2>° Ton pseudo °</titre2></label></center> <center><input type="text" name="subject" id="titre" value="" size="20" maxlength="60" /></center>
<center><label for="code"><titre2>° Le code trouvé °</titre2></label></center><center> <input type="text" name="code" id="code" value="" size="10" maxlength="6" /></center>
<center><input type="submit" name="post" value="Envoyer" /></center>
</form></div>
</body>
</html>
Re: Petit problème de formulaire en pop-up
héhéééééééééééééééééé mais c'est super =3
Un tout grand merci =)
Je crois que j'ai encore beaucoup a apprendre des formulaires mais je viens d'en comprendre une partie =) Merciiiiiiiiiiiii
Un tout grand merci =)
Je crois que j'ai encore beaucoup a apprendre des formulaires mais je viens d'en comprendre une partie =) Merciiiiiiiiiiiii
Re: Petit problème de formulaire en pop-up
le "return true" étant implicite , je ne l'ai pas placé dans la fonction "envoiMessage(form)" ...
je remets la partie de code , pour que vous puissiez voir où il doit être placé (après la mise en forme du message d'envoi)
je remets la partie de code , pour que vous puissiez voir où il doit être placé (après la mise en forme du message d'envoi)
- Code:
<script type="text/javascript">
function envoiMessage(form)
{
// Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
if(form.subject.value == "" || form.code.value == "" )
{
document.getElementById("errormsg").innerHTML = "Vous devez remplir tous les champs ! ";
return false;
}
else
{
// Créer un message à partir des informations fournies
var txt_message = "<strong>Code :</strong> " + form.code.value + 'n';
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
return true;
}}
</script>
Re: Petit problème de formulaire en pop-up
tout a fait résolu un grand merci =3
Sujets similaires
» Petit dysfonctionnement du formulaire
» Petit Soucis Formulaire de présentation
» Petit soucis avec un formulaire
» petit changement sur mon formulaire de présentation
» Formulaire petit soucis sur une portion du script
» Petit Soucis Formulaire de présentation
» Petit soucis avec un formulaire
» petit changement sur mon formulaire de présentation
» Formulaire petit soucis sur une portion du script
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum