Forum |  HardWare.fr | News | Articles | PC | Prix | S'identifier | S'inscrire | Aide | Shop Recherche
1575 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  javascript/html

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

javascript/html

n°2223411
rim2004m
Posté le 28-03-2014 à 10:39:28  profilanswer
 

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

mood
Publicité
Posté le 28-03-2014 à 10:39:28  profilanswer
 


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  javascript/html

 

Sujets relatifs
faire lien vers un html en javascript, en clickant sur une formequestion fermeture fenêtre (javascript-html)
[JAVASCRIPT + HTML] Problème fonction Return[HTML/CSS/Javascript] Vidéo Youtube
[HTML/CSS/Javascript] Nombreuses Images avec mignature[HTML/CSS/Javascript] Lien et script à partir de l'attribut alt
intégration de code html/javascript dans un templateFormulaire de contact en html statique + javascript
[HTML/CSS/Javascript] probleme checkForm is not definiedhtml et javascript
Plus de sujets relatifs à : javascript/html


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite) / Groupe LDLC / Shop HFR