| Générateur de présentation (sans php) (messages) | |
|
|
CS-forum
{ Membre }
Messages : 34
| [HS] J'adore comment tu parles [/HS] Merci pour cette explication ! Hâte de voir cette amélioration dont tu parles ? | | |
|
| |
Benjamin55
{ Membre }
Messages : 37
| De notre coté on est sympathique et super soulant coté code . Tu va avoir un peu/beaucoup de boulot xD | | |
|
| |
Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Hello
Espeon => Je viens de relire la description du générateur et j'avoue que ce n'est pas réellement complet, sollicitant beaucoup de questions. Je l'ai prit en compte. Cependant, il y aura un petit changement pour les tutoriels ainsi que des améliorations et modifications.
Merci de l'avoir signalé ^^ Et si tu veux aider, il y a pleins d'autres sections comme "Aide HTML et CSS", tu seras le bienvenu à nous donner un coup de main | | |
|
| |
Espeon
Administrateur
Messages : 1819
| En fait c'est plus ou moins le genre d'endroit que je cherchais. J'ai pas vraiment de projet, ni le temps de m'investir à fond dans un unique projet (comme il en fleurit des centaines). En revanche pouvoir filer un coup de main, créer des petites applications pratiques et tout et tout, ça me branche plutôt pas mal ! J'ai encore un peu de mal à appréhender l'ensemble du forum (qui est assez vaste et actif) mais ça va venir (je viens d'arriver !). Concernant l'application, j'étais en train de penser à une espèce de Générateur de générateurs de fiches de présentation. Ca à l'air barbare dit comme ça mais je vous tiens au courant des avancées de mes réflexions | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Bonjour,
merci pour la correction mais il y a des libellés qui ne sont pas les mêmes que je voulais par contre =/
| | |
|
| |
Espeon
Administrateur
Messages : 1819
| C'est à dire ? J'ai corrigé les noms des variables surtout (et les name dans les formulaires), ce qui n'a aucune incidence sur le résultat. En revanche j'ai peut-être corrigé un ou deux trucs par ci par là, pour l'orthographe, mais pas trop. J'ai peut être fait une bêtise par inadvertance, n'hésites pas à me dire ce qui ne va pas et où, je m'occuperais de te remettre les bonnes valeurs | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Au lieu d'avoir - Dans quelle galaxie se trouve vos planetes, j'ai Galaxie quand génère le code.
Depuis quand avez vous rejoins cet univers, j'ai date quand génère le code. Vous etes mineur ou raideur, j'ai statut Vous etes paisible ou opportuniste ou agressif, j'ai style Vos ambitions sur le beta5, j'ai ambition Quelles sont vos anciennes alliances, j'ai allaince Motif de rupture, j'ai raison Ce que cela vous a apportée: j'ai apport Pourquoi Nous avoir Choisi, j'ai raison alliés et Ennemis, j'ai diplomatie
Voilà ce qui a changer quand je rempli et quand je génère le code; | | |
|
| |
Espeon
Administrateur
Messages : 1819
| C'est plutôt bizarre puisque je n'ai pas ces problèmes dans mon code. Dans le doute je te copie/colle la version complète du formulaire que tu devrais avoir.
Normalement lorsque tu génère le code, tu devrais bien avoir tes valeurs. Non ? - Code:
-
<html> <head> <style type="text/css"> body {font-family:Calibri;font-size:12px;font-weight:bold;} INPUT { color:grey; background-color:#ffffff; font-size:12px; font-family:Calibri,arial; border:1px solid LightGray; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width:200px; font-variant: small-caps; }
INPUT:hover { border:1px solid DeepSkyBlue;
}
.submit { width:50px; background-color:LightGray; border:1px solid LightGray; } .result { background-color:LightGray; border:1px solid LightGray; color:grey; } .result:hover { background-color:LightGray; border:1px solid DeepSkyBlue; }
a { text-decoration:none; color:grey; }
a:hover { text-decoration:none; color:DeepSkyBlue; }
</style> <script type="text/javascript"> function generer() {
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif var Pseudo = document.formulaire.Pseudo.value; var Galaxie = document.formulaire.Galaxie.value; var Classement = document.formulaire.Classement.value; var Date = document.formulaire.Date.value; var Statut = document.formulaire.Statut.value; var Style = document.formulaire.Style.value; var Ambitions = document.formulaire.Ambitions.value; var Alliances = document.formulaire.Alliances.value; var Motif = document.formulaire.Motif.value; var Apport = document.formulaire.Apport.value; var Raison = document.formulaire.Raison.value; var Diplomatie = document.formulaire.Diplomatie.value; var Prenom = document.formulaire.Prenom.value; var Age = document.formulaire.Age.value; var Sexe = document.formulaire.Sexe.value; var Qualites = document.formulaire.Qualites.value; var Defauts = document.formulaire.Defauts.value; var Autre = document.formulaire.Autre.value; // Un petit bonjour document.formulaire.resultat.value = '<div style="background-color:LightGray;width:250px;padding:10px;font-family:Calibri;font-size:12px;"><b>Bonjour,</b> <br><br> ';
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif document.formulaire.resultat.value += '<b>Pseudo :</b> <font color="DeepSkyBlue">' + Pseudo + '</font><br><br>'; document.formulaire.resultat.value += '<b>Galaxie :</b> <font color="DeepSkyBlue">' + Galaxie + '</font><br><br> '; document.formulaire.resultat.value += '<b>Classement :</b> <font color="DeepSkyBlue">' + Classement + '</font><br><br> '; document.formulaire.resultat.value += '<b>Date :</b> <font color="DeepSkyBlue">' + Date + '</font><hr />'; document.formulaire.resultat.value += '<b>Statut :</b> <font color="DeepSkyBlue">' + Statut + '</font><br><br>'; document.formulaire.resultat.value += '<b>Style :</b> <font color="DeepSkyBlue">' + Style + '</font><br><br> '; document.formulaire.resultat.value += '<b>Ambitions :</b> <font color="DeepSkyBlue">' + Ambitions + '</font><hr /> '; document.formulaire.resultat.value += '<b>Alliances :</b> <font color="DeepSkyBlue">' + Alliances + '</font><br><br>'; document.formulaire.resultat.value += '<b>Motif :</b> <font color="DeepSkyBlue">' + Motif + '</font><br><br>'; document.formulaire.resultat.value += '<b>Apport :</b> <font color="DeepSkyBlue">' + Apport + '</font><br><br> '; document.formulaire.resultat.value += '<b>Raison :</b> <font color="DeepSkyBlue">' + Raison + '</font><br><br> '; document.formulaire.resultat.value += '<b>Diplomatie :</b> <font color="DeepSkyBlue">' + Diplomatie + '</font><hr />'; document.formulaire.resultat.value += '<b>Prénom :</b> <font color="DeepSkyBlue">' + Prenom + '</font><br><br>'; document.formulaire.resultat.value += '<b>Age :</b> <font color="DeepSkyBlue">' + Age + '</font><br><br>'; document.formulaire.resultat.value += '<b>Sexe :</b> <font color="DeepSkyBlue">' + Sexe + '</font><br><br> '; document.formulaire.resultat.value += '<b>Qualites :</b> <font color="DeepSkyBlue">' + Qualites + '</font><br><br> '; document.formulaire.resultat.value += '<b>Defauts :</b> <font color="DeepSkyBlue">' + Defauts + '</font><br><br> '; document.formulaire.resultat.value += '<b>Autre :</b> <font color="DeepSkyBlue">' + Autre + '</font><hr />';
// Un petit aurevoir document.formulaire.resultat.value += '<br><b> Bye Bye</b></div>'; } </script> </head> <body>
<span style="font-variant:small-caps;">Fiche de candidature a remplir obligatoirement.<br /> Remplissez le formulaire suivant, générez le et faites un copier du code générer pour le coller [url=http://lesgendresbeta5.forumactif.org/post?f=5&mode=newtopic]Ici [/url]</span> <form name="formulaire"> <br>
<br>Image du compte<br><br>
<font color="#000000">Pseudo :</font><br><input type="text" name="Pseudo" size="25" value="Votre Pseudo" OnFocus="this.select();"><br> <font color="#000000">Dans quelle galaxie se trouve vos planètes :</font><br><input type="text" name="Galaxie" size="25" value="G1, G2, G3, G4, G5" OnFocus="this.select();"><br> <font color="#000000">Classement :</font><br><input type="text" name="Classement" size="25" value="Votre classement" OnFocus="this.select();"><br> <font color="#000000">Depuis quand avez vous rejoins cet univers :</font><br><input type="text" name="Date" size="25" value="Nombre de mois ou/et d'année" OnFocus="this.select();"><br>
<br>Style de jeu<br><br>
<font color="#000000">Vous êtes mineur ou raideur :</font><br><input type="text" name="Statut" size="25" value="mineur ou raideur" OnFocus="this.select();"><br> <font color="#000000">Vous êtes paisible ou opportuniste ou agressif :</font><br><input type="text" name="Style" size="25" value="paisible ou opportuniste ou agressif " OnFocus="this.select();"><br> <font color="#000000">Vos ambitions sur le beta5 :</font><br><input type="text" name="Ambitions" size="25" value="Vos ambitions sur ce beta" OnFocus="this.select();"><br>
<br>Alliance<br><br>
<font color="#000000">Quelles sont vos anciennes alliances :</font><br><input type="text" name="Alliances" size="25" value="Votre ou vos ancienne(s) alliance(s)" OnFocus="this.select();"><br> <font color="#000000">Motif de rupture :</font><br><input type="text" name="Motif" size="25" value="Motif de rupture" OnFocus="this.select();"><br> <font color="#000000">Ce que cela vous a apporté :</font><br><input type="text" name="Apport" size="25" value="ce que cela vous a apporté" OnFocus="this.select();"><br> <font color="#000000">Pourquoi Nous avoir Choisi :*</font><br><input type="text" name="Raison" size="25" value="Pourquoi Nous avoir Choisi ?" OnFocus="this.select();"><br> <font color="#000000">Alliés et Ennemis :</font><br><input type="text" name="Diplomatie" size="25" value="Alliés et Ennemis" OnFocus="this.select();"><br>
<br>IRL-Facultatif<br /><br>
<font color="#000000">Prénom :</font><br><input type="text" name="Prenom" size="25" value="Votre Prénom" OnFocus="this.select();"><br> <font color="#000000">Age :</font><br><input type="text" name="Age" size="25" value="Votre age" OnFocus="this.select();"><br> <font color="#000000">Sexe :</font><br><input type="text" name="Sexe" size="25" value="Votre sexe" OnFocus="this.select();"><br> <font color="#000000">Vos qualités :</font><br><input type="text" name="Qualites" size="25" value="Dites nous tout" OnFocus="this.select();"><br> <font color="#000000">Vos défauts :</font><br><input type="text" name="Defauts" size="25" value="Dites nous tout" OnFocus="this.select();"><br> <font color="#000000">Est-ce tout ce que vous souhaiterez nous dire :</font><br><input type="text" name="Autre" size="25" value="Est-ce tout se que vous souhaiterez nous dire..." OnFocus="this.select();"><br>
*s'il a eu une proposition donner le pseudo. <br><input class="submit" type="button" value="Generer" OnClick="generer();"> <input class="submit" size="10" type="reset" value="Effacer"><br> <textarea name="resultat" cols="28" rows="10" class="result"></textarea><br><br> </form><noscript><a href="http://www.css-actif.com/">Hiro'</a></noscript> <div style="width:250px;" class="result">Merci de ne pas copier le meme style que celui-ci</div>
</body></html> | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Bonjour,
toujours pas, regarder le lien de mon topic : http://lesmagesnoirs.forum2ouf.com/t442-formulaire#13558
Merci de votre aide. | | |
|
| |
Espeon
Administrateur
Messages : 1819
| ... Mea culpa j'avais pas compris ! Effectivement je vois le soucis et c'est tout bête (et c'est de ma faute). Voici la version corrigée - Code:
-
<html> <head> <style type="text/css"> body {font-family:Calibri;font-size:12px;font-weight:bold;} INPUT { color:grey; background-color:#ffffff; font-size:12px; font-family:Calibri,arial; border:1px solid LightGray; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width:200px; font-variant: small-caps; }
INPUT:hover { border:1px solid DeepSkyBlue;
}
.submit { width:50px; background-color:LightGray; border:1px solid LightGray; } .result { background-color:LightGray; border:1px solid LightGray; color:grey; } .result:hover { background-color:LightGray; border:1px solid DeepSkyBlue; }
a { text-decoration:none; color:grey; }
a:hover { text-decoration:none; color:DeepSkyBlue; }
</style> <script type="text/javascript"> function generer() {
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif var Pseudo = document.formulaire.Pseudo.value; var Galaxie = document.formulaire.Galaxie.value; var Classement = document.formulaire.Classement.value; var Date = document.formulaire.Date.value; var Statut = document.formulaire.Statut.value; var Style = document.formulaire.Style.value; var Ambitions = document.formulaire.Ambitions.value; var Alliances = document.formulaire.Alliances.value; var Motif = document.formulaire.Motif.value; var Apport = document.formulaire.Apport.value; var Raison = document.formulaire.Raison.value; var Diplomatie = document.formulaire.Diplomatie.value; var Prenom = document.formulaire.Prenom.value; var Age = document.formulaire.Age.value; var Sexe = document.formulaire.Sexe.value; var Qualites = document.formulaire.Qualites.value; var Defauts = document.formulaire.Defauts.value; var Autre = document.formulaire.Autre.value; // Un petit bonjour document.formulaire.resultat.value = '<div style="background-color:LightGray;width:250px;padding:10px;font-family:Calibri;font-size:12px;"><b>Bonjour,</b> <br><br> ';
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif document.formulaire.resultat.value += '<b>Pseudo :</b> <font color="DeepSkyBlue">' + Pseudo + '</font><br><br>'; document.formulaire.resultat.value += '<b>Dans quelle galaxie se trouve vos planètes ?</b> <font color="DeepSkyBlue">' + Galaxie + '</font><br><br> '; document.formulaire.resultat.value += '<b>Classement :</b> <font color="DeepSkyBlue">' + Classement + '</font><br><br> '; document.formulaire.resultat.value += '<b>Depuis quand avez vous rejoins cet univers ?</b> <font color="DeepSkyBlue">' + Date + '</font><hr />'; document.formulaire.resultat.value += '<b>Vous êtes mineur ou raideur ?</b> <font color="DeepSkyBlue">' + Statut + '</font><br><br>'; document.formulaire.resultat.value += '<b>Vous êtes paisible ou opportuniste ou agressif ?</b> <font color="DeepSkyBlue">' + Style + '</font><br><br> '; document.formulaire.resultat.value += '<b>Vos ambitions sur le beta5 ?</b> <font color="DeepSkyBlue">' + Ambitions + '</font><hr /> '; document.formulaire.resultat.value += '<b>Quelles sont vos anciennes alliances ?</b> <font color="DeepSkyBlue">' + Alliances + '</font><br><br>'; document.formulaire.resultat.value += '<b>Motif de rupture :</b> <font color="DeepSkyBlue">' + Motif + '</font><br><br>'; document.formulaire.resultat.value += '<b>Ce que cela vous a apporté :</b> <font color="DeepSkyBlue">' + Apport + '</font><br><br> '; document.formulaire.resultat.value += '<b>Pourquoi Nous avoir Choisi ?</b> <font color="DeepSkyBlue">' + Raison + '</font><br><br> '; document.formulaire.resultat.value += '<b>Alliés et Ennemis :</b> <font color="DeepSkyBlue">' + Diplomatie + '</font><hr />'; document.formulaire.resultat.value += '<b>Prénom :</b> <font color="DeepSkyBlue">' + Prenom + '</font><br><br>'; document.formulaire.resultat.value += '<b>Age :</b> <font color="DeepSkyBlue">' + Age + '</font><br><br>'; document.formulaire.resultat.value += '<b>Sexe :</b> <font color="DeepSkyBlue">' + Sexe + '</font><br><br> '; document.formulaire.resultat.value += '<b>Qualites :</b> <font color="DeepSkyBlue">' + Qualites + '</font><br><br> '; document.formulaire.resultat.value += '<b>Defauts :</b> <font color="DeepSkyBlue">' + Defauts + '</font><br><br> '; document.formulaire.resultat.value += '<b>Est-ce tout ce que vous souhaiterez nous dire ?</b> <font color="DeepSkyBlue">' + Autre + '</font><hr />';
// Un petit aurevoir document.formulaire.resultat.value += '<br><b> Bye Bye</b></div>'; } </script> </head> <body>
<span style="font-variant:small-caps;">Fiche de candidature a remplir obligatoirement.<br /> Remplissez le formulaire suivant, générez le et faites un copier du code générer pour le coller [url=http://lesgendresbeta5.forumactif.org/post?f=5&mode=newtopic]Ici [/url]</span> <form name="formulaire"> <br>
<br>Image du compte<br><br>
<font color="#000000">Pseudo :</font><br><input type="text" name="Pseudo" size="25" value="Votre Pseudo" OnFocus="this.select();"><br> <font color="#000000">Dans quelle galaxie se trouve vos planètes :</font><br><input type="text" name="Galaxie" size="25" value="G1, G2, G3, G4, G5" OnFocus="this.select();"><br> <font color="#000000">Classement :</font><br><input type="text" name="Classement" size="25" value="Votre classement" OnFocus="this.select();"><br> <font color="#000000">Depuis quand avez vous rejoins cet univers :</font><br><input type="text" name="Date" size="25" value="Nombre de mois ou/et d'année" OnFocus="this.select();"><br>
<br>Style de jeu<br><br>
<font color="#000000">Vous êtes mineur ou raideur :</font><br><input type="text" name="Statut" size="25" value="mineur ou raideur" OnFocus="this.select();"><br> <font color="#000000">Vous êtes paisible ou opportuniste ou agressif :</font><br><input type="text" name="Style" size="25" value="paisible ou opportuniste ou agressif " OnFocus="this.select();"><br> <font color="#000000">Vos ambitions sur le beta5 :</font><br><input type="text" name="Ambitions" size="25" value="Vos ambitions sur ce beta" OnFocus="this.select();"><br>
<br>Alliance<br><br>
<font color="#000000">Quelles sont vos anciennes alliances :</font><br><input type="text" name="Alliances" size="25" value="Votre ou vos ancienne(s) alliance(s)" OnFocus="this.select();"><br> <font color="#000000">Motif de rupture :</font><br><input type="text" name="Motif" size="25" value="Motif de rupture" OnFocus="this.select();"><br> <font color="#000000">Ce que cela vous a apporté :</font><br><input type="text" name="Apport" size="25" value="ce que cela vous a apporté" OnFocus="this.select();"><br> <font color="#000000">Pourquoi Nous avoir Choisi :*</font><br><input type="text" name="Raison" size="25" value="Pourquoi Nous avoir Choisi ?" OnFocus="this.select();"><br> <font color="#000000">Alliés et Ennemis :</font><br><input type="text" name="Diplomatie" size="25" value="Alliés et Ennemis" OnFocus="this.select();"><br>
<br>IRL-Facultatif<br /><br>
<font color="#000000">Prénom :</font><br><input type="text" name="Prenom" size="25" value="Votre Prénom" OnFocus="this.select();"><br> <font color="#000000">Age :</font><br><input type="text" name="Age" size="25" value="Votre age" OnFocus="this.select();"><br> <font color="#000000">Sexe :</font><br><input type="text" name="Sexe" size="25" value="Votre sexe" OnFocus="this.select();"><br> <font color="#000000">Vos qualités :</font><br><input type="text" name="Qualites" size="25" value="Dites nous tout" OnFocus="this.select();"><br> <font color="#000000">Vos défauts :</font><br><input type="text" name="Defauts" size="25" value="Dites nous tout" OnFocus="this.select();"><br> <font color="#000000">Est-ce tout ce que vous souhaiterez nous dire :</font><br><input type="text" name="Autre" size="25" value="Est-ce tout se que vous souhaiterez nous dire..." OnFocus="this.select();"><br>
*s'il a eu une proposition donner le pseudo. <br><input class="submit" type="button" value="Generer" OnClick="generer();"> <input class="submit" size="10" type="reset" value="Effacer"><br> <textarea name="resultat" cols="28" rows="10" class="result"></textarea><br><br> </form><noscript><a href="http://www.css-actif.com/">Hiro'</a></noscript> <div style="width:250px;" class="result">Merci de ne pas copier le meme style que celui-ci</div>
</body></html> | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Bonjour, merci de votre aide car j'ai ce que je souhaite Par contre connaissez vous les codées HTML qui enlevé les accents ? | | |
|
| |
Espeon
Administrateur
Messages : 1819
| Qui enlèvent les accents ? C'est à dire ?
Tu souhaites qu'il n'y ait plus d'accent à la fin ? Ou tu as un problème d'encodage (les accents sont transformés en trucs bizarres) et tu voudrais avoir les accents affichés ? | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| |
| |
Espeon
Administrateur
Messages : 1819
| ...
Je suppose que tu parle de la deuxième version (enfin ça me semble le plus probable). C'est un problème qui arrive de temps en temps, la difficulté c'est de savoir à partir de quand ça coince...
Concrètement est-ce-que tu pourrais me décrire ce qu'il se passe. Tu rempli ton formulaire, ça fonctionne, et quand ça te génère le code ça plante les accents c'est ça ? Il faudrait que tu me remette le code en question aussi pour que j'arrange ça. | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Le voici le code, j'ai mis des codes accents d'apres un site de HTML sur internet dis moi si c'est bon comme ceci stp
| | |
|
| |
Espeon
Administrateur
Messages : 1819
| Je ne vois pas où sont tes codes accents.
En revanche, si c'est un problème d'encodage, ça peut se résoudre en renseignant cette balise meta en dessous de la balise html ouvrante.
A la limite, donne moi le lien vers ton formulaire que je teste par moi-même où se trouve le soucis... - Code:
-
<meta http-equiv="Content-Type" content="text/html; charset=FORMAT_ENCODAGE"/> | | |
|
| |
Pinollo
{ Membre }
Messages : 46
| Je n'est pas compris comment il faut faire pour la faire ouvrir dans une pop-up, quand on créé un nouveau sujet dans les présentations. | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Voici le lien du formulaire : http://lesmagesnoirs.forum2ouf.com/h5-formulaire-de-candidature
Comme vous le voyez il n'a pas d'accents =/ | | |
|
| |
Espeon
Administrateur
Messages : 1819
| J'aurais du préciser : il faut bien évidemment remplacer FORMAT_ENCODAGE par le bon format.
Essaye avec le code suivant à la place (codage UTF-8, normalement c'est le bon) : - Code:
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Bonjour,
encore une questions sur mon formulaire
Petite capture d'écran :
- Spoiler:
Je voudrais que le texte continue au lieu qui va a la ligne au bout d'un certains moments.
merci d'avance.
Cordialement | | |
|
| |
Espeon
Administrateur
Messages : 1819
| Il faut que tu repère la ligne suivante et que tu change la valeur width:250px; par celle que tu veux : il s'agit de la largeur.
Par exemple tu peux mettre width:350px;, etc. Tu vois ? - Code:
-
// Un petit bonjour document.formulaire.resultat.value = '<div style="background-color:LightGray;width:250px;padding:10px;font-family:Calibri;font-size:12px;"><b>Bonjour,</b> <br><br> '; | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Merci pour votre aide et comment enlevés le grand écart entre chaque libellées quand il a été générées ? | | |
|
| |
Espeon
Administrateur
Messages : 1819
| En fait, dans la partie qui crée le formulaire, le bonhomme à fait 2 retours à la ligne à chaque fin de libellé. Résultat, l'écart entre ceux-ci est imposé et il n'a pas vraiment mis de moyen simple pour pouvoir modifier ça par une simple ligne CSS (bref c'est bien mais pas super ergonomique comme codage).
Il faut donc retirer une balise br (le hr qui apparaît parfois sert à faire une ligne horizontale) à la fin de toutes ces lignes : - Code:
-
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif document.formulaire.resultat.value += '<b>Pseudo :</b> <font color="DeepSkyBlue">' + Pseudo + '</font><br><br>'; document.formulaire.resultat.value += '<b>Dans quelle galaxie se trouve vos planètes ?</b> <font color="DeepSkyBlue">' + Galaxie + '</font><br><br> '; document.formulaire.resultat.value += '<b>Classement :</b> <font color="DeepSkyBlue">' + Classement + '</font><br><br> '; document.formulaire.resultat.value += '<b>Depuis quand avez vous rejoins cet univers ?</b> <font color="DeepSkyBlue">' + Date + '</font><hr />'; document.formulaire.resultat.value += '<b>Vous êtes mineur ou raideur ?</b> <font color="DeepSkyBlue">' + Statut + '</font><br><br>'; document.formulaire.resultat.value += '<b>Vous êtes paisible ou opportuniste ou agressif ?</b> <font color="DeepSkyBlue">' + Style + '</font><br><br> '; document.formulaire.resultat.value += '<b>Vos ambitions sur le beta5 ?</b> <font color="DeepSkyBlue">' + Ambitions + '</font><hr /> '; document.formulaire.resultat.value += '<b>Quelles sont vos anciennes alliances ?</b> <font color="DeepSkyBlue">' + Alliances + '</font><br><br>'; document.formulaire.resultat.value += '<b>Motif de rupture :</b> <font color="DeepSkyBlue">' + Motif + '</font><br><br>'; document.formulaire.resultat.value += '<b>Ce que cela vous a apporté :</b> <font color="DeepSkyBlue">' + Apport + '</font><br><br> '; document.formulaire.resultat.value += '<b>Pourquoi Nous avoir Choisi ?</b> <font color="DeepSkyBlue">' + Raison + '</font><br><br> '; document.formulaire.resultat.value += '<b>Alliés et Ennemis :</b> <font color="DeepSkyBlue">' + Diplomatie + '</font><hr />'; document.formulaire.resultat.value += '<b>Prénom :</b> <font color="DeepSkyBlue">' + Prenom + '</font><br><br>'; document.formulaire.resultat.value += '<b>Age :</b> <font color="DeepSkyBlue">' + Age + '</font><br><br>'; document.formulaire.resultat.value += '<b>Sexe :</b> <font color="DeepSkyBlue">' + Sexe + '</font><br><br> '; document.formulaire.resultat.value += '<b>Qualites :</b> <font color="DeepSkyBlue">' + Qualites + '</font><br><br> '; document.formulaire.resultat.value += '<b>Defauts :</b> <font color="DeepSkyBlue">' + Defauts + '</font><br><br> '; | | |
|
| |
Jiben
{ Membre actif }
Messages : 314
| Merci de votre réponse vite et rapide.
je vais encore vous embêter, et je me pardonne d'avance.
Comment faire pour ce libellées : "Est-ce tout ce que vous souhaiterez nous dire ? " ne s'affiche seulement quand le membres a rempli cette casse ?
Ensuite comment faire pour qu'au lieu d'un bouton générer on a envoyer qui permet d'envoyer le formulaire tout génère sur une nouvelle page de topic ? | | |
|
| |
CS-forum
{ Membre }
Messages : 34
| Bonjour ! Chez moi tout s'affiche sans problème ni rien, mais lorsque je clique sur générer .. Rien ! Quelqu'un aurait-il une solution ? :') - Code:
-
<html> <head> <style type="text/css"> body {font-family:Calibri;font-size:12px;font-weight:bold;} INPUT { color:grey; background-color:#ffffff; font-size:12px; font-family:Calibri,arial; border:1px solid LightGray; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width:220px; font-variant: small-caps; }
INPUT:hover { border:1px solid DeepSkyBlue;
}
.submit { width:50px; background-color:LightGray; border:1px solid LightGray; } .result { background-color:LightGray; border:1px solid LightGray; color:grey; } .result:hover { background-color:LightGray; border:1px solid DeepSkyBlue; }
a { text-decoration:none; color:grey; }
a:hover { text-decoration:none; color:DeepSkyBlue; }
</style> <script type="text/javascript"> function generer() {
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif var Nom = document.formulaire.Nom.value; var Prénom = document.formulaire.Prénom.value; var Age = document.formulaire.Age.value; var Lieu = document.formulaire.Lieu.value;
// Un petit bonjour document.formulaire.resultat.value = '<div style="background-color:LightGray;width:250px;padding:10px;font-family:Calibri;font-size:12px;"><b>Bonjour ,</b> <br><br> ';
// Ne pas modifier si vous n'etes pas sur , rendez vous dans la section aide html/css de cssActif document.formulaire.resultat.value += '<b>Nom :</b> <font color="DeepSkyBlue">' + Nom + '</font><br><br>'; document.formulaire.resultat.value += '<b>Prénom(s) :</b> <font color="DeepSkyBlue">' + Prénom + '</font><br><br> '; document.formulaire.resultat.value += '<b>Logement demande :</b> <font color="DeepSkyBlue">' + Age + '</font><br><br> '; document.formulaire.resultat.value += '<b>Lieu :</b> <font color="DeepSkyBlue">' + Lieu + '</font><br><br>';
// Un petit aurevoir document.formulaire.resultat.value += '<br><b> Bye Bye</b></div>'; }
</script> </head> <body>
<span style="font-variant:small-caps;"><a href="http://www.css-actif.com/">© Générateur de formulaire - Hiro'- ©</a> </span> <form name="formulaire"> <br><font color="#000000">Nom :</font><br><input type="text" name="Nom" size="25" value="Nom" OnFocus="this.select();"><br> <font color="#000000">Prenom(s) :</font><br><input type="text" name="Prénom(s)" size="25" value="Prenom" OnFocus="this.select();"><br> <font color="#000000">Logement demande :</font><br><input type="text" name="Cathair - Zelionn - Pagoriens - Panthalassa" size="25" value="Cathair - Zelionn - Pagoriens - Panthalassa" OnFocus="this.select();"><br> <font color="#000000">Numero/nom de chambre/suite :</font><br><input type="text" name="ici" size="25" value="ici" OnFocus="this.select();"><br> <font color="#000000">Colocataire(s) eventuel(s) :</font><br><input type="text" name="Nom et prenom" size="25" value="Nom et prenom" OnFocus="this.select();"><br> <font color="#000000">Type de chambre</font><br><input type="text" name="Mixte - Unisexe" size="25" value="Mixte - Unisexe" OnFocus="this.select();"><br>
<br><input class="submit" type="button" value="Generer" OnClick="generer();"> <input class="submit" size="10" type="reset" value="Effacer"><br> <textarea name="resultat" cols="28" rows="10" class="result"></textarea><br><br> </form><noscript><a href="http://www.css-actif.com/">Hiro'</a></noscript><div style="width:250px;" class="result">Merci de ne pas copier le meme style que celui-ci</div>
</body></html>
| | |
|
| |
Contenu sponsorisé
| |
| |
| Générateur de présentation (sans php) (messages) | |
|