javascript/html

javascript/html - HTML/CSS - Programmation

Marsh Posté le 28-03-2014 à 10:39:28    

bonjour
j'ai le code suivant:

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


 
 
en cliquant sur mon bouton valider, la page actuelle disparaisse et une autre page s'affiche (la page de ma fonction javascript).
mais moi je veux que le contenu de ma ancienne page ne disparaisse pas et je veux afficher la fonction javascript sur ma page actuelle html.
s'il vous plait comment le faire??
merci d'avance

Reply

Marsh Posté le 28-03-2014 à 10:39:28   

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed