Se connecter / S'enregistrer

Résolu affichage du javascript dans html

Solutions (1)
Tags :
  • Javascript
  • Html
|
bonjour, voici mon code:
  1. <html>
  2. <head>
  3. <meta charset="utf-8" />
  4. <title>Progression du profil</title>
  5. </head>
  6. <script type="text/javascript">
  7. function valider(){
  8. var nbremplis=0;
  9.  
  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.  
  118.  
  119. <body>
  120.  
  121. <div id = "conteneur">
  122.  
  123.  
  124.  
  125.  
  126. <form action="{{ path('sifastform_progression')}}" method="post" name="form1" >
  127. <!--<form action="{{ path('sifastform_progression')}}" method="post" name="form1" onsubmit="return valider();" >-->
  128. <fieldset>
  129. <label> remplire ce formulaire s'il vous plait </label>
  130.  
  131. <label>
  132. <h3 class="form-signin-heading">Please Upload</h3>
  133. <div class="uneditable-input span6">
  134. <i class="icon-file fileupload-exists"></i>
  135. <span class="fileupload-preview"></span>
  136. </div>
  137. <span class="btn btn-file">
  138. <span class="fileupload-new">Select file</span>
  139. <span class="fileupload-exists">Change</span>
  140. <input type="file" name="photo"id="photo"/>
  141. </span>
  142.  
  143. </label>
  144.  
  145. <input type="text" id="name" name="nom" placeholder="NOM" data-trigger="change" data-required="true" />
  146. <input type="text" id="firstname" name="prenom" placeholder="PRENOM" data-trigger="change" data-required="true"/>
  147.  
  148. <input type="text" id="email" name="email"placeholder="EMAIL" data-trigger="change" data-required="true"/>
  149. <input type="text" id="adresse" name="adresse" placeholder="ADRESSE" data-trigger="change" data-required="true" />
  150. <input type="text" id="ville" name="ville" placeholder="VILLE" data-trigger="change" data-required="true" />
  151. <input type="text" id="telephone" name="telephone" placeholder="TELEPHONE" data-trigger="change" data-required="true" />
  152. <label for="datenaissance"> DATE DE NAISSANCE</label>
  153. <input name="date" type="date" max="2012-06-25" min="2011-08-13" value="2011-11-26" data-trigger="change" data-required="true">
  154.  
  155. <input type="text" id="nationnalite" name="nationalite" placeholder="NATIONALITE" data-trigger="change" data-required="true" />
  156. <input type="text" id="lieunaissance" name="lieunaissance" placeholder="LIEU DE NAISSANCE" data-trigger="change" data-required="true" />
  157. <input type="text" id="carteidentite" name="carteidentite" placeholder="CARTE D'IDENTITE" data-trigger="change" data-required="true" />
  158. <input type="text" id="facebookconnect" name="facebookconnect" placeholder="FACEBOOK CONNECT" data-trigger="change" data-required="true" />
  159. <input type="text" id="mydescription" name="mydescription" placeholder="MYDESCRIPTION" data-trigger="change" data-required="true" />
  160. <input type="text" id="coordbancaire" name="coordbancaire" placeholder="COORDONEES BANCAIRES" data-trigger="change" data-required="true" />
  161. <input type="text" id="profession" name="profession" placeholder="PROFESSION" data-trigger="change" data-required="true" />
  162. <input type="text" id="revenu" name="revenu" placeholder="REVENU" data-trigger="change" data-required="true" />
  163.  
  164. <input type="submit" value="VALIDER" onClick="return valider();"/>
  165. <!--<progress id="progress-bar" min="1" max="100" value="document.getElementById('progress-bar').value = valider();"></progress> -->
  166. <!--<<td pourcent=<?php include(javascrip);?>> -->
  167. </fieldset>
  168. </form>
  169.  
  170. </div>
  171.  
  172. </body>
  173.  
  174. </html>


en cliquant sur le bouton de mon formulaire, le formulaire disparaisse et j'obtient l'affichage situé dans la fonction javascript
je veux que quand je clique sur le bouton, le formulaire remplit reste et l'affichage de ma fonction javascript s'ajoute à ma page du formulaire
s'il vous plait aidez-moi le plutôt possible.
merci d'avance
  • OmaR a édité ce message
Contenus similaires
Meilleure solution
partage
, Modérateur |
Il ne faut pas utiliser document.write, mais écrire dans une div par exemple.
Pour simplifier le développement javascript, j'aurais tendance à te recommander jQuery.
  • Dreamcaster a sélectionné cette solution comme la meilleure réponse
  • Commenter cette solution |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS