Sujets similaires

Sujet: Résultat d'un formulaire Dim 31 Oct 2010, 09:32

Bonjour

J'ai essayé de créer un questionnaire/test pour mon forum, mais impossible d'affiche les résultats...
J'aimerais qu'avec les réponses à chaque question, on puisse donne le résultat directement sur le forum...

Voici mon formulaire :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Harry Potter</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>
<style type="text/css">
body
{
background:#222222;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:small;
margin:8px 0 16px;
text-align:center;
}

#form_container
{
background:#fff;

margin:0 auto;
text-align:left;
width:640px;
}

#top
{
display:block;
height:10px;
margin:10px auto 0;
width:650px;
}

#footer
{
width:640px;
clear:both;
color:#999999;
text-align:center;
width:640px;
padding-bottom: 15px;
font-size: 85%;
}

#footer a{
color:#999999;
text-decoration: none;
border-bottom: 1px dotted #999999;
}

#bottom
{
display:block;
height:10px;
margin:0 auto;
width:650px;
}

form.appnitro
{
margin:20px 20px 0;
padding:0 0 20px;
}

/**** Logo Section *****/
h1
{
background-color:#444444;
margin:0;
min-height:0;
padding:0;
text-decoration:none;
text-indent:-8000px;

}

h1 a
{

display:block;
height:100%;
min-height:40px;
overflow:hidden;
}

img
{
behavior:url(css/iepngfix.htc);
border:none;
}

/**** Form Section ****/
.appnitro
{
font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
font-size:small;
}

.appnitro li
{
width:61%;
}

form ul
{
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}

form li
{
display:block;
margin:0;
padding:4px 5px 2px 9px;
position:relative;
}

form li:after
{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.buttons:after
{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

.buttons
{
clear:both;
display:block;
margin-top:10px;
}

* html form li
{
height:1%;
}

* html .buttons
{
height:1%;
}

* html form li div
{
display:inline-block;
}

form li div
{
color:#444;
margin:0 4px 0 0;
padding:0 0 8px;
}

form li span
{
color:#444;
float:left;
margin:0 4px 0 0;
padding:0 0 8px;
}

form li div.left
{
display:inline;
float:left;
width:48%;
}

form li div.right
{
display:inline;
float:right;
width:48%;
}

form li div.left .medium
{
width:100%;
}

form li div.right .medium
{
width:100%;
}

.clear
{
clear:both;
}

form li div label
{
clear:both;
color:#444;
display:block;
font-size:9px;
line-height:9px;
margin:0;
padding-top:3px;
}

form li span label
{
clear:both;
color:#444;
display:block;
font-size:9px;
line-height:9px;
margin:0;
padding-top:3px;
}

form li .datepicker
{
cursor:pointer !important;
float:left;
height:16px;
margin:.1em 5px 0 0;
padding:0;
width:16px;
}

.form_description
{
border-bottom:1px dotted #ccc;
clear:both;
display:inline-block;
margin:0 0 1em;
}

.form_description[class]
{
display:block;
}

.form_description h2
{
clear:left;
font-size:160%;
font-weight:400;
margin:0 0 3px;
}

.form_description p
{
font-size:95%;
line-height:130%;
margin:0 0 12px;
}

form hr
{
display:none;
}

form li.section_break
{
border-top:1px dotted #ccc;
margin-top:9px;
padding-bottom:0;
padding-left:9px;
padding-top:13px;
width:97% !important;
}

form ul li.first
{
border-top:none !important;
margin-top:0 !important;
padding-top:0 !important;
}

form .section_break h3
{
font-size:110%;
font-weight:400;
line-height:130%;
margin:0 0 2px;
}

form .section_break p
{
font-size:85%;

margin:0 0 10px;
}

/**** Buttons ****/
input.button_text
{
overflow:visible;
padding:0 7px;
width:auto;
}

.buttons input
{
font-size:120%;
margin-right:5px;
}

/**** Inputs and Labels ****/
label.description
{
border:none;
color:#222;
display:block;
font-size:95%;
font-weight:700;
line-height:150%;
padding:0 0 1px;
}

span.symbol
{
font-size:115%;
line-height:130%;
}

input.text
{
background:#fff url(../../../images/shadow.gif) repeat-x top;
border-bottom:1px solid #ddd;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-top:1px solid #7c7c7c;
color:#333;
font-size:100%;
margin:0;
padding:2px 0;
}

input.file
{
color:#333;
font-size:100%;
margin:0;
padding:2px 0;
}

textarea.textarea
{
background:#fff url(../../../images/shadow.gif) repeat-x top;
border-bottom:1px solid #ddd;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-top:1px solid #7c7c7c;
color:#333;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
font-size:100%;
margin:0;
width:99%;
}

select.select
{
color:#333;
font-size:100%;
margin:1px 0;
padding:1px 0 0;
background:#fff url(../../../images/shadow.gif) repeat-x top;
border-bottom:1px solid #ddd;
border-left:1px solid #c3c3c3;
border-right:1px solid #c3c3c3;
border-top:1px solid #7c7c7c;
}

input.currency
{
text-align:right;
}

input.checkbox
{
display:block;
height:13px;
line-height:1.4em;
margin:6px 0 0 3px;
width:13px;
}

input.radio
{
display:block;
height:13px;
line-height:1.4em;
margin:6px 0 0 3px;
width:13px;
}

label.choice
{
color:#444;
display:block;
font-size:100%;
line-height:1.4em;
margin:-1.55em 0 0 25px;
padding:4px 0 5px;
width:90%;
}

select.select[class]
{
margin:0;
padding:1px 0;
}

*:first-child+html select.select[class]
{
margin:1px 0;
}

.safari select.select
{
font-size:120% !important;
margin-bottom:1px;
}

input.small
{
width:25%;
}

select.small
{
width:25%;
}

input.medium
{
width:50%;
}

select.medium
{
width:50%;
}

input.large
{
width:99%;
}

select.large
{
width:100%;
}

textarea.small
{
height:5.5em;
}

textarea.medium
{
height:10em;
}

textarea.large
{
height:20em;
}

/**** Errors ****/
#error_message
{
background:#fff;
border:1px dotted red;
margin-bottom:1em;
padding-left:0;
padding-right:0;
padding-top:4px;
text-align:center;
width:99%;
}

#error_message_title
{
color:#DF0000;
font-size:125%;
margin:7px 0 5px;
padding:0;
}

#error_message_desc
{
color:#000;
font-size:100%;
margin:0 0 .8em;
}

#error_message_desc strong
{
background-color:#FFDFDF;
color:red;
padding:2px 3px;
}

form li.error
{
background-color:#FFDFDF !important;
border-bottom:1px solid #EACBCC;
border-right:1px solid #EACBCC;
margin:3px 0;
}

form li.error label
{
color:#DF0000 !important;
}

form p.error
{
clear:both;
color:red;
font-size:10px;
font-weight:700;
margin:0 0 5px;
}

form .required
{
color:red;
float:none;
font-weight:700;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted
{
background-color:#fff7c0;
}

form .guidelines
{
background:#f5f5f5;
border:1px solid #e6e6e6;
color:#444;
font-size:80%;
left:100%;
line-height:130%;
margin:0 0 0 8px;
padding:8px 10px 9px;
position:absolute;
top:0;
visibility:hidden;
width:42%;
z-index:1000;
}

form .guidelines small
{
font-size:105%;
}

form li.highlighted .guidelines
{
visibility:visible;
}

form li:hover .guidelines
{
visibility:visible;
}

.no_guidelines .guidelines
{
display:none !important;
}

.no_guidelines form li
{
width:97%;
}

.no_guidelines li.section
{
padding-left:9px;
}

/*** Success Message ****/
.form_success
{
clear: both;
margin: 0;
padding: 90px 0pt 100px;
text-align: center
}

.form_success h2 {
clear:left;
font-size:160%;
font-weight:normal;
margin:0pt 0pt 3px;
}

/*** Password ****/
ul.password{
margin-top:60px;
margin-bottom: 60px;
text-align: center;
}
.password h2{
color:#DF0000;
font-weight:bold;
margin:0pt auto 10px;
}

.password input.text {
font-size:170% !important;
width:380px;
text-align: center;
}
.password label{
display:block;
font-size:120% !important;
padding-top:10px;
font-weight:bold;
}

#li_captcha{
padding-left: 5px;
}

#li_captcha span{
float:none;
}

/** Embedded Form **/

.embed #form_container{
border: none;
}

.embed #top, .embed #bottom, .embed h1{
display: none;
}

.embed #form_container{
width: 100%;
}

.embed #footer{
text-align: left;
padding-left: 10px;
width: 99%;
}

.embed #footer.success{
text-align: center;
}

.embed form.appnitro
{
margin:0px 0px 0;

}

/*** Calendar **********************/
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button {
text-align: center;
padding: 2px;
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title {
font-weight: bold;
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow {
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames {
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name {
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend {
color: #666;
}

.calendar thead .hilite {
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active {
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}

.calendar tbody .day {
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite {
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active {
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected {
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend {
color: #666;
}

.calendar tbody td.today {
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell {
visibility: hidden;
}

.calendar tbody .emptyrow {
display: none;
}

.calendar tfoot .footrow {
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip {
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite {
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active {
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}
</style>
</head>
<body id="main_body" >

<img id="top" src="top.png" alt="">
<div id="form_container">


   <form id="form_41926" class="appnitro" method="post" action="">
            <div class="form_description">
      <h2>Harry Potter</h2>
      <p>Dans quel maison seras-tu?</p>
   </div>
      <ul >

            <li id="li_1" >

   <label class="description" for="element_1">Ton pseudo sur le forum </label>
   <div>
      <input id="element_1" name="element_1" class="element text medium" type="text" maxlength="255" value=""/>
   </div>
   </li>    <li id="li_2" >
   <label class="description" for="element_2">Quel est ta couleur préférée? </label>
   <span>
      <input id="element_2_1" name="element_2" class="element radio" type="radio" value="1" />

<label class="choice" for="element_2_1">Rouge</label>
<input id="element_2_2" name="element_2" class="element radio" type="radio" value="2" />
<label class="choice" for="element_2_2">Bleu</label>
<input id="element_2_3" name="element_2" class="element radio" type="radio" value="3" />
<label class="choice" for="element_2_3">Vert</label>
<input id="element_2_4" name="element_2" class="element radio" type="radio" value="4" />
<label class="choice" for="element_2_4">Jaune</label>

   </span>
   </li>    <li id="li_3" >
   <label class="description" for="element_3">Quel est ton animal préféré? </label>

   <span>
      <input id="element_3_1" name="element_3" class="element radio" type="radio" value="1" />
<label class="choice" for="element_3_1">Aigle</label>
<input id="element_3_2" name="element_3" class="element radio" type="radio" value="2" />
<label class="choice" for="element_3_2">Lion</label>
<input id="element_3_3" name="element_3" class="element radio" type="radio" value="3" />
<label class="choice" for="element_3_3">Serpent</label>
<input id="element_3_4" name="element_3" class="element radio" type="radio" value="4" />
<label class="choice" for="element_3_4">Blaireau</label>

   </span>
   </li>    <li id="li_4" >

   <label class="description" for="element_4">Ton élément préféré? </label>
   <span>
      <input id="element_4_1" name="element_4" class="element radio" type="radio" value="1" />
<label class="choice" for="element_4_1">Argent</label>
<input id="element_4_2" name="element_4" class="element radio" type="radio" value="2" />
<label class="choice" for="element_4_2">Sable</label>
<input id="element_4_3" name="element_4" class="element radio" type="radio" value="3" />
<label class="choice" for="element_4_3">Or</label>
<input id="element_4_4" name="element_4" class="element radio" type="radio" value="4" />
<label class="choice" for="element_4_4">Bronze</label>

   </span>
   </li>    <li id="li_5" >
   <label class="description" for="element_5">Ta plus grande qualité? </label>
   <span>
      <input id="element_5_1" name="element_5" class="element radio" type="radio" value="1" />
<label class="choice" for="element_5_1">Créativité</label>
<input id="element_5_2" name="element_5" class="element radio" type="radio" value="2" />
<label class="choice" for="element_5_2">Force</label>

<input id="element_5_3" name="element_5" class="element radio" type="radio" value="3" />
<label class="choice" for="element_5_3">Détermination</label>
<input id="element_5_4" name="element_5" class="element radio" type="radio" value="4" />
<label class="choice" for="element_5_4">Patience</label>

   </span>
   </li>    <li id="li_6" >
   <label class="description" for="element_6">Ta matière préférée? </label>
   <span>
      <input id="element_6_1" name="element_6" class="element radio" type="radio" value="1" />

<label class="choice" for="element_6_1">Potion</label>
<input id="element_6_2" name="element_6" class="element radio" type="radio" value="2" />
<label class="choice" for="element_6_2">Métamorphose</label>
<input id="element_6_3" name="element_6" class="element radio" type="radio" value="3" />
<label class="choice" for="element_6_3">Sortilège</label>
<input id="element_6_4" name="element_6" class="element radio" type="radio" value="4" />
<label class="choice" for="element_6_4">Botanique</label>

   </span>
   </li>

            <li class="buttons">

         <input type="hidden" name="form_id" value="41926" />

         <input id="saveForm" class="button_text" type="submit" name="submit" value="Submit" />
   </li>
      </ul>
   </form>
   <div id="footer">
      Generated by <a href="http://www.phpform.org">pForm</a>
   </div>

</div>
<img id="bottom" src="bottom.png" alt="">
</body>
</html>

Voici le lien du test : http://poudlard.forumotion.com/Test-2-h3.htm

J'espère m'être fait comprise, c'est pour savoir dans quel maison de harry potter sera la personne Smile

Merci d'avance Smile

sandra

Sujet: Re: Résultat d'un formulaire Sam 06 Nov 2010, 16:42

Bonjour,

Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Résultat d'un formulaire Resolu3

en éditant votre premier post.

Sujet: Re: Résultat d'un formulaire Dim 07 Nov 2010, 06:45

Il est toujours d'actualité Smile

Merci

Sujet: Re: Résultat d'un formulaire Dim 07 Nov 2010, 09:13

salut

pour ca il te faut un script php qui va avec ton forumulaire et c'est lui qui va afficher les resultat

Sujet: Re: Résultat d'un formulaire Dim 07 Nov 2010, 14:35

ok, merci, mais comment on fait, car en faite je connais pas grand chose au PHP

Sujet: Re: Résultat d'un formulaire Dim 07 Nov 2010, 15:09

As tu regardé dans ton fichier htc ?

Sujet: Re: Résultat d'un formulaire Dim 14 Nov 2010, 11:02

Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Résultat d'un formulaire Resolu3

en éditant votre premier post.

Sujet: Re: Résultat d'un formulaire Dim 14 Nov 2010, 13:02

Ce n'est toujours pas résolu, je le marquerais quand ça sera le cas...

Sujet: Re: Résultat d'un formulaire Mar 16 Nov 2010, 11:37

Toujours d'actu ? car si oui je pense qu'un générateur ferait l'affaire :

l'utilisateur remplis les champs et lorsqu'il submit ca redirige sur une autre page ou il trouve un code généré et il ne lui reste plus qu'as collé ce code dans un nouveau sujet/message ^^

Sujet: Re: Résultat d'un formulaire Mar 16 Nov 2010, 11:42

Ce que tu veux peux se faire soit en php soit en javascript avec un avantage pour le javascript, c'est qu'il est plus facile à mettre sur forumactif.

Sujet: Re: Résultat d'un formulaire Mar 16 Nov 2010, 11:45

Sachant que pour du php il faudrait héberger les fichier sur un hébergeur externe , l'avantage c'est que c'est plus facile a faire^^

Sujet: Re: Résultat d'un formulaire Mar 16 Nov 2010, 16:13

Avec la bibliothéque jquery, le javascript n'est pas si compliqué à utiliser.

Sujet: Re: Résultat d'un formulaire Mer 17 Nov 2010, 06:29

Merci à vous... malheureusement je n'y connais rien en PHP et Javascript, je connais que le CSS et HTML....

Sujet: Re: Résultat d'un formulaire Mer 17 Nov 2010, 12:51

nn ici le javascript n'aidra pas vu qu'il faut un mécanisme qui stock les informations pour les utiliser ultérieurement

bon j'ai creer pour toi un script php qui fera la tache pour toi exaspérant que ca marche:

les scripts sont un peut long je l'ai poster dans pastbin bon:

-Ta page modifée: http://paste.org/pastebin/view/24991
-la page qui traite les infos(parse.php): http://paste.org/pastebin/view/24992
- le template : http://paste.org/pastebin/view/24993

bon voila comment utilisé les 3 scripts

bon 1ermenet va chercher un hebergeur gratuit qui support le PHP & MYSQL & PDO
il ya plusieurs hebergeurs qui supporte ces 3 outils dans le net et il sont gratuits

apres avoir choisit ton hebergeur regarded bien dans le panneau d'administration oubien dans le message email de bienvenu si le hebergeur a envoyé a toi quelque informations consernant mysql
le host & user & pass & le nom de la base

parfois il ya des hebergeur ne font pas sa automatiquement il faut que tu t'identifie a leur panneau et tu creer la base de donée manuelement bon selon les hebergeurs
apres ca:

tu colle le script parse.php dans un fichier text avec le bloc note oubien notepad++ (recommendé pour une modification facile)
apres dans ce fichier en bas il ya noté labas quelque chose a modifier tu balance labas les info pris aupres de ton hebergeur le host user pass le nom ..

Code:: $db = array(
'sqlhost' => 'le host',
'sqluser' => 'ton user',
'sqlpass' => 'ton pass',
'sqlname' => 'le nom'
);

tu sauvgarde le fichier avec le nom parse.php

tu colle aussi le fichier html template avec le nom de fichier template.html ce fichier c'est le resultat libre a toi de le personalisé avec du css & html bon apres tes modification tu le sauvgarde

apres tous ca tu heberge les 2 fichiers sur ton hebergeur a l'aide de FTP (fillezilla ou IE)

a la fin tu colle ta page modifiée et tu va chercher parse.php tu va trouvé quelque chose du genre http://lienè_vers_hebergeur/parse.php tu le modif apres tu remplace le code de la page http://poudlard.forumotion.com/Test-2-h3.htm par celui que tu vient de modifiée

et hop si tous ce passe bien tu va voir les resultats

PS: sur pastebin si tu colle le code colorisé tu va coller aussi les numeros ... et la le script va pas fonctionner alors dans la page de pastebin en bas il ya le code non colorisé c'est celui la que tu va le copier

Sujet: Re: Résultat d'un formulaire Mar 23 Nov 2010, 19:19

Bonjour,
Votre problème est-il toujours d'actualité ?
Si celui-ci est résolu, merci de cocher dans "icône du sujet" l'icône Résultat d'un formulaire Resolu3

en éditant votre premier post.