Gros problème Codage de Présentation

[Luninho]

Alors, je vous explique, bonjour tout d'abord. Mon problème c'est que j'ai codé JS/HMTL, mais ça me fais ça :


Code HTML :
Voulez-vous utiliser le haut et le bas de page de votre forum ? Non
Utiliser cette page en tant que page d'accueil ? Non

Code:

<div style="width: 80%;margin: auto;">
 <script type="text/javascript">
                function envoiMessage(form)
                {
                
              // Créer un message à partir des informations fournies
                var txt_message = "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
                + "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
                + "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
                + "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
                + "[b]Mes passions :[/b] " + form.passion.value + '\n'
                + "[b]J'ai connu le forum :[/b] " + form.ou.value + '\n'
                + "[b]Message :[/b] " + '\n' + form.plus.value + '\n';
                
              // Insère le texte construit dans le champ caché "message" du formulaire
                form.message.value = txt_message;
                
              // Créer un titre de sujet dynamiquement (Présentation + pseudo) :
                form.subject.value = "Présentation de " + form.pseudo.value; </script>
<div align="center">
 <span style="color: rgb(255, 0, 0);"><span style="text-decoration: underline;"><span style="font-size: 18px;"><strong>Veuillez remplir le formulaire de presentation suivant: </strong></span></span></span><br /><br /><strong> </strong>
</div>
 
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
 
<div align="center">
 <strong> <label for="pseudo">Pseudo Forum :</label></strong><br /><strong> <input name="pseudo" id="pseudo" value=" " size="50" maxlength="100" type="text" /> </strong><br /><br /><strong> <label for="prenom">Prenom :</label></strong><br /><strong> <input name="prenom" id="prenom" value=" " size="50" maxlength="100" type="text" /></strong><br /><br /><strong> <label for="age">Age :</label></strong><br /><strong> <input name="age" id="age" value=" " size="10" maxlength="100" type="text" /> </strong><br /><br /><strong>Temps dans le Sport :</strong><br /><strong> <textarea style="width: 473px; height: 53px;" name="occupation" id="occupation" rows="3" cols="150"></textarea></strong><br /><br /><strong> <label for="passion">Tes passions :<br /></label></strong><strong><textarea style="width: 475px; height: 56px;" name="passion" id="passion" rows="3" cols="150"></textarea></strong><br /><br /><strong> <label for="ou">Comment as-tu connu le forum ?<br /></label></strong><strong><textarea style="width: 477px; height: 53px;" name="ou" id="ou" rows="3" cols="150"></textarea></strong><br /><br /><strong> <label for="plus">Petit plus (quelques lignes pour nous parler de toi, tes petites confidences ...) :</label></strong><br /><strong> <textarea style="width: 481px; height: 68px;" name="plus" id="plus" rows="3" cols="150"></textarea></strong><br /><strong></strong><strong></strong><br /><strong> </strong>
<center>
 <strong><input name="post" value="Valider ma fiche de presentation" type="submit" /></strong><br /><br />
<div align="right">
 <span style="font-size: 13px;"><span style="text-decoration: underline;"><strong>Codage par #Luninho`</strong><br /></span></span>
</div>
 
</center>
 
</div><input name="lt" value="0" type="hidden" /><input name="mode" value="newtopic" type="hidden" /><input name="topictype" value="0" checked="checked" type="hidden" /><input name="message" value="" type="hidden" /><input name="subject" value="" type="hidden" /><input name="f" value="3" type="hidden" />
</form>
</div>

JavaScript :
Sur les Sous-Forums

Code:

$(function() {
                $('a[href="/post?f=1&mode=newtopic"]').attr('href','http://battle-street.frbb.net/h1-formulaire-de-presentation');
            });

[Scoubifitz]

bonjour,

forum de test ... un seul forum ...

l'envoi se fait dans le forum n°3 ... qui n'existe pas .   

<input name="f" value="3" type="hidden" />

[Luninho]

Merci, mais ça me met :
Vous devez préciser un titre avant de pouvoir envoyer votre message.
Vous devez entrer un message avant de poster.

[Scoubifitz]

bonsoir,

il manque l'accolade de fermeture de la fonction , dans le script ...

Code:

<script type="text/javascript">
function envoiMessage(form)
{
// le script ...
}
</script>

[Luninho]

Ce qui donne :

Code:

        $(function() {
                        $('a[href="/post?f=1&mode=newtopic"]').attr('href','http://battle-street.frbb.net/h1-formulaire-de-presentation');
                    });
        <script type="text/javascript">
        function envoiMessage(form)
        {
        // le script ...
        }
        </script>


?

[Scoubifitz]

non,non,non ...

je parle du formulaire dans la page HTML ...

le script d'envoi :

Code:

<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
+ "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
+ "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
+ "[b]Mes passions :[/b] " + form.passion.value + '\n'
+ "[b]J'ai connu le forum :[/b] " + form.ou.value + '\n'
+ "[b]Message :[/b] " + '\n' + form.plus.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Présentation de " + form.pseudo.value;
}
</script>

[Luninho]

Je met quoi dans le HMTL ?

[Scoubifitz]

éditez votre page HTML en mode avancé , et remplacez entièrement le code par celui ci :

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>form</title>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
+ "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
+ "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
+ "[b]Mes passions :[/b] " + form.passion.value + '\n'
+ "[b]J'ai connu le forum :[/b] " + form.ou.value + '\n'
+ "[b]Message :[/b] " + '\n' + form.plus.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Présentation de " + form.pseudo.value;
}
</script>
</head>
<body>
<div style="text-align:center;margin:auto;font-weight:bold;">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" />
<input name="topictype" value="0" checked="checked" type="hidden" />
<input name="message" value="" type="hidden" />
<input name="subject" value="" type="hidden" />
<input name="f" value="1" type="hidden" />

<h3 style="color: Red;text-decoration: underline;">Veuillez remplir le formulaire de presentation suivant: </h3>
<p><label for="pseudo">Pseudo Forum :</label><br />
<input name="pseudo" id="pseudo" value=" " size="50" maxlength="100" type="text" /></p>
<p><label for="prenom">Prenom :</label><br />
<input name="prenom" id="prenom" value=" " size="50" maxlength="100" type="text" /></p>
<p><label for="age">Age :</label><br />
<input name="age" id="age" value=" " size="10" maxlength="100" type="text" /> </p>
<p>Temps dans le Sport :<br />
<textarea style="width: 473px; height: 53px;" name="occupation" id="occupation" rows="3" cols="150"></textarea></p>
<p><label for="passion">Tes passions :<br /></label>
<textarea style="width: 475px; height: 56px;" name="passion" id="passion" rows="3" cols="150"></textarea></p>
<p><label for="ou">Comment as-tu connu le forum ?<br /></label>
<textarea style="width: 477px; height: 53px;" name="ou" id="ou" rows="3" cols="150"></textarea></p>
<p><label for="plus">Petit plus (quelques lignes pour nous parler de toi, tes petites confidences ...) :</label><br />
<textarea style="width: 481px; height: 68px;" name="plus" id="plus" rows="3" cols="150"></textarea></p>
<p><input name="post" value="Valider ma fiche de presentation" type="submit" /></p>
<div style="text-align:right;font-size: 13px;text-decoration: underline;">Codage par #Luninho`</div>
</form>
</div>
</body>
</html>

[Luninho]

J'ai édité, puis j'ai envoyé le titre du sujet est : Présentation de , juste ça

[Scoubifitz]

le reste de l'envoi est passé ?

testez ceci :

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>form</title>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[b]Fiche d'identité de :[/b] " + form.pseudo.value + '\n'
+ "[b]Mon Prénom :[/b] " + form.prenom.value + '\n'
+ "[b]J'ai :[/b] " + form.age.value + " ans" + '\n'
+ "[b]Dans la vie :[/b] " + form.occupation.value + '\n'
+ "[b]Mes passions :[/b] " + form.passion.value + '\n'
+ "[b]J'ai connu le forum :[/b] " + form.ou.value + '\n'
+ "[b]Message :[/b] " + '\n' + form.plus.value + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Présentation de " + form.pseudo.value;
}
</script>
</head>
<body>
<div style="text-align:center;margin:auto;font-weight:bold;">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" />
<input name="topictype" value="0" checked="checked" type="hidden" />
<input name="message" value="" type="hidden" />
<input name="subject" value="" type="hidden" />
<input name="f" value="1" type="hidden" />

