Petit problème de formulaire en pop-up

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Petit problème de formulaire en pop-up

Message par Lunathiel Sam 7 Mai 2011 - 14:12

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

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 Very Happy


Dernière édition par Lunathiel le Lun 9 Mai 2011 - 0:23, édité 1 fois
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème de formulaire en pop-up

Message par Scipion Sam 7 Mai 2011 - 15:53

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 :

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>
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème de formulaire en pop-up

Message par Scoubifitz Sam 7 Mai 2011 - 19:06

coucou ! ^^

copié-collé , quand tu nous tiens ....

petite analyse rapide ...

<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>
votre variable (var) "text_message" s'arrête après les guillemets , grâce au point virgule ...
donc , pas de texte envoyé ... les points d'interrogations ne sont pas entre guillemets ...
<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é-->
la fonction "return" n'est pas présente dans le script ... donc inutile ...

je vous prépare un corrigé ? Pc
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème de formulaire en pop-up

Message par Lunathiel Dim 8 Mai 2011 - 10:58

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é silent


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 thumright
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petit problème de formulaire en pop-up

Message par Scoubifitz Dim 8 Mai 2011 - 16:26

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 ( * ) ...

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème de formulaire en pop-up

Message par Lunathiel Dim 8 Mai 2011 - 17:47

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
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Petit problème de formulaire en pop-up

Message par Scoubifitz Dim 8 Mai 2011 - 19:22

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)

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>
puisque vous avez la fenêtre en pop-up , votre problème est-il résolu ?
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit problème de formulaire en pop-up

Message par Lunathiel Lun 9 Mai 2011 - 0:24

tout a fait résolu un grand merci =3
Lunathiel

Lunathiel
****

Féminin
Messages : 458
Inscrit(e) le : 30/11/2009

http://thoawin.forumactif.com/
Lunathiel a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum