Petit problème de formulaire en pop-up

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 le 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='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>

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

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 le 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
+ Hyperactif +

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

http://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 le 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
+ Hyperactif +

Masculin
Messages : 3539
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 le 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
****

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 le 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
+ Hyperactif +

Masculin
Messages : 3539
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 le 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
****

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 le 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
+ Hyperactif +

Masculin
Messages : 3539
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 le Lun 9 Mai 2011 - 0:24

tout a fait résolu un grand merci =3

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


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