Probleme de formulaire

Page 1 sur 2 1, 2  Suivant

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

Résolu Probleme de formulaire

Message par Nekothika le Lun 11 Mai 2015 - 17:51

Bonjour, j'ai cherché grâce aux outils de recherche et je n'ai pas trouvé de tuto pour créer un formulaire pour mon forum, c'est pour que les membres clique sur le lien, tombe sur le formulaire et remplissent divers champs pour générer leur fiche de personnage dans mon forum RolePlay. S'il existe, je serai ravie d'avoir le lien sinon ... j'attendrais qu'une âme charitable vienne m'aider ^^

Merci à tous

EDIT : Je viens de tenter ceci :

Spoiler:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Fiche Personnage</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
font-size:14px;
font-family: Play;
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var gender = "";
if(form.gender[0].checked == true)
gender = "Masculin";
else if(form.gender[1].checked == true)
gender = "Féminin";
else if(form.gender[2].checked == true)
gender = "Autre";

var sex1 = "";
if(form.sex[3].checked == true)
sex1 = "Hétéro";
else if(form.sex1[4].checked == true)
sex1 = "Gay/Lesbienne";
else if(form.sex1[5].checked == true)
sex1 = "Bi";
else if(form.sex1[6].checked == true)
sex1 = "Asexuel";

var sex2 = "";
else if(form.sex2[7].checked == true)
sex2 = "Oui";
else if(form.sex2[8].checked == true)
sex2 = "Non";

var statut1 = "";
if(form.statut1[9].checked == true)
statut1 = "Négatif";
else if(form.statut1[10].checked == true)
statut1 = "Positif";
else if(form.statut1[11].checked == true)
statut1 = "Faux Négatif";
else if(form.statut1[12].checked == true)
statut1 = "Faux Positif";

var statut2 = "";
if(form.statut2[13].checked == true)
statut2 = "Libre";
else if(form.statut2[14].checked == true)
statut2 = "Traqué";
else if(form.statut2[15].checked == true)
statut2 = "Détenu";

var faction = "";
if(form.faction[16].checked == true)
faction = "Citoyen";
else if(form.faction[17].checked == true)
faction = "Icarus";
else if(form.faction[18].checked == true)
faction = "Para";
else if(form.faction[19].checked == true)
faction = "Révolté";
else if(form.faction[20].checked == true)
faction = "Marcheur de Mort";
else if(form.faction[21].checked == true)
faction = "Rader";
else if(form.faction[22].checked == true)
faction = "Rikann";
else if(form.faction[23].checked == true)
faction = "Toko";
else if(form.faction[24].checked == true)
faction = "Légion";
 
// Créer un message à partir des informations fournies
var txt_message = " Fiche de :" + form.pseudo.value + "
+ "\nIdentité : " + form.pseudo.value + "
+ "\nÂge : " + form.age.value + "
+ "\nSexe : " + form.gender.value + "
+ "\nLieu de naissance : " + form.localisation.value + "
+ "\nNationalité : " + form.nationalite.value + "
+ "\nOrigines : " + form.origines.value + "
+ "\nMétier/Etudes : " + form.etudes.value + "
+ "\nOrientation sexuelle : " + form.sex1.value + " <i>(+ form.sex2.value + ")</i>
+ "\nStatut : " + form.statut1.value + " - + form.statut2.value + "
+ "\nFaction : " + form.faction.value + "
+ "\nAnalyse de Nestar : " + form.nestar.value + "
+ "\nReponse au protocole 213 : " + form.protocole.value + "
+ "\nHistorique du sujet : " + form.bio.value + "
+ "\nNotes Complémentaires : " + form.notes.value + "
+ "\nEtude comportementale : " + form.psy.value + "
+ "\nRapport physique primaire : " + form.physique.value + "
+ "\nCode : " + regle;
 
// Insère le texte construit dans le champ caché "message" du formulaire
form.message.value = txt_message;
 
// Créer un titre de sujet dynamiquement (Candidature + pseudo) :
form.subject.value = "Candidature de " + form.pseudo.value + ";
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="f" value="39" />
 
<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />

<b><label for="pseudo">Nom Prénom :</label></b><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:75%"></textarea>
<br /><br />
 
<b><label for="age">Mon perso a ...</label></b><br />
<i>Son âge.</i><br />
<textarea name="age" id="age" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label>Sexe :</label></b><br />
<input type="radio" name="gender" value="0">Masculin<br />
<input type="radio" name="gender" value="1">Féminin<br />
<input type="radio" name="gender" value="2">Autre<br /><br />
 
<b><label for="localisation">Mon perso est né à ...</label></b><br />
<i>Ville de naissance.</i><br />
<textarea name="localisation" id="localisation" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label for="nationalite">Mon perso est ...</label></b><br />
<i>Nationalité.</i><br />
<textarea name="nationalite" id="nationalite" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label for="origines">Mon perso viens de ...</label></b><br />
<i>Pays d'origine.</i><br />
<textarea name="origines" id="origines" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label for="etudes">Métier/Etudes :</label></b><br />
<textarea name="etudes" id="etudes" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label>Orientation sexuelle :</label></b><br />
<i>Précisez si votre perso aura des relations (RP) contraire à ses préférences (alcool, hypnose, viol...).</i><br />
<input type="radio" name="sex1" value="3">Hétéro<br />
<input type="radio" name="sex1" value="4">Gay/Lesbienne<br />
<input type="radio" name="sex1" value="5">Bi<br />
<input type="radio" name="sex1" value="6">Asexuel<br />
-----------<br />
<i>Relation contraire à son orientation.</i><br />
<input type="radio" name="sex2" value="7">Oui<br />
<input type="radio" name="sex2" value="8">Non<br />
<br /><br />

<b><label>Mon perso est ...</label></b><br />
<i>Son statut vis à vis d'Icarus<br /><br />

- Negatif : Nestar ne vous as pas détecté comme criminel ou futur criminel.<br />
- Positif : Nestar vous as repéré comme criminel ou futur criminel.<br />
- Libre : Icarus n'est pas à votre poursuite.<br />
- Traqué : Icarus vous cherche pour vous incarcerer.<br />
- Détenu : Vous êtes dans emprisonné dans un Nexus.<br />
- Faux Positif/Négatif : Nestar s'est trompé sur votre criminalité.</i><br /><br />

<input type="radio" name="statut1" value="9">Négatif<br />
<input type="radio" name="statut1" value="10">Positif<br />
<input type="radio" name="statut1" value="11">Faux Négatif<br />
<input type="radio" name="statut1" value="12">Faux Positif<br />
-----<br />
<input type="radio" name="statut2" value="13">Libre<br />
<input type="radio" name="statut2" value="14">Traqué<br />
<input type="radio" name="statut2" value="15">Détenu<br /><br />
 
<b><label>Mon perso appartient à la faction ...</label></b></b><br />
<i>Liens vers les différentes factions : <a href="http://nexity.rpg-board.net/t9-icarus" target="_blank">Icarus</a> - <a href="http://nexity.rpg-board.net/t8-les-paras" target="_blank">Para</a> - <a href="http://nexity.rpg-board.net/t7-groupes-indes" target="_blank">Révoltés, Marcheurs, Raders, Rikanns, Toko, Légion</a><br />
<input type="radio" name="faction" value="16">Citoyen<br />
<input type="radio" name="faction" value="17">Icarus<br />
<input type="radio" name="faction" value="18">Para<br />
<input type="radio" name="faction" value="19">Révolté<br />
<input type="radio" name="faction" value="20">Marcheur de Mort<br />
<input type="radio" name="faction" value="21">Rader<br />
<input type="radio" name="faction" value="22">Rikann<br />
<input type="radio" name="faction" value="23">Toko<br />
<input type="radio" name="faction" value="24">Légion<br /><br />
 
<b><label for="nestar">Analyse de Nestar :</label></b><br />
<i>Ce que l'intelligence artificielle dit de votre perso.</i><br />
<textarea name="nestar" id="nestar" rows="4" style="width:75%"></textarea>
<br /><br />
 
<b><label for="protocole">Réponse au Protocole 213 :</label></b><br />
<i>Ce que ton perso répond quand un membre d'Icarus lui demande :<br />
"Que pensez vous de l'entreprise Icarus et de son fonctionnement dans le but de protéger et servir l'humanité ?"</i>
<textarea name="protocole" id="protocole" rows="4" style="width:75%"></textarea>
<br /><br />
 
<b><label for="bio">Historique du Sujet :</label></b><br />
<i>Le passé de votre perso jusqu'à maintenant.</i><br />
<textarea name="bio" id="bio" rows="10" style="width:75%"></textarea>
<br /><br />
 
<b><label for="notes">Notes :</label></b><br />
<i>Des notes si besoin.</i><br />
<textarea name="notes" id="notes" rows="5" style="width:75%"></textarea>
<br /><br />
 
<b><label for="psy">Mental :</label></b><br />
<textarea name="psy" id="psy" rows="7" style="width:75%"></textarea>
<br /><br />
 
<b><label for="physique">Physique :</label></b><br />
<textarea name="physique" id="physique" rows="7" style="width:75%"></textarea>
<br /><br />

<label>Je m'engage à respecter les règles du forum</label></b><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />
 
<input type="submit" name="post" value="Valider ma fiche personnage">
<br /><br />
</form>
</body>
</html>

Et je trouve ceci :



Dernière édition par Nekothika le Mar 12 Mai 2015 - 3:28, édité 4 fois

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Nekothika le Mar 12 Mai 2015 - 2:35

up (et mise à jour du probleme / titre)

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Mar 12 Mai 2015 - 23:03

bonsoir,

petite correction pour faire avancer le schmilblick :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Fiche Personnage</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<style type="text/css">
<!--
.contour {
margin:0 20px;
text-align:left;
font-size:14px;
font-family: Play;
}
-->
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var gender = "";
if(form.gender[0].checked == true)
gender = "Masculin";
else if(form.gender[1].checked == true)
gender = "Féminin";
else if(form.gender[2].checked == true)
gender = "Autre";

var sex1 = "";
if(form.sex1[0].checked == true)
sex1 = "Hétéro";
else if(form.sex1[1].checked == true)
sex1 = "Gay/Lesbienne";
else if(form.sex1[2].checked == true)
sex1 = "Bi";
else if(form.sex1[3].checked == true)
sex1 = "Asexuel";

var sex2 = "";
if(form.sex2[0].checked == true)
sex2 = "Oui";
else if(form.sex2[1].checked == true)
sex2 = "Non";

var statut1 = "";
if(form.statut1[0].checked == true)
statut1 = "Négatif";
else if(form.statut1[1].checked == true)
statut1 = "Positif";
else if(form.statut1[2].checked == true)
statut1 = "Faux Négatif";
else if(form.statut1[3].checked == true)
statut1 = "Faux Positif";

var statut2 = "";
if(form.statut2[0].checked == true)
statut2 = "Libre";
else if(form.statut2[1].checked == true)
statut2 = "Traqué";
else if(form.statut2[2].checked == true)
statut2 = "Détenu";

var faction = "";
if(form.faction[0].checked == true)
faction = "Citoyen";
else if(form.faction[1].checked == true)
faction = "Icarus";
else if(form.faction[2].checked == true)
faction = "Para";
else if(form.faction[3].checked == true)
faction = "Révolté";
else if(form.faction[4].checked == true)
faction = "Marcheur de Mort";
else if(form.faction[5].checked == true)
faction = "Rader";
else if(form.faction[6].checked == true)
faction = "Rikann";
else if(form.faction[7].checked == true)
faction = "Toko";
else if(form.faction[8].checked == true)
faction = "Légion";

var regle = "";
if(form.reglement[0].checked == true)
regle = "Oui";
else if(form.reglement[1].checked == true)
regle = "Non";

// Créer un message à partir des informations fournies
var txt_message = "Fiche de :" + form.pseudo.value
+ "\n\nIdentité : " + form.pseudo.value
+ "\nÂge : " + form.age.value
+ "\nSexe : " + gender
+ "\nLieu de naissance : " + form.localisation.value
+ "\nNationalité : " + form.nationalite.value
+ "\nOrigines : " + form.origines.value
+ "\nMétier/Etudes : " + form.etudes.value
+ "\nOrientation sexuelle : " + sex1 + " <i>( " + sex2 + " )</i>"
+ "\nStatut : " + statut1 + " - " + statut2
+ "\nFaction : " + faction
+ "\nAnalyse de Nestar : " + form.nestar.value
+ "\nReponse au protocole 213 : " + form.protocole.value
+ "\nHistorique du sujet : " + form.bio.value
+ "\nNotes Complémentaires : " + form.notes.value
+ "\nEtude comportementale : " + form.psy.value
+ "\nRapport physique primaire : " + form.physique.value
+ "\nCode : " + regle;

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

// Créer un titre de sujet dynamiquement (Candidature + pseudo) :
form.subject.value = "Candidature de " + form.pseudo.value;
}
</script>
</head>
<body>
<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="f" value="39" />

<h1>Veuillez remplir tous les champs du formulaire de candidature suivant :</h1><br />

<b><label for="pseudo">Nom Prénom :</label></b><br />
<textarea name="pseudo" id="pseudo" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label for="age">Mon perso a ...</label></b><br />
<i>Son âge.</i><br />
<textarea name="age" id="age" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label>Sexe :</label></b><br />
<input type="radio" name="gender" value="0">Masculin<br />
<input type="radio" name="gender" value="1">Féminin<br />
<input type="radio" name="gender" value="2">Autre<br /><br />

<b><label for="localisation">Mon perso est né à ...</label></b><br />
<i>Ville de naissance.</i><br />
<textarea name="localisation" id="localisation" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label for="nationalite">Mon perso est ...</label></b><br />
<i>Nationalité.</i><br />
<textarea name="nationalite" id="nationalite" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label for="origines">Mon perso viens de ...</label></b><br />
<i>Pays d'origine.</i><br />
<textarea name="origines" id="origines" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label for="etudes">Métier/Etudes :</label></b><br />
<textarea name="etudes" id="etudes" rows="1" style="width:75%"></textarea>
<br /><br />

<b><label>Orientation sexuelle :</label></b><br />
<i>Précisez si votre perso aura des relations (RP) contraire à ses préférences (alcool, hypnose, viol...).</i><br />
<input type="radio" name="sex1" value="0">Hétéro<br />
<input type="radio" name="sex1" value="1">Gay/Lesbienne<br />
<input type="radio" name="sex1" value="2">Bi<br />
<input type="radio" name="sex1" value="3">Asexuel<br />
-----------<br />
<i>Relation contraire à son orientation.</i><br />
<input type="radio" name="sex2" value="0">Oui<br />
<input type="radio" name="sex2" value="1">Non<br />
<br /><br />

