Fiche de présentation HTML qui ne veux pas se poster

[Melusine Calaelen]

Bonjour!!

Voila j'ai un problème, mon formulaire de présentation s'affiche très bien, mais lorsque l'on veut le poster cela nous renvoie automatiquement sur la page d'accueil. J'ai cherché dans tous les sens sans trouver la source du problème.

Voici le code:

Code:


        .form {
        font-size: 12px;
        background-color:#00004F;
        width: 750px;
        margin-left:auto;
        margin-right:auto;
        }
        fieldset{
        background-color:#00004F;
        width: 550px;
        margin-left:auto;
        margin-right:auto;
        }
        fieldset tr td{
        padding:12px;
        border:1px dashed #BABABA;
        border-width:1px 0 0 0;
        }
        legend {
        background-color:#FEFEFE;
        font-family: Monotype Corsiva;
        text-align:center;
        padding-left:20px;
        padding-right:20px;
        color: #08088D;
        font-size: 24px;
        }
        .left{
        text-align:right;
        width:200px;
        }
       
       
        function envoiMessage(form)
        {
        // Refuser l'envoi si le formulaire n'est pas entièrement rempli, si un des champs est vide
        if(form.pseudo.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de choisir un pseudo pour le titre du sujet";
        return false;
        }
        else if(form.age.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de mentionner votre âge ... réel ou imaginaire !";
        return false;
        }
        else if(form.region.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre région";
        return false;
        }
        else if(form.passion.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre passion";
        return false;
        }
        else if(form.metier.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de votre métier";
        return false;
        }
        else if(form.graftime.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de de préciser depuis quand vous graphez";
        return false;
        }
        else if(form.logiciel.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler de vos logiciels";
        return false;
        }
        else if(form.gp.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de parler du forum";
        return false;
        }
        else if(form.connais.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de dire comment vous êtes arrivé ici !^^";
        return false;
        }
        else if(form.regle.value == "")
        {
        document.getElementById("errormsg").innerHTML = "Vous avez oublié de rentrer le code du Règlement";
        return false;
        }
        else
        {
        // Créer un message à partir des informations fournies
        var txt_message ="
[color=#BABABA][font=Time New Roman]Académie Beauxbatons[/font][/color]" + '\n'
        + "[color=#531014][font=Monotype Corsiva]Ma Présentation[/font][/color]
"  + '\n' + '\n'
        + "[b]Quel est votre Prénom ? Et votre nom? : [/b]" + form.pseudo.value + '\n'
        + "[b]Quel est votre Age ? : [/b]" + form.age.value + '\n'
        + "[b]Votre point fort? : [/b]" + form.region.value + '\n'
        + "[b]Votre point faible? : [/b]" + form.passion.value + '\n'
        + "[b]Quel est votre Année d'étude ? : [/b]" + form.metier.value + '\n'
        + '\n'
        + "[b]Ta baguette est faite comment? Bois, élèment, taille ? : [/b]" + form.graftime.value + '\n'
        + "[b]Un animal ? : [/b]";
        // Dans le cas des radios, on va  prendre la valeur de celle qui est cochée:
        for(var i = 0; i < form.niveau.length; i++)
        {
        if(form.niveau[i].checked == true) { txt_message = txt_message + " " + form.niveau[i].value + '\n'; }
        }
        txt_message = txt_message + "[b]Raconte nous ta vie! : [/b]
[list]" + form.logiciel.value + "
[/list]"
        + "[b]De ta naissance à aujourd'hui... Dis nous tout! 10 lignes Minimum  : [/b]" + '\n'
        + form.gp.value + '\n'
        + "[b]Comportement, mimiques, peurs? On veut savoir!10 lignes Minimum : [/b]" + '\n'
        + form.connais.value + '\n'
        + "[b]Et physiquement, ça donne quoi?10 lignes Minimum : [/b]" + '\n'
        + form.connais.value + '\n'
        + "[b] Code du règlement : [/b]" + form.regle.value + '\n';
       
        // Insère le texte construit dans le champ caché "message" du formulaire
        form.message.value = txt_message;
        form.subject.value = "Présentation de " + form.pseudo.value;
        return true;
        }
        }
       
       
       
       
       
       
       
       
       
       

        [center][color=#BABABA][font=Time New Roman]Académie Beauxbatons[/font][/color]

        [color=#531014][font=Monotype Corsiva]Ma Présentation[/font][/color][/center]
       

       

       
        Pour commencer!
       














[table][tr]        [td class="left"]Quel est votre Prénom ? Et votre nom?
[i]( Apparaitra dans le titre )[/i][/td]        [td][/td]        [/tr][tr]        [td class="left"]Quel est votre âge ?[/td]        [td][/td]        [/tr][tr]        [td class="left"]Votre baguette (bois, éléments, taille) :[/td]        [td][/td]        [/tr][tr]        [td class="left"]Un animal?[/td]        [td][/td]        [/tr][tr]        [td class="left"]En quelle année es-tu?[/td]        [td][/td]        [/tr][/table]
       
       
        Racontes nous ta vie!
       








[table][tr]        [td class="left"]De ta naissance à aujourd'hui... Dis nous tout!
 10 lignes Minimum[/td]        [td valign="bottom"][/td]        [/tr][tr]        [td class="left"]Comportement, mimiques, peurs? 
On veut savoir!10 lignes Minimum :[/td][td valign="bottom"][/td]        [/tr][tr]        [td class="left"]Et physiquement ça donne quoi ?[/td]        [td][/td]        [/tr][/table]
       
       
        Académie Beauxbatons
       






[table][tr]        [td colspan="2"]Vos premières impressions sur ce forum ?
 Et en vrai tu es qui? Tuas quelle âge?

        [/td]        [/tr][tr]        [td colspan="2"]Comment avez-vous connu le forum ?

        [/td]        [/tr][tr]        [td class="left"]Le code du Règlement :[/td]        [td][/td]        [/tr][/table]
       
       
        Création du post
       


        [color=brown]Le titre du sujet sera créé automatiquement ![/color]



       
       


J'espère que vous pourrez m'aider!!!

Merci d'avance!

[Scoubifitz]

bonsoir,

Une question : c'est juste pour savoir où ça bloque ? ... parce que ça ne ressemble absolument pas à votre fiche de présentation obligatoire ...

97 : il y a une apostrophe qui n'est pas anti-slashée

102-105 : puisqu'il n'y a pas de boutons radio de name="niveau" , on peut effacer toutes ces lignes ...

107 : il y a une apostrophe qui n'est pas anti-slashée

110+112 : deux fois la même "value" pour deux données différentes ?

160 : lignes 157-158 , on définit une donnée de type "text" ...
la même donnée avec le même nom pour la ligne 160 ?( qui devrait être de type "textarea")


voilà un corrigé rapide ... Désirez-vous plus d'aide ?

[Melusine Calaelen]

Alors la je suis encore plus perdue! C'est un code trouvée dans un tuto, que j'ai essayer de personnaliser... Donc oui je veux bien un peu d'aide pour essayer de corriger ça.

Et merci de m'avoir répondu!^^

[Scoubifitz]

bonsoir,

je vous prépare ça ...

[Melusine Calaelen]

Merci beaucoup!!!!!

[Scoubifitz]

Bonjour,

Le codage est spécialement adapté à votre forum ...

avant tout , placez ce code dans votre CSS perso , en fin de page ,
il permet de structurer le message sans les fieldsets , tout en ayant les mêmes propriétés :

Code:

/* Tableau des présentations */
.newmember{width:90%;margin:auto;border-spacing:0 20px ;}
.newmember img{border:4px solid white;-moz-border-radius:20px}
.newmember tr td+td,.newmember tr+tr td,.newmember u{border:3px solid lightsteelblue}
.newmember tr td+td{border-width:0 0 3px 0;text-align:right;font:italic 28px "Beyond Wonderland";width:80%;}
.newmember tr+tr td,.newmember u{background-color: #F0FFFF; -moz-border-radius : 20px;}
.newmember u{position:relative;top:-20px;left:20px;text-decoration:none;border-width:3px 0 0 0;padding:0 1em 0 1em;color:cadetblue;font: bold 28px "ALS script";}

---

Ensuite , il faut créer une page HTML :

Allez dans votre Panneau admin - onglet : Modules - HTML : Gestion des pages HTML

Créer une nouvelle page HTML

Titre * :

Présentation

Voulez-vous utiliser le haut et le bas de page de votre forum ? Oui

Utiliser cette page en tant que page d'accueil ? non
Code HTML * : (le signe doit être visible)

a b c

n'essayez pas de mettre un code tout de suite , "abc" suffira , il faut d'abord créer une page pour que l'encodage soit pris en compte , puis éditer la page pour modifier ou installer le code ...



"Cliquez ici pour revenir à l'Administration des pages HTML"

---

Cliquez sur pour remplacer "abc" par le code du formulaire :

Code:

<style type="text/css">
form{width:900px;}
.newmember{width:90%;margin:auto;}
.newmember img{border:4px solid white;-moz-border-radius:20px}
.newmember tr td+td,.newmember fieldset,.newmember legend{border:3px solid lightsteelblue}
.newmember tr td+td{border-width:0 0 3px 0;text-align:right;font:italic 28px "Beyond Wonderland";}
.newmember fieldset,.newmember legend{background-color: #F0FFFF; -moz-border-radius : 20px}
.newmember legend{border-width:3px 0 0 0;padding:0 1em 0 1em;color:cadetblue;font: bold 28px "ALS script"}
.newmember p {text-align:right;margin:auto}
.newmember label {float:left;text-align:left;}
.newmember input{margin:3px;}
</style>
<script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
<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.surnom.value == "" || form.age.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 = "[table class='newmember'][tr]" + '\n'
+ "[td rowspan='2'][img]" + form.avatar.value + "[/img][/td]" + '\n'
+ "[td]" + form.nom.value + "[/td][/tr][tr][td]" + '\n'
+ "[b] Surnom(s):[/b]" + form.surnom.value + '\n'
+ "[b] Age:[/b]" + form.age.value + '\n'
+ "[b] Date et lieu de naissance :[/b]" + form.born.value + '\n'
+ "[b] Adresse:[/b]" + form.adres.value + '\n'
+ "[b] Sexe:[/b]" + form.sexe.value + '\n'
+ "[b] Sang:[/b]" + form.sang.value + '\n'
+ "[b] Statut (Professeur ou éleve):[/b]" + form.statut.value + '\n'
+ "[/td][/tr][tr][td colspan='2'][u] Vous, présent, passé ... [/u]" + '\n'
+ "[b]Famille :[/b]" + form.family.value + '\n'
+ "[b]Caractère :[/b]" + form.caractere.value + '\n'
+ "[b]Histoire :[/b]" + form.history.value + '\n'
+ "[/td]" + '\n'
+ "[/tr][tr][td colspan='2'][u] Parlons peu, parlons bien ...[/u]" + '\n'
+ "[b]  Taille de votre baguette :[/b]" + form.baguette.value + '\n'
+ "[b]  Composition (bois, élément)[/b]" + form.compose.value + '\n'
+ "[b]  Ton animal de compagnie:[/b]" + form.animal.value + '\n'
+ "[/td][/tr][tr][td colspan='2'][u] Toi, là , derrière ton clavier! [/u]" + '\n'
+ "[b]  Avez vous lu les règles?Oui? Alors donne le code![/b]" + form.regles.value + '\n'
+ "[b]  Avatar :[/b]" + form.whosavatar.value + '\n'
+ "[b]  Prénom, age:[/b]" + form.perso.value + '\n'
+ "[b]  Comment avez-vous connu le forum :[/b]" + form.forumnew.value + '\n'
+ "[b]  Remarques sur le forum ? Point à changer pour son amélioration ?[/b]" + form.forum.value + '\n'
+ "[/td][/tr][/table]" + '\n';

// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
return true;
}
}
</script>
<form action="/post" 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 = post-it / 2 = annonce) -->
<input type="hidden" name="message" value="" /> <!-- Contiendra le texte du message -->
<input type="hidden" name="f" value="6" /> <!--  ID du forum dans lequel le message sera posté -->
<input type="hidden" name="subject" id="titre" value="Présentation de " class="USERNAME" /> <!-- titre du sujet  -->

<table class="newmember"><tr>
<td rowspan="2" valign="top"><img src="http://img98.imageshack.us/img98/3602/armino.jpg" /></td>
<td><span class="USERNAME"> </span></td></tr><tr><td>
<fieldset>
<p><label for="surnom">Bienvenue sur le panel de présentation </label><input id="nom" name="nom" type="text" size="40" maxlength="50" value="" class="USERNAME" readonly="true" />

<label for="avatar">Ajoutez le lien d'un Avatar de 200px de large sur 300px de haut<br>(ou gardez le lien par défaut)</label><br>
<input id="avatar" name="avatar" type="text" size="70" maxlength="50" value="http://img98.imageshack.us/img98/3602/armino.jpg" /><br><br>
<label for="surnom"> Surnom(s):</label><input id="surnom" name="surnom" type="text" size="70" maxlength="50" value="" /><br>
<label for="age"> Age:</label><input id="age" name="age" type="text" size="50" maxlength="50" value="" /><br>
<label for="born"> Date et lieu de naissance :</label><input id="born" name="born" type="text" size="50" maxlength="50" value="" /><br>
<label for="adres"> Adresse:</label><input id="adres" name="adres" type="text" size="70" maxlength="100" value="" /><br>
<label for="sexe"> Sexe</label><input id="sexe" name="sexe" type="text" size="50" maxlength="50" value="" /><br>
<label for="sang"> Sang:</label><input id="sang" name="sang" type="text" size="70" maxlength="50" value="" /><br>
<label for="statut"> Statut (Professeur ou éleve)<br>Pour les élèves donnez votre famille, pour les professeurs, donnez votre matière!</label><input id="statut" name="statut" type="text" size="70" maxlength="50" value="" /><br></p>
</fieldset><br></td>
</tr><tr>
<td colspan="2">
<fieldset><legend> Vous, présent, passé ... </legend>
<p><label for="family">Famille :</label><br><textarea id="family" name="family" rows="5" cols="90">Parents, frères, soeurs... et quelques mots sur eux</textarea><br>
<label for="caractere">Caractère</label><br><textarea id="caractere" name="caractere" rows="5" cols="90">(défauts, qualités, manies, relations avec les autres, phobies...) => Minimum de 7 lignes complètes. </textarea> <br>
<label for="history">Histoire</label><br><textarea id="history" name="history" rows="5" cols="90"> 8 lignes minimum!</textarea></p>
</fieldset><br></td>
</tr><tr>
<td colspan="2">
<fieldset><legend> Parlons peu, parlons bien… </legend>
<p><label for="baguette">  Taille de votre baguette :</label><br><textarea id="baguette" name="baguette" rows="5" cols="90"></textarea><br><br>
<label for="compose">  Composition (bois, élément)</label><br><textarea id="compose" name="compose" rows="5" cols="90"></textarea><br><br>
<label for="animal">  Ton animal de compagnie:</label><br><textarea id="animal" name="animal" rows="5" cols="90"></textarea></p>
</fieldset><br></td>
</tr><tr>
<td colspan="2">
<fieldset><legend> Toi, la derriere ton clavier! </legend>
<p><label for="regles">  Avez vous lu les règles?Oui? Alors donne le code!</label><input id="regles" name="regles" type="text" size="40" maxlength="40" value="" /><br>
<label for="whosavatar">Avatar :</label><input id="whosavatar" name="whosavatar" type="text" size="70" maxlength="50" value="" /><br>
<label for="perso">  Prénom, age:</label><input id="perso" name="perso" type="text" size="70" maxlength="50" value="" /><br>
<label for="forumnew">  Comment avez-vous connu le forum :</label><input id="forumnew" name="forumnew" type="text" size="70" maxlength="50" value="" /><br>
<label for="forum">  Remarques sur le forum ? Point à changer pour son amélioration ?</label><br><textarea id="forum" name="forum" rows="5" cols="90"></textarea></p>
</fieldset><br></td>
</tr><tr>
<td colspan="2">
<fieldset><legend>Création du post</legend>
<center><br><span style="color:red;font-size:20px;" id="errormsg"></span><br>
<span style="color:red;">Attention : Le module va créer automatiquement le post quand vous générez la présentation !</span><br><br>
<input type="submit" name="post" value="Créer !"><br></center>
</fieldset>
</td></tr></table>
</form>

et n'oubliez pas de valider ...

vous pouvez faire des tests en

Prévisualisation

Attention ! les envois que vous ferez seront réels ! ^^

Amicalement,
Scoubifitz

[Melusine Calaelen]

Merci beaucoup! Je vous tiens au courant.

[Melusine Calaelen]

Merci beaucoup! Cela marche très bien!!!! Merci!!