<h3 style="color: Red;text-decoration: underline;">Veuillez remplir le formulaire de presentation suivant: </h3>
<p><label for="pseudo">Pseudo Forum :</label><br />
<input name="pseudo" id="pseudo" value="" size="50" maxlength="100" type="text" /></p>
<p><label for="prenom">Prenom :</label><br />
<input name="prenom" id="prenom" value="" size="50" maxlength="100" type="text" /></p>
<p><label for="age">Age :</label><br />
<input name="age" id="age" value="" size="10" maxlength="100" type="text" /> </p>
<p>Temps dans le Sport :<br />
<textarea style="width: 473px; height: 53px;" name="occupation" id="occupation" rows="3" cols="150"></textarea></p>
<p><label for="passion">Tes passions :<br /></label>
<textarea style="width: 475px; height: 56px;" name="passion" id="passion" rows="3" cols="150"></textarea></p>
<p><label for="ou">Comment as-tu connu le forum ?<br /></label>
<textarea style="width: 477px; height: 53px;" name="ou" id="ou" rows="3" cols="150"></textarea></p>
<p><label for="plus">Petit plus (quelques lignes pour nous parler de toi, tes petites confidences ...) :</label><br />
<textarea style="width: 481px; height: 68px;" name="plus" id="plus" rows="3" cols="150"></textarea></p>
<p><input name="post" value="Valider ma fiche de presentation" type="submit" /></p>
<div style="text-align:right;font-size: 13px;text-decoration: underline;">Codage par #Luninho`</div>
</form>
</div>
</body>
</html>

il y avait des espaces dans les values ...

[Luninho]

Enfaîte c'est bon, mais je voudrai avoir ça : en envoyant
http://battle-street.frbb.net/h1-formulaire-de-presentation
de même ça

[Scoubifitz]

?

vous voulez que le message envoyé ressemble au formulaire ?

[Luninho]

Oui voilà

[Scoubifitz]

comme ça ?

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>form</title>
<script type="text/javascript">
function envoiMessage(form)
{
// Créer un message à partir des informations fournies
var txt_message = "[center][b]Pseudo Forum[/b]\n[co"+"lor=Royalblue]" + form.pseudo.value + '[/color]\n\n'
+ "[b]Prénom[/b]\n[co"+"lor=Royalblue]" + form.prenom.value + '[/color]\n\n'
+ "[b]Age[/b]\n[co"+"lor=Royalblue]" + form.age.value + ' ans[/color]\n\n'
+ "[b]Temps dans le Sport[/b]\n[co"+"lor=Royalblue]" + form.occupation.value + '[/color]\n\n'
+ "[b]Mes passions :[/b]\n[co"+"lor=Royalblue]" + form.passion.value + '[/color]\n\n'
+ "[b]J'ai connu le forum :[/b]\n[co"+"lor=Royalblue]" + form.ou.value + '[/color]\n\n'
+ "[b]Message :[/b]\n[co"+"lor=Royalblue]" + form.plus.value + '[/color][center]';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;

// Créer un titre de sujet dynamiquement (Présentation + pseudo) :
form.subject.value = "Présentation de " + form.pseudo.value;
}
</script>
</head>
<body>
<div style="text-align:center;margin:auto;font-weight:bold;">
<form action="/post" method="post" name="post" enctype="multipart/form-data" onsubmit="envoiMessage(this)">
<input name="lt" value="0" type="hidden" />
<input name="mode" value="newtopic" type="hidden" />
<input name="topictype" value="0" checked="checked" type="hidden" />
<input name="message" value="" type="hidden" />
<input name="subject" value="" type="hidden" />
<input name="f" value="1" type="hidden" />

<h3 style="color: Red;text-decoration: underline;">Veuillez remplir le formulaire de presentation suivant: </h3>
<p><label for="pseudo">Pseudo Forum :</label><br />
<input name="pseudo" id="pseudo" value="" size="50" maxlength="100" type="text" /></p>
<p><label for="prenom">Prénom :</label><br />
<input name="prenom" id="prenom" value="" size="50" maxlength="100" type="text" /></p>
<p><label for="age">Age :</label><br />
<input name="age" id="age" value="" size="3" maxlength="3" type="text" /> ans </p>
<p>Temps dans le Sport :<br />
<textarea style="width: 473px; height: 53px;" name="occupation" id="occupation" rows="3" cols="150"></textarea></p>
<p><label for="passion">Tes passions :<br /></label>
<textarea style="width: 475px; height: 56px;" name="passion" id="passion" rows="3" cols="150"></textarea></p>
<p><label for="ou">Comment as-tu connu le forum ?<br /></label>
<textarea style="width: 477px; height: 53px;" name="ou" id="ou" rows="3" cols="150"></textarea></p>
<p><label for="plus">Petit plus (quelques lignes pour nous parler de toi, tes petites confidences ...) :</label><br />
<textarea style="width: 481px; height: 68px;" name="plus" id="plus" rows="3" cols="150"></textarea></p>
<p><input name="post" value="Valider ma fiche de presentation" type="submit" /></p>
<div style="text-align:right;font-size: 13px;text-decoration: underline;">Codage par #Luninho`</div>
</form>
</div>
</body>
</html>

[Luninho]

Merci bien.