<b><label>Mon perso est ...</label></b><br />
<i>Son statut vis à vis d'Icarus<br /><br />

- Negatif : Nestar ne vous as pas détecté comme criminel ou futur criminel.<br />
- Positif : Nestar vous as repéré comme criminel ou futur criminel.<br />
- Libre : Icarus n'est pas à votre poursuite.<br />
- Traqué : Icarus vous cherche pour vous incarcerer.<br />
- Détenu : Vous êtes dans emprisonné dans un Nexus.<br />
- Faux Positif/Négatif : Nestar s'est trompé sur votre criminalité.</i><br /><br />

<input type="radio" name="statut1" value="0">Négatif<br />
<input type="radio" name="statut1" value="1">Positif<br />
<input type="radio" name="statut1" value="2">Faux Négatif<br />
<input type="radio" name="statut1" value="3">Faux Positif<br />
-----<br />
<input type="radio" name="statut2" value="0">Libre<br />
<input type="radio" name="statut2" value="1">Traqué<br />
<input type="radio" name="statut2" value="2">Détenu<br /><br />

<b><label>Mon perso appartient à la faction ...</label></b></b><br />
<i>Liens vers les différentes factions : <a href="http://nexity.rpg-board.net/t9-icarus" target="_blank">Icarus</a> - <a href="http://nexity.rpg-board.net/t8-les-paras" target="_blank">Para</a> - <a href="http://nexity.rpg-board.net/t7-groupes-indes" target="_blank">Révoltés, Marcheurs, Raders, Rikanns, Toko, Légion</a><br />
<input type="radio" name="faction" value="0">Citoyen<br />
<input type="radio" name="faction" value="1">Icarus<br />
<input type="radio" name="faction" value="2">Para<br />
<input type="radio" name="faction" value="3">Révolté<br />
<input type="radio" name="faction" value="4">Marcheur de Mort<br />
<input type="radio" name="faction" value="5">Rader<br />
<input type="radio" name="faction" value="6">Rikann<br />
<input type="radio" name="faction" value="7">Toko<br />
<input type="radio" name="faction" value="8">Légion<br /><br />

<b><label for="nestar">Analyse de Nestar :</label></b><br />
<i>Ce que l'intelligence artificielle dit de votre perso.</i><br />
<textarea name="nestar" id="nestar" rows="4" style="width:75%"></textarea>
<br /><br />

<b><label for="protocole">Réponse au Protocole 213 :</label></b><br />
<i>Ce que ton perso répond quand un membre d'Icarus lui demande :<br />
"Que pensez vous de l'entreprise Icarus et de son fonctionnement dans le but de protéger et servir l'humanité ?"</i>
<textarea name="protocole" id="protocole" rows="4" style="width:75%"></textarea>
<br /><br />

<b><label for="bio">Historique du Sujet :</label></b><br />
<i>Le passé de votre perso jusqu'à maintenant.</i><br />
<textarea name="bio" id="bio" rows="10" style="width:75%"></textarea>
<br /><br />

<b><label for="notes">Notes :</label></b><br />
<i>Des notes si besoin.</i><br />
<textarea name="notes" id="notes" rows="5" style="width:75%"></textarea>
<br /><br />

<b><label for="psy">Mental :</label></b><br />
<textarea name="psy" id="psy" rows="7" style="width:75%"></textarea>
<br /><br />

<b><label for="physique">Physique :</label></b><br />
<textarea name="physique" id="physique" rows="7" style="width:75%"></textarea>
<br /><br />

<b><label>Je m'engage à respecter les règles du forum</label></b><br />
<input type="radio" name="reglement" value="o" checked="checked">Oui<br />
<input type="radio" name="reglement" value="n">Non
<br /><br />

<input type="submit" name="post" value="Valider ma fiche personnage">
<br /><br />
</form>
</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: Probleme de formulaire

Message par Nekothika le Mer 13 Mai 2015 - 0:23

Allelujah !!! je vais pouvoir enfin mettre tout ca en CSS et chercher d'ou venait le probleme

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Jeu 14 Mai 2015 - 0:20

Comme je ne propose pas d'aide par MP , Si vous avez encore besoin de précisions , n'hésitez pas .

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: Probleme de formulaire

Message par Nekothika le Jeu 14 Mai 2015 - 0:41

Merci, je cherche a transformer le resultat en une fiche avec du CSS, je possede un pattern ou je n'ai plus qu'a rentrer :

- titre
- citation
- image
- sous-titre
- texte
- tableau (avec debordement de cellule)
- mise en page
- mise en forme

a chaque fois que j'essaye, meme en remplacant les " en ' dans ma fiche CSS, ca me met envoyez un message/titre"



Voila un apercu du résultat attendu :

http://nexity.rpg-board.net/t14-test#24

Code utilisé dans le message :

Spoiler:
Code:
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'><br><br><center><div style="background-image: url('http://image.noelshack.com/fichiers/2015/19/1431282452-metal.jpg'); width: 550px; border-right: solid #abbd83 5px; border-left: solid #abbd83 5px; border-radius: 30px;"><br><br><div style="font-family: Rock Salt; color: #849b87; font-size:40px; text-shadow: 0px 0px 3px #abbd83;">Fiche de XXXX</div><br><br><div style="box-shadow: black 0px 0px 5px; width: 450px" ;="">[flash(450,25)]http://www.youtube.com/v/rodGlsgkZbI&version=2&hl=fr_FR&rel=0[/flash]</div><div style="font-family: Play; color: #cde2bd; font-size:18px; text-shadow: 0px 0px 5px #abbd83; width: 538px; height: 30px;"><br><div align="left">[scroll]<i>Citation[/scroll]</i></div></div><div style="overflow: auto; font-family: Play; color: white; #abbd83; width :520px;"><blockquote><br><span style="font-family: Play; font-size: 15px; line-height: normal"><div align="justify"><center><table border="0" width="500px"><tr><td><b><i><font color="#849b87" size="2">Identité : </font></i></b><font size="2">Nom Prénom</td><td rowspan=11 align="right"><img src="http://images4.fanpop.com/image/photos/15200000/Avatar-Fan-Art-avatar-15271220-500-666.jpg" style="border: solid #abbd83 2px; height:240px;" class="image"></td></font></tr><tr><td><b><i><font color="#849b87" size="2">Âge : </font></i></b><font size="2">25</font></tr><tr><td><b><i><font color="#849b87" size="2">Sexe : </font></i></b><font size="2">Féminin</font></tr><tr><td><b><i><font color="#849b87" size="2">Lieu de naissance : </font></i></b><font size="2">Paris</font></tr><tr><td><b><i><font color="#849b87" size="2">Nationalité : </font></i></b><font size="2">Américaine</font></tr><tr><td><b><i><font color="#849b87" size="2">Origines : </font></i></b><font size="2">France</font></tr><tr><td><b><i><font color="#849b87" size="2">Métier/Etudes : </font></i></b><font size="2">Mécano</font></tr><tr><td><b><i><font color="#849b87" size="2">Orientation sexuelle : </font></i></b><font size="2">Gay/Lesbienne - <i>Oui</i></font></tr><tr><td><b><i><font color="#849b87" size="2">Statut : </font></i></b><font size="2">Positif - Traqué</font></font></tr><tr><td><b><i><font color="#849b87" size="2">Faction : </font></i></b><font size="2">Révolté</font></tr><tr><td><b><i><font color="#849b87" size="2">Groupe : </font></i></b><font size="2">Para</font></tr></table></center>


<div align="center"><span style="font-family: Play; font-size: 25px; line-height: normal"><i>Rapport médico-psychologique</i></span></div>

<b><i><font color="#849b87" size="2">Analyse de Nestar : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Reponse au protocole 213 : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Historique du sujet : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Notes Complémentaires : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Etude comportementale : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Rapport physique primaire : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Code : </font></i></b>
"Lorem ipsum dolor sit amet.</span></div></div></blockquote></div></center>

MAIS

http://prntscr.com/74xl6v

il faudrait que les deux carré rouge (rajoutés lors du screen) soit de la meme largeur et qu'en bas, il n'y ai pas de barre de défilement

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Ven 15 Mai 2015 - 1:42

on va donc d'abord corriger la fiche avant de l'intégrer ...

Code:
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<div style="background-image: url('http://image.noelshack.com/fichiers/2015/19/1431282452-metal.jpg'); width: 470px; border-right: solid #abbd83 5px; border-left: solid #abbd83 5px; border-radius: 30px;margin:auto;padding:0 40px 15px;text-align:center"><div style="font:40px Rock Salt; color: #849b87; text-shadow: 0px 0px 3px #abbd83;padding:10px 0;">Fiche de XXXX</div><div style="box-shadow: black 0px 0px 5px; width: 450px;margin:auto;">[flash(450,25)]http://www.youtube.com/v/rodGlsgkZbI&version=2&hl=fr_FR&rel=0[/flash]</div><div style="font-family: Play; color: #cde2bd; font-size:18px; text-shadow: 0px 0px 5px #abbd83;padding:15px 0;text-align:left">[scroll]<i>Citation</i>[/scroll]</div><div style="color:#ffffff;font:13px Play;line-height: 23px;text-align:justify;margin:auto"><img src="http://images4.fanpop.com/image/photos/15200000/Avatar-Fan-Art-avatar-15271220-500-666.jpg" style="border: solid #abbd83 2px; height:240px;float:right" class="image"><b><i><font color="#849b87">Identité : </font></i></b>Nom Prénom
<b><i><font color="#849b87">Âge : </font></i></b>25
<b><i><font color="#849b87">Sexe : </font></i></b>Féminin
<b><i><font color="#849b87">Lieu de naissance : </font></i></b>Paris
<b><i><font color="#849b87">Nationalité : </font></i></b>Américaine
<b><i><font color="#849b87">Origines : </font></i></b>France
<b><i><font color="#849b87">Métier/Etudes : </font></i></b>Mécano
<b><i><font color="#849b87">Orientation sexuelle : </font></i></b>Gay/Lesbienne - <i>Oui</i>
<b><i><font color="#849b87">Statut : </font></i></b>Positif - Traqué
<b><i><font color="#849b87">Faction : </font></i></b>Révolté
<b><i><font color="#849b87">Groupe : </font></i></b>Para
</div>
<div style=" color: white;text-align:justify;font:15px Play;line-height:normal;">
<div style="font:italic 25px Play;text-align:center">Rapport médico-psychologique</div>
<b><i><font color="#849b87" size="2">Analyse de Nestar : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Reponse au protocole 213 : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Historique du sujet : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Notes Complémentaires : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Etude comportementale : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Rapport physique primaire : </font></i></b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b><i><font color="#849b87" size="2">Code : </font></i></b>
"Lorem ipsum dolor sit amet.
</div></div>


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: Probleme de formulaire

Message par Nekothika le Ven 15 Mai 2015 - 1:44

Merci ! c'est possible de savoir d'ou viennent les erreurs que je sois capable par la suite de les corriger seule ?

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Ven 15 Mai 2015 - 1:48

Principalement des oublis de fermeture de balises , ou des croisements de balises ...

J'ai ôté le tableau , qui n'était pas utile .

On peut même simplifier encore plus la fiche , avec des class ...

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: Probleme de formulaire

Message par Nekothika le Ven 15 Mai 2015 - 1:50

Je n'ai pas le temps de suivre des cours généralistes :'( je sais que mon CSS HTML est pourri mais je peux rien y faire .... si ca t'interesse, je peux te proposer un poste d'admin dev ^^ seulement si tu aime hein ! xD

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Ven 15 Mai 2015 - 1:53

Non merci ... il faut que ça reste un plaisir , pas une corvée !^^

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: Probleme de formulaire

Message par Nekothika le Ven 15 Mai 2015 - 1:55

reste plus qu'a mettre les infos dedans ... je dois rajouter egalement le champ pour l'image

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Sam 16 Mai 2015 - 1:48

Si la fiche est simplifiée avec du CSS , ça donne ceci :

Le code à mettre dans un message :
Code:
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<div class="fiche_candidat"><div class="fiche_titre">Fiche de XXXX</div><div class="fiche_son">[flash(450,25)]http://www.youtube.com/v/rodGlsgkZbI&version=2&hl=fr_FR&rel=0[/flash]</div><div class="fiche_citation">[scroll]<i>Citation</i>[/scroll]</div><div class="fiche_identite"><img src="http://images4.fanpop.com/image/photos/15200000/Avatar-Fan-Art-avatar-15271220-500-666.jpg" /><b>Identité : </b>Nom Prénom
<b>Âge : </b>25
<b>Sexe : </b>Féminin
<b>Lieu de naissance : </b>Paris
<b>Nationalité : </b>Américaine
<b>Origines : </b>France
<b>Métier/Etudes : </b>Mécano
<b>Orientation sexuelle : </b>Gay/Lesbienne - <i>Oui</i>
<b>Statut : </b>Positif - Traqué
<b>Faction : </b>Révolté
<b>Groupe : </b>Para
</div>
<div class="fiche_rapport">
<div>Rapport médico-psychologique</div>
<b>Analyse de Nestar :</b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b>Reponse au protocole 213 :</b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b>Historique du sujet :</b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b>Notes Complémentaires :</b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b>Etude comportementale :</b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b>Rapport physique primaire :</b>
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

<b>Code :</b>
"Lorem ipsum dolor sit amet.
</div></div>

Le CSS à mettre dans la feuille de style du PA:
Code:
/* DEBUT CSS Fiche candidature */

.fiche_candidat{
background-image: url('http://image.noelshack.com/fichiers/2015/19/1431282452-metal.jpg');
  width: 470px;
  border:5px solid #abbd83;
  border-width:0 5px;
  border-radius: 30px;
  margin:auto;
  padding:0 40px 15px;
  text-align:center;
}
.fiche_titre{
  font:40px Rock Salt;
  color: #849b87;
  text-shadow: 0px 0px 3px #abbd83;
  padding:10px 0;
}
.fiche_son{
  box-shadow: black 0px 0px 5px;
  width: 450px;
  margin:auto;
}
.fiche_citation{
  font:18px Play;
  color: #cde2bd;
  text-shadow: 0px 0px 5px #abbd83;
  padding:15px 0;
  text-align:left;
}
.fiche_identite{
  color:#ffffff;
  font:13px Play;
  line-height: 23px;
  text-align:justify;
  margin:auto;
}
.fiche_identite>img{
  border: 2px solid #abbd83;
  height:240px;
  float:right;
}
.fiche_identite b{
  color:#849b87;
  font-style:italic;
}
.fiche_rapport{
  color: white;
  text-align:justify;
  font:15px Play;
  line-height:normal;
}
.fiche_rapport div{
  font:italic 25px Play;
  text-align:center;
}
.fiche_rapport b{
  font:13px Play;
  color:#849b87;
  font-style:italic;
}
/* FIN CSS Fiche candidature */

Pour le formulaire , ça ressemblerait à ceci , avec le haut/bas du forum :
Code:
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
<style type="text/css">
/* DEBUT CSS Fiche candidature */

.fiche_candidat{
background-image: url('http://image.noelshack.com/fichiers/2015/19/1431282452-metal.jpg');
width: 620px;
border:5px solid #abbd83;
border-width:0 5px;
border-radius: 30px;
margin:auto;
padding:0 40px 15px;
text-align:center;
}
.fiche_titre{
font:40px Rock Salt;
color: #849b87;
text-shadow: 0px 0px 3px #abbd83;
padding:10px 0;
}
.fiche_citation{
font:18px Play;
color: #cde2bd;
text-shadow: 0px 0px 5px #abbd83;
padding:15px 0;
text-align:left;
}
.fiche_identite{
color:#ffffff;
font:13px Play;
line-height: 23px;
text-align:justify;
margin:auto;
}
.fiche_candidat a{
color:#ffffff;
}
.fiche_identite>img{
border: 2px solid #abbd83;
height:240px;
float:right;
}
.fiche_identite b{
color:#849b87;
font-style:italic;
}
.fiche_identite .faq{
display:inline-block;
background:#05f;padding:0 10px;
border:1px solid #ffffff;
position:relative;
}
.fiche_identite .faq div{
display:none;
background:#05f;padding:0 10px;
border:1px solid #ffffff;
position:absolute;
left:-100px;
bottom:0;
font: 13px Play;
line-height: 12px;
}
.fiche_identite .faq:hover div{
display:block;
width:450px
}
.fiche_rapport{
color:#849b87;
text-align:justify;
font:13px Play;
line-height:normal;
}
.fiche_rapport div{
color:#ffffff;
font:italic 25px Play;
text-align:center;
}
.fiche_rapport b{
font:bold 13px Play;
color:#849b87;
font-style:italic;
}
.fiche_rapport textarea{
width:100%
}
/* FIN CSS Fiche candidature */
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var sex2 = "";
if(form.sex2[0].checked == true)
sex2 = "Oui";
else if(form.sex2[1].checked == true)
sex2 = "Non";

// Créer un message à partir des informations fournies
var txt_message = "<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>\n"
+ "<div class='fiche_candidat'><div class='fiche_titre'>Fiche de " + form.pseudo.value + "</div>"
+ "<div class='fiche_son'>[flash(450,25)]http://www.youtube.com/v/rodGlsgkZbI&version=2&hl=fr_FR&rel=0[/flash]</div>"
+ "<div class='fiche_citation'>[scroll]<i>Citation</i>[/scroll]</div>"
+ "<div class='fiche_identite'><img src='" + form.avatar.value + "' />"
+ "<b>Identité : </b>" + form.pseudo.value
+ "\n<b>Âge : </b>" + form.age.value
+ "\n<b>Sexe : </b>" + form.gender.value
+ "\n<b>Lieu de naissance : </b>" + form.ville.value
+ "\n<b>Nationalité : </b>" + form.nationalite.value
+ "\n<b>Origines : </b>" + form.origine.value
+ "\n<b>Métier/Etudes : </b>" + form.metier.value
+ "\n<b>Orientation sexuelle : </b>" + form.sex1.value + " - <i>" + sex2 + "</i>"
+ "\n<b>Statut : </b>" + form.statut1.value + " - " + form.statut2.value
+ "\n<b>Faction : </b>" + form.faction.value
+ "\n<b>Groupe : </b>" + form.groupe.value
+ "\n</div>\n<div class='fiche_rapport'>"
+ "\n<div>Rapport médico-psychologique</div>"
+ "\n<b>Analyse de Nestar :</b>\n" + form.nestar.value
+ "\n\n<b>Reponse au protocole 213 :</b>\n" + form.protocole.value
+ "\n\n<b>Historique du sujet :</b>\n" + form.bio.value
+ "\n\n<b>Notes Complémentaires :</b>\n" + form.notes.value
+ "\n\n<b>Etude comportementale :</b>\n" + form.psy.value
+ "\n\n<b>Rapport physique primaire :</b>\n" + form.physique.value
+ "\n\n<b>Code :</b>\n[hide]" + form.code.value + "[/hide]\n</div></div>";

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

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

<form class="contour" action="/post" method="post" name="post" enctype="multipart/form-data" onSubmit="envoiMessage(this)">
<input type="hidden" name="lt" value="0" />
<input type="hidden" name="mode" value="newtopic" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="f" value="39" />

<div class="fiche_candidat">
<div class="fiche_titre">Fiche de Personnage</div>
<div class="fiche_citation">
<i>Citation</i><br>
<input type="text" name="citation" id="citation" placeholder="255 caractères maxi" size="100" maxlength="255" /><br>
<i>avatar</i><br>
<input type="text" name="avatar" id="avatar" placeholder="de type : http://mon_image.jpg , 180px de large , 240px de haut" size="100" maxlength="255" /><br>
</div>
<div class="fiche_identite">
<img src="http://images4.fanpop.com/image/photos/15200000/Avatar-Fan-Art-avatar-15271220-500-666.jpg" />
<b>Identité : </b><br>
<input type="text" name="pseudo" id="pseudo" placeholder="Nom Prénom" size="60" /><br>
<b>Âge : </b><br>
<input type="text" name="age" id="age" size="10" /><br>
<b>Sexe : </b><br>
<select name="gender">
<option value="Masculin">Masculin</option>
<option value="Féminin">Féminin</option>
<option value="Autre">Autre</option>
</select><br>
<b>Lieu de naissance : </b><br>
<input type="text" name="ville" id="ville" placeholder="Nom de la ville" size="60" /><br>
<b>Nationalité : </b><br>
<input type="text" name="nationalite" id="nationalite" placeholder="ex: Américaine" size="60" /><br>
<b>Origines : </b><br>
<input type="text" name="origine" id="origine" placeholder="Pays d'origine" size="60" /><br>
<b>Métier/Etudes : </b><br>
<input type="text" name="metier" id="metier" size="60" /><br>
<b>Orientation sexuelle : <br>
<select name="sex1">
<option value="Hétéro">Hétéro</option>
<option value="Gay">Gay</option>
<option value="Lesbienne">Lesbienne</option>
<option value="Bi">Bi</option>
<option value="Asexuel">Asexuel</option>
</select><br>
Précisez si votre perso aura des relations (RP) contraire à ses préférences (alcool, hypnose, viol...).</b><br>
<input name="sex2" value="0" type="radio">Oui
<input name="sex2" value="1" type="radio" checked="checked">Non<br>
<b>Statut : </b> <br><select name="statut1">
<option value="Négatif">Négatif</option>
<option value="Positif">Positif</option>
<option value="Faux Négatif">Faux Négatif</option>
<option value="Faux Positif">Faux Positif</option>
</select> - <select name="statut2">
<option value="Libre">Libre</option>
<option value="Traqué">Traqué</option>
<option value="Détenu">Détenu</option>
</select>
<div class="faq">?
<div><i>Son statut vis à vis d'Icarus<br><br>

- Negatif : Nestar ne vous a pas détecté comme criminel ou futur criminel.<br>
- Positif : Nestar vous a repéré comme criminel ou futur criminel.<br>
- Libre : Icarus n'est pas à votre poursuite.<br>
- Traqué : Icarus vous cherche pour vous incarcérer.<br>
- Détenu : Vous êtes emprisonné dans un Nexus.<br>
- Faux Positif/Négatif : Nestar s'est trompé sur votre criminalité.</i><br><br>
</div>
</div><br>
<b>Mon perso appartient à la faction : </b><br>
<select name="faction">
<option value="Citoyen">Citoyen</option>
<option value="Icarus">Icarus</option>
<option value="Révolté">Révolté</option>
<option value="Marcheur de Mort">Marcheur de Mort</option>
<option value="Rader">Rader</option>
<option value="Rikann">Rikann</option>
<option value="Toko">Toko</option>
<option value="Légion">Légion</option>
</select><br>
<i>Liens vers les factions : <a href="http://nexity.rpg-board.net/t9-icarus" target="_blank">Icarus</a> - <a href="http://nexity.rpg-board.net/t8-les-paras" target="_blank">Para</a> - <a href="http://nexity.rpg-board.net/t7-groupes-indes" target="_blank">Révoltés, Marcheurs, Raders, Rikanns, Toko, Légion</a><br>
<b>Groupe : </b><br>
<select name="groupe">
<option value="Humain">Humain</option>
<option value="Para">Para</option>
<option value="Simili">Simili</option>
</select><br>
</div>
<div class="fiche_rapport">
<div>Rapport médico-psychologique</div><br>

<b><label for="nestar">Analyse de Nestar :</label></b><br>
<i>Ce que l'intelligence artificielle dit de votre perso.</i><br>
<textarea name="nestar" id="nestar" rows="4"></textarea>
<br><br>

<b><label for="protocole">Réponse au Protocole 213 :</label></b><br>
<i>Ce que ton perso répond quand un membre d'Icarus lui demande :<br>
"Que pensez vous de l'entreprise Icarus et de son fonctionnement dans le but de protéger et servir l'humanité ?"</i><br>
<textarea name="protocole" id="protocole" rows="4"></textarea>
<br><br>

<b><label for="bio">Historique du Sujet :</label></b><br>
<i>Le passé de votre perso jusqu'à maintenant.</i><br>
<textarea name="bio" id="bio" rows="10"></textarea>
<br><br>

<b><label for="notes">Notes :</label></b><br>
<i>Des notes si besoin.</i><br>
<textarea name="notes" id="notes" rows="5"></textarea>
<br><br>

<b><label for="psy">Mental :</label></b><br>
<textarea name="psy" id="psy" rows="7"></textarea>
<br><br>

<b><label for="physique">Physique :</label></b><br>
<textarea name="physique" id="physique" rows="7"></textarea>
<br><br>

<b><label for="code">Code du <a href="http://nexity.rpg-board.net/t1-reglement">Règlement</a> ?:</label></b><br>
<input type="text" name="code" id="code"  size="60" required="required" /><br>
<br><br>

<input type="submit" name="post" value="Valider ma fiche personnage">
<br /><br />
</div></div>
</form>

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: Probleme de formulaire

Message par Nekothika le Sam 16 Mai 2015 - 1:50

le code a mettre dans un message, il est utile ou c'est juste un apercu ?

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Nekothika le Sam 16 Mai 2015 - 2:03

Je viens de tester, c'est MAGNIFIQUE !

Je vais modifier l'image présente dans le formulaire pour expliquer que ce sera les dimensions de leur image

A partir de là, deux choix possible :

1) Tu estime (et je trouverai ça tout à fait normal, aucun soucis, mais je laisserai le topic en ouvert au cas ou pour d'autres volontaires ^^) avoir assez bossé et je commence a trifouiller le code pour rajouter des oublis (mea culpa)

- choix musique youtube
- citation non opérationnelle
- modification de l'encart d'explication bleu (placement, couleur, bordure)
- rajout redimensionnement automatique de l'image choisi avec conservation du ratio
- mise en couleur des liens vers les factions
- rajout dans le titre de " [ERREUR]" en cas de non correspondance du code à la fin.

2) Tu as réellement le plaisir de faire ceci et je te pique encore un peu de ton temps pour m'aider xD (sur les points cités précédemment, je suis capable d'en réaliser certains seuls ^^ mais je les ai affichés pour que tu sache sur quoi je vais bosser)

Dans les deux cas, tu obtient mon immense gratification et mon remerciement sincère :3

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Sam 16 Mai 2015 - 2:13

petite boulette de ma part pour la citation ...

il faut changer la ligne du script :

Code:
+ "<div class='fiche_citation'>[scroll]<i>Citation</i>[/scroll]</div>"

par :

Code:
+ "<div class='fiche_citation'>[scroll]<i>" + form.citation.value + "</i>[/scroll]</div>"

édit : je te laisse continuer un peu seule ... la base du code est assez solide pour des retouches !^^

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: Probleme de formulaire

Message par Nekothika le Sam 16 Mai 2015 - 2:40

si j'ai un soucis, je peux venir quémander ton aide en MP ? xD

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Sam 16 Mai 2015 - 12:02

@Scoubifitz a écrit:Comme je ne propose pas d'aide par MP , Si vous avez encore besoin de précisions , n'hésitez pas .

Une aide doit profiter à tout le monde , non ? Mr. Green

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: Probleme de formulaire

Message par Nekothika le Sam 16 Mai 2015 - 12:04

Il y a trois trucs qui sont, même avec les codes sous les yeux, totalement hors de ma portée en fait ...

Si tu veux pas, ne clique pas ^^:

- modification de l'encart d'explication bleu (placement, couleur, bordure)
- rajout redimensionnement automatique de l'image choisi avec conservation du ratio
- rajout dans le titre de " [ERREUR]" en cas de non correspondance du code à la fin.

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Sam 16 Mai 2015 - 12:28

Razz j'ai quand même cliqué !

mais il faudra attendre un peu , là , je vais au taf ...

pour info , le cadre bleu , c'est la class "faq" ( CSS en début de code ) ...

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: Probleme de formulaire

Message par Nekothika le Sam 16 Mai 2015 - 12:29

C'est ce que j'ai pu voir mais les variables pour modifier tout ca .... sans parler du fait que malgré le fait que je suis en train de poncer le forum school-of-progress, je suis toujours pas foutu de faire mes autres projets xD

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Dim 17 Mai 2015 - 4:07

@Nekothika a écrit:Il y a trois trucs qui sont, même avec les codes sous les yeux, totalement hors de ma portée en fait ...

- modification de l'encart d'explication bleu (placement, couleur, bordure)
- rajout dans le titre de " [ERREUR]" en cas de non correspondance du code à la fin.

Nouveau code ... J'ai placé des commentaires à tout ce qui concerne la class "faq" :
.fiche_identite .faq qui contient "?" et le cadre des infos
.fiche_identite .faq div qui contient les infos (masqué)
.fiche_identite .faq:hover div les infos apparaissent au survol du "?"

Rajout d'une condition de vérification du code avant envoi .

Code:
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/>
<style type="text/css">
/* DEBUT CSS Fiche candidature */

.fiche_candidat{
background-image: url('http://image.noelshack.com/fichiers/2015/19/1431282452-metal.jpg');
width: 620px;
border:5px solid #abbd83;
border-width:0 5px;
border-radius: 30px;
margin:auto;
padding:0 40px 15px;
text-align:center;
}
.fiche_titre{
font:40px Rock Salt;
color: #849b87;
text-shadow: 0px 0px 3px #abbd83;
padding:10px 0;
}
.fiche_citation{
font:18px Play;
color: #cde2bd;
text-shadow: 0px 0px 5px #abbd83;
padding:15px 0;
text-align:left;
}
.fiche_identite{
color:#ffffff;
font:13px Play;
line-height: 23px;
text-align:justify;
margin:auto;
}
.fiche_candidat a{
color:#ffffff;
}
.fiche_identite>img{
border: 2px solid #abbd83;
max-height:240px;
max-width:180px;
float:right;
}
.fiche_identite b{
color:#849b87;
font-style:italic;
}
/* info pour le statut */

.fiche_identite .faq{
display:inline-block; /* pour que "?" reste sur la même ligne */
margin-left:15px; /* un peu éloigné des listes déroulantes */
background:none; /* le même fond que le fond principal */
padding:0 10px; /* "?" décollé du cadre */
border:2px solid #849b87; /* bordure */
border-radius:50%; /* bordure arrondie */
box-shadow: black 2px 2px 5px 2px; /* ombre sous le cadre */
position:relative;
}
.fiche_identite .faq div{ /* contient les infos du statut */
display:none; /* masqué jusqu'au survol du "?" */
background-image: url('http://image.noelshack.com/fichiers/2015/19/1431282452-metal.jpg');
padding:10px; /* marge intérieure au cadre */
border:2px solid #849b87; /* bordure */
border-width:1px 3px; /* épaisseur de bordure */
border-radius:20px; /* coins arrondis */
box-shadow: black 2px 2px 5px 2px; /* ombre sous le cadre */
position:absolute; /* contenant (?) en relatif , contenu en absolu */
left:-5px; /* position par rapport au coté gauche du cadre "?" */
top:-50px; /* position par rapport au haut du cadre "?" */
font: 13px Play;
color:#849b87; /* couleur du texte */
line-height: 15px;
width:430px ; /* largeur du carde masqué */
}
.fiche_identite .faq:hover div{
display:block; /* apparition du cadre masqué au survol du "?" */
}
.fiche_rapport{
color:#849b87;
text-align:justify;
font:13px Play;
line-height:normal;
}
.fiche_rapport div{
color:#ffffff;
font:italic 25px Play;
text-align:center;
}
.fiche_rapport b{
font:bold 13px Play;
color:#849b87;
font-style:italic;
}
.fiche_rapport textarea{
width:100%
}
/* FIN CSS Fiche candidature */
</style>
<script type="text/javascript">
function envoiMessage(form)
{
var sex2 = "";
if(form.sex2[0].checked == true)
sex2 = "Oui";
else if(form.sex2[1].checked == true)
sex2 = "Non";

var phrase_du_code = "phrase";
var message_erreur = "ERREUR DE CODE! Le bon mot est : phrase";

 if(form.code.value != phrase_du_code)
{
document.getElementById("errormsg").innerHTML = message_erreur;
return false;
}
else
{

// Créer un message à partir des informations fournies
var txt_message = "<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>\n"
+ "<div class='fiche_candidat'><div class='fiche_titre'>Fiche de " + form.pseudo.value + "</div>"
+ "<div class='fiche_son'>[flash(450,25)]http://www.youtube.com/v/rodGlsgkZbI&version=2&hl=fr_FR&rel=0[/flash]</div>"
+ "<div class='fiche_citation'>[scroll]<i>" + form.citation.value + "</i>[/scroll]</div>"
+ "<div class='fiche_identite'><img src='" + form.avatar.value + "' />"
+ "<b>Identité : </b>" + form.pseudo.value
+ "\n<b>Âge : </b>" + form.age.value
+ "\n<b>Sexe : </b>" + form.gender.value
+ "\n<b>Lieu de naissance : </b>" + form.ville.value
+ "\n<b>Nationalité : </b>" + form.nationalite.value
+ "\n<b>Origines : </b>" + form.origine.value
+ "\n<b>Métier/Etudes : </b>" + form.metier.value
+ "\n<b>Orientation sexuelle : </b>" + form.sex1.value + " - <i>" + sex2 + "</i>"
+ "\n<b>Statut : </b>" + form.statut1.value + " - " + form.statut2.value
+ "\n<b>Faction : </b>" + form.faction.value
+ "\n<b>Groupe : </b>" + form.groupe.value
+ "\n</div>\n<div class='fiche_rapport'>"
+ "\n<div>Rapport médico-psychologique</div>"
+ "\n<b>Analyse de Nestar :</b>\n" + form.nestar.value
+ "\n\n<b>Reponse au protocole 213 :</b>\n" + form.protocole.value
+ "\n\n<b>Historique du sujet :</b>\n" + form.bio.value
+ "\n\n<b>Notes Complémentaires :</b>\n" + form.notes.value
+ "\n\n<b>Etude comportementale :</b>\n" + form.psy.value
+ "\n\n<b>Rapport physique primaire :</b>\n" + form.physique.value
+ "\n\n<b>Code :</b>\n[hide]" + form.code.value + "[/hide]\n</div></div>";

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

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

<form class="contour" 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" />
<input type="hidden" name="topictype" value="0" checked="checked" />
<input type="hidden" name="subject" value="" />
<input type="hidden" name="message" value="" />
<input type="hidden" name="f" value="5" />

<div class="fiche_candidat">
<div class="fiche_titre">Fiche de Personnage</div>
<div class="fiche_citation">
<i>Citation</i><br />
<input type="text" name="citation" id="citation" placeholder="255 caractères maxi" size="100" maxlength="255" /><br />
<i>avatar</i><br />
<input type="text" name="avatar" id="avatar" placeholder="de type : http://mon_image.jpg , 180px de large , 240px de haut" size="100" maxlength="255" /><br />
</div>
<div class="fiche_identite">
<img src="http://image.noelshack.com/fichiers/2015/20/1431736103-sans-titre-1.jpg" />
<b>Identité : </b><br />
<input type="text" name="pseudo" id="pseudo" placeholder="Nom Prénom" size="60" /><br />
<b>Âge : </b><br />
<input type="text" name="age" id="age" size="10" /><br />
<b>Sexe : </b><br />
<select name="gender">
<option value="Masculin">Masculin</option>
<option value="Féminin">Féminin</option>
<option value="Autre">Autre</option>
</select><br />
<b>Lieu de naissance : </b><br />
<input type="text" name="ville" id="ville" placeholder="Nom de la ville" size="60" /><br />
<b>Nationalité : </b><br />
<input type="text" name="nationalite" id="nationalite" placeholder="ex: Américaine" size="60" /><br />
<b>Origines : </b><br />
<input type="text" name="origine" id="origine" placeholder="Pays d'origine" size="60" /><br />
<b>Métier/Etudes : </b><br />
<input type="text" name="metier" id="metier" size="60" /><br />
<b>Orientation sexuelle : </b><br />
<select name="sex1">
<option value="Hétéro">Hétéro</option>
<option value="Gay">Gay</option>
<option value="Lesbienne">Lesbienne</option>
<option value="Bi">Bi</option>
<option value="Asexuel">Asexuel</option>
</select><br />
Précisez si votre perso aura des relations (RP) contraire à ses préférences (alcool, hypnose, viol...).</b><br />
<input name="sex2" value="0" type="radio" />Oui
<input name="sex2" value="1" type="radio" checked="checked" />Non<br />
<b>Statut : </b> <br /><select name="statut1">
<option value="Négatif">Négatif</option>
<option value="Positif">Positif</option>
<option value="Faux Négatif">Faux Négatif</option>
<option value="Faux Positif">Faux Positif</option>
</select> - <select name="statut2">
<option value="Libre">Libre</option>
<option value="Traqué">Traqué</option>
<option value="Détenu">Détenu</option>
</select>
<div class="faq">?
<div><i>Son statut vis à vis d'Icarus<br /><br />

- Negatif : Nestar ne vous a pas détecté comme criminel ou futur criminel.<br />
- Positif : Nestar vous a repéré comme criminel ou futur criminel.<br />
- Libre : Icarus n'est pas à votre poursuite.<br />
- Traqué : Icarus vous cherche pour vous incarcérer.<br />
- Détenu : Vous êtes emprisonné dans un Nexus.<br />
- Faux Positif/Négatif : Nestar s'est trompé sur votre criminalité.</i><br /><br />
</div>
</div><br />
<b>Mon perso appartient à la faction : </b><br />
<select name="faction">
<option value="Citoyen">Citoyen</option>
<option value="Icarus">Icarus</option>
<option value="Révolté">Révolté</option>
<option value="Marcheur de Mort">Marcheur de Mort</option>
<option value="Rader">Rader</option>
<option value="Rikann">Rikann</option>
<option value="Toko">Toko</option>
<option value="Légion">Légion</option>
</select><br />
<i>Liens vers les factions : <a href="http://nexity.rpg-board.net/t9-icarus" target="_blank">Icarus</a> - <a href="http://nexity.rpg-board.net/t8-les-paras" target="_blank">Para</a> - <a href="http://nexity.rpg-board.net/t7-groupes-indes" target="_blank">Révoltés, Marcheurs, Raders, Rikanns, Toko, Légion</a><br />
<b>Groupe : </b><br />
<select name="groupe">
<option value="Humain">Humain</option>
<option value="Para">Para</option>
<option value="Simili">Simili</option>
</select><br />
</div>
<div class="fiche_rapport">
<div>Rapport médico-psychologique</div><br />

<b><label for="nestar">Analyse de Nestar :</label></b><br />
<i>Ce que l'intelligence artificielle dit de votre perso.</i><br />
<textarea name="nestar" id="nestar" rows="4"></textarea>
<br /><br />

<b><label for="protocole">Réponse au Protocole 213 :</label></b><br />
<i>Ce que ton perso répond quand un membre d'Icarus lui demande :<br />
"Que pensez vous de l'entreprise Icarus et de son fonctionnement dans le but de protéger et servir l'humanité ?"</i><br />
<textarea name="protocole" id="protocole" rows="4"></textarea>
<br /><br />

<b><label for="bio">Historique du Sujet :</label></b><br />
<i>Le passé de votre perso jusqu'à maintenant.</i><br />
<textarea name="bio" id="bio" rows="10"></textarea>
<br /><br />

<b><label for="notes">Notes :</label></b><br />
<i>Des notes si besoin.</i><br />
<textarea name="notes" id="notes" rows="5"></textarea>
<br /><br />

<b><label for="psy">Mental :</label></b><br />
<textarea name="psy" id="psy" rows="7"></textarea>
<br /><br />

<b><label for="physique">Physique :</label></b><br />
<textarea name="physique" id="physique" rows="7"></textarea>
<br /><br />

<b><label for="code">Code du <a href="http://nexity.rpg-board.net/t1-reglement" target="_blank">Règlement</a> ?:</label></b><br />
<input type="text" name="code" id="code"  size="60" required="required" />
<br />
<span style="color:red;" id="errormsg"></span><br />
<input type="submit" name="post" value="Valider ma fiche personnage" />
<br /><br />
</div></div>
</form>

Si l'essai est ok , trouve les 2 variables dans le script :

Code:
var phrase_du_code = "phrase";
var message_erreur = "ERREUR DE CODE ! Le bon mot est : phrase";

Remplace phrase par le code dans la première ligne
Remplace la 2e ligne par :

Code:
var message_erreur = "ERREUR DE CODE ! Relisez le règlement .";
- rajout redimensionnement automatique de l'image choisi avec conservation du ratio
c'est l'image du formulaire , ou l'image dans le message ?
je suis en train de poncer le forum school-of-progress
poncer ? Interrog ... pas compris le sens de la phrase ...

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: Probleme de formulaire

Message par Nekothika le Dim 17 Mai 2015 - 4:49

Poncer c'est genre regarder de fond en comble ^^ merci je vais regarder tout ca

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par MlleAlys le Sam 23 Mai 2015 - 14:59

..Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message et au moins une fois par semaine.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Nekothika le Sam 23 Mai 2015 - 15:01

Pour l'image, je parlais de celle que le membre choisi ^^

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Dim 24 Mai 2015 - 14:21

Avez- vous testé le code de la réponse précédente ?

Pour l'image , elle devrait se mettre automatiquement à 240px de haut quelque soit sa taille ...
(mis dans le CSS de cette réponse ... )

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: Probleme de formulaire

Message par Nekothika le Dim 24 Mai 2015 - 14:22

Je vais essayer, j'ai pas encore testé les images, j'était concentrée sur les champs

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Dim 24 Mai 2015 - 16:13

Je vous conseille quand même de tester le code proposé avant de continuer vos essais sur les champs ...

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: Probleme de formulaire

Message par Nekothika le Dim 24 Mai 2015 - 16:19

Je viens de tester ca marche super mais par contre, le CSS permet de rogner une photo trop large ? Normalement il faut y mettre des formats "portait" mais je ne peux pas surveiller tout le monde derrière leur écran, ca serait pour qu'une image dépassant une certaine largeur soit rognée.

Nekothika
*****

Féminin
Messages : 678
Inscrit(e) le : 26/09/2009

http://nexity.bb-fr.com / http://yggdrasil-minecraft.geekaddict.
Nekothika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Probleme de formulaire

Message par Scoubifitz le Dim 24 Mai 2015 - 16:29

pour limiter la taille d'une image dans les deux sens , on peut remplacer ceci dans le CSS :

Code:
.fiche_identite>img{
  border: 2px solid #abbd83;
  height:240px;
  float:right;
}

par :

Code:
.fiche_identite>img{
    border: 2px solid #abbd83;
    max-height:240px;
    max-width:180px;
    float:right;
    }

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.

Page 1 sur 2 1, 2  Suivant

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