CakePHP-Fr.Org

Forum francophone du Framework CakePHP

Vous n'êtes pas identifié.

#1 28-03-2014 11:25:56

rim2004m
Chouquette
Date d'inscription: 28-03-2014
Messages: 1

javascript dans html

bonjour,
voici mon code:

Code: php

  1. <!DOCTYPE html>
  2. <html>
  3.   <head>
  4.         <meta charset="utf-8" />
  5.         <title>Progression du profil</title>
  6.     </head>
  7.  
  8.  
  9.      <script type="text/javascript">
  10.        function valider(){
  11.        var nbremplis=0;
  12.  
  13.   if(form1.name.value !=='' ) {nbremplis=nbremplis+1; }
  14.         if(form1.firstname.value!==''){nbremplis=nbremplis+1;}
  15.         if(form1.email.value!==''){nbremplis=nbremplis+1;}
  16.         if(form1.adresse.value!==''){nbremplis=nbremplis+1;}
  17.         if(form1.ville.value!==''){nbremplis=nbremplis+1;}
  18.         if(form1.telephone.value!==''){nbremplis=nbremplis+1;}
  19.         if(form1.nationnalite.value!==''){nbremplis=nbremplis+1;}
  20.         if(form1.lieunaissance.value!==''){nbremplis=nbremplis+1;}
  21.         if(form1.mydescription.value!==''){nbremplis=nbremplis+1;}
  22.         if(form1.coordbancaire.value!==''){nbremplis=nbremplis+1;}
  23.         if(form1.profession.value!==''){nbremplis=nbremplis+1;}
  24.         if(form1.revenu.value!==''){nbremplis=nbremplis+1;}
  25.         if(nbremplis==0)
  26.         {
  27.         document.write("la progression de votre profile est: 0% </br> </br>");
  28.         document.write ("<progress id='progress-bar' min='0' max='100' value='0'>");
  29.         document.write ("</progress>");
  30.         }
  31.         if(nbremplis==1)
  32.         {
  33.         document.write("la progression de votre profile est: 6% </br> </br>");
  34.         document.write ("<progress id='progress-bar' min='0' max='100' value='6'>");
  35.         document.write ("</progress>");
  36.         }
  37.         if(nbremplis==2)
  38.         {
  39.         document.write("la progression de votre profile est: 12% </br> </br>");
  40.         document.write ("<progress id='progress-bar' min='0' max='100' value='12'>");
  41.         document.write ("</progress>");
  42.         }
  43.         if(nbremplis==3)
  44.         {
  45.         document.write("la progression de votre profile est: 19% </br> </br>");
  46.         document.write ("<progress id='progress-bar' min='0' max='100' value='19'>");
  47.         document.write ("</progress>");
  48.         }
  49.         if(nbremplis==4)
  50.         {
  51.         document.write("la progression de votre profile est: 25% </br> </br>");
  52.         document.write ("<progress id='progress-bar' min='0' max='100' value='25'>");
  53.         document.write ("</progress>");
  54.         }
  55.         if(nbremplis==5)
  56.         {
  57.          document.write("la progression de votre profile est: 31% </br> </br>");
  58.         document.write ("<progress id='progress-bar' min='0' max='100' value='31'>");
  59.         document.write ("</progress>");
  60.         }
  61.         if(nbremplis==6)
  62.         {
  63.         document.write("la progression de votre profile est: 38% </br> </br>");
  64.         document.write ("<progress id='progress-bar' min='0' max='100' value='38'>");
  65.         document.write ("</progress>");
  66.         }
  67.         if(nbremplis==7)
  68.         {
  69.         document.write("la progression de votre profile est: 44% </br> </br>");
  70.         document.write ("<progress id='progress-bar' min='0' max='100' value='44'>");
  71.         document.write ("</progress>");
  72.         }
  73.         if(nbremplis==8)
  74.         {
  75.         document.write("la progression de votre profile est: 50% </br> </br>");
  76.         document.write ("<progress id='progress-bar' min='0' max='100' value='50'>");
  77.         document.write ("</progress>");
  78.         }
  79.         if(nbremplis==9)
  80.         {
  81.         document.write("la progression de votre profile est: 56% </br> </br>");
  82.         document.write ("<progress id='progress-bar' min='0' max='100' value='56'>");
  83.         document.write ("</progress>");
  84.         }
  85.         if(nbremplis==10)
  86.         {
  87.         document.write("la progression de votre profile est: 63% </br> </br>");
  88.         document.write ("<progress id='progress-bar' min='0' max='100' value='63'>");
  89.         document.write ("</progress>");
  90.         }
  91.         if(nbremplis==11)
  92.         {
  93.         document.write("la progression de votre profile est: 0% </br> </br>");
  94.         document.write ("<progress id='progress-bar' min='0' max='100' value='69'>");
  95.         document.write ("</progress>");}
  96.         if(nbremplis==12)
  97.         {
  98.          document.write("la progression de votre profile est: 75% </br> </br>");
  99.         document.write ("<progress id='progress-bar' min='0' max='100' value='75'>");
  100.         document.write ("</progress>");}
  101.         if(nbremplis==13)
  102.         {
  103.         document.write("la progression de votre profile est: 81% </br> </br>");
  104.         document.write ("<progress id='progress-bar' min='0' max='100' value='81'>");
  105.         document.write ("</progress>");
  106.         }
  107.         if(nbremplis==14)
  108.         {
  109.         document.write("la progression de votre profile est: 87% </br> </br>");
  110.         document.write ("<progress id='progress-bar' min='0' max='100' value='87'>");
  111.         document.write ("</progress>");
  112.         }
  113.         return false;
  114.         }
  115.        // document.write ("<progress id='progress-bar' min='0' max='100' value='50'>");
  116.         //document.write ("</progress>");
  117.       </script>
  118.    
  119. {% endblock %}
  120.  
  121.  
  122. <body>
  123.      
  124. <div id = "conteneur">
  125.    
  126.  
  127.  
  128.      
  129. <form  action="{{ path('sifastform_progression')}}" method="post" name="form1" >
  130. <!--<form  action="{{ path('sifastform_progression')}}" method="post" name="form1" onsubmit="return valider();" >-->
  131. <fieldset>
  132. <label> remplire ce formulaire s'il vous plait </label>    
  133.  
  134.            
  135. <input type="text" id="name" name="nom" placeholder="NOM" data-trigger="change" data-required="true" />    
  136. <input type="text" id="firstname" name="prenom" placeholder="PRENOM" data-trigger="change" data-required="true"/>
  137.  
  138. <input type="text" id="email" name="email"placeholder="EMAIL" data-trigger="change" data-required="true"/>
  139. <input type="text" id="adresse" name="adresse" placeholder="ADRESSE" data-trigger="change" data-required="true" />
  140. <input type="text" id="ville" name="ville" placeholder="VILLE" data-trigger="change" data-required="true" />
  141. <input type="text" id="telephone" name="telephone" placeholder="TELEPHONE" data-trigger="change" data-required="true" />
  142. <label for="datenaissance"> DATE DE NAISSANCE</label>
  143. <input name="date" type="date" max="2012-06-25" min="2011-08-13" value="2011-11-26" data-trigger="change" data-required="true">
  144.  
  145. <input type="text" id="nationnalite" name="nationalite" placeholder="NATIONALITE" data-trigger="change" data-required="true" />
  146. <input type="text" id="lieunaissance" name="lieunaissance" placeholder="LIEU DE NAISSANCE" data-trigger="change" data-required="true" />
  147. <input type="text" id="carteidentite" name="carteidentite" placeholder="CARTE D'IDENTITE" data-trigger="change" data-required="true" />
  148. <input type="text" id="facebookconnect" name="facebookconnect" placeholder="FACEBOOK CONNECT" data-trigger="change" data-required="true" />
  149. <input type="text" id="mydescription" name="mydescription" placeholder="MYDESCRIPTION" data-trigger="change" data-required="true" />
  150. <input type="text" id="coordbancaire" name="coordbancaire" placeholder="COORDONEES BANCAIRES" data-trigger="change" data-required="true" />
  151. <input type="text" id="profession" name="profession" placeholder="PROFESSION" data-trigger="change" data-required="true" />
  152. <input type="text" id="revenu" name="revenu" placeholder="REVENU" data-trigger="change" data-required="true" />
  153.  
  154. <input type="submit" value="VALIDER" onClick="return valider();"/>
  155. <!--<progress id="progress-bar" min="1" max="100" value="document.getElementById('progress-bar').value = valider();"></progress> -->
  156. <!--<<td pourcent=<?php include(javascrip);?>>  -->
  157. </fieldset>
  158. </form>
  159.  
  160. </div>
  161.    
  162. </body>
  163.    
  164. </html>

en cliquant sur mon bouton, ma page de formulaire disparaisse et la page de ma fonction script s'ouvre.
je veux qu'en cliquant sur mon bouton le contenu de ma fonction script s'ajoute à ma page actuelle (celle du formulaire)
s'il vous plait aidez-moi.
merci d'avance

Hors ligne

 

Pied de page des forums

Propulsé par FluxBB
Traduction par FluxBB.fr