Créer un compte
Connexion

html javascript

Pour créer et répondre aux sujets, vous devez être connecté.
Pages: 1
Auteur Message
rimainou
28/03/2014 à 12:04:12
rimainou
Membre
bonjour, voici mon code:
<html>
<head>
<meta charset="utf-8" />
<title>Progression du profil</title>
</head>
<script type="text/javascript">
function valider(){
var nbremplis=0;

if(form1.name.value !=='' ) {nbremplis=nbremplis+1; }
if(form1.firstname.value!==''){nbremplis=nbremplis+1;}
if(form1.email.value!==''){nbremplis=nbremplis+1;}
if(form1.adresse.value!==''){nbremplis=nbremplis+1;}
if(form1.ville.value!==''){nbremplis=nbremplis+1;}
if(form1.telephone.value!==''){nbremplis=nbremplis+1;}
if(form1.nationnalite.value!==''){nbremplis=nbremplis+1;}
if(form1.lieunaissance.value!==''){nbremplis=nbremplis+1;}
if(form1.mydescription.value!==''){nbremplis=nbremplis+1;}
if(form1.coordbancaire.value!==''){nbremplis=nbremplis+1;}
if(form1.profession.value!==''){nbremplis=nbremplis+1;}
if(form1.revenu.value!==''){nbremplis=nbremplis+1;}
if(nbremplis==0)
{
document.write("la progression de votre profile est: 0% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='0'>");
document.write ("</progress>");
}
if(nbremplis==1)
{
document.write("la progression de votre profile est: 6% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='6'>");
document.write ("</progress>");
}
if(nbremplis==2)
{
document.write("la progression de votre profile est: 12% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='12'>");
document.write ("</progress>");
}
if(nbremplis==3)
{
document.write("la progression de votre profile est: 19% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='19'>");
document.write ("</progress>");
}
if(nbremplis==4)
{
document.write("la progression de votre profile est: 25% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='25'>");
document.write ("</progress>");
}
if(nbremplis==5)
{
document.write("la progression de votre profile est: 31% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='31'>");
document.write ("</progress>");
}
if(nbremplis==6)
{
document.write("la progression de votre profile est: 38% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='38'>");
document.write ("</progress>");
}
if(nbremplis==7)
{
document.write("la progression de votre profile est: 44% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='44'>");
document.write ("</progress>");
}
if(nbremplis==8)
{
document.write("la progression de votre profile est: 50% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='50'>");
document.write ("</progress>");
}
if(nbremplis==9)
{
document.write("la progression de votre profile est: 56% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='56'>");
document.write ("</progress>");
}
if(nbremplis==10)
{
document.write("la progression de votre profile est: 63% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='63'>");
document.write ("</progress>");
}
if(nbremplis==11)
{
document.write("la progression de votre profile est: 0% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='69'>");
document.write ("</progress>");}
if(nbremplis==12)
{
document.write("la progression de votre profile est: 75% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='75'>");
document.write ("</progress>");}
if(nbremplis==13)
{
document.write("la progression de votre profile est: 81% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='81'>");
document.write ("</progress>");
}
if(nbremplis==14)
{
document.write("la progression de votre profile est: 87% </br> </br>");
document.write ("<progress id='progress-bar' min='0' max='100' value='87'>");
document.write ("</progress>");
}
return false;
}
// document.write ("<progress id='progress-bar' min='0' max='100' value='50'>");
//document.write ("</progress>");
</script>

{% endblock %}


<body>

<div id = "conteneur">




<form action="{{ path('sifastform_progression')}}" method="post" name="form1" >
<!--<form action="{{ path('sifastform_progression')}}" method="post" name="form1" onsubmit="return valider();" >-->
<fieldset>
<label> remplire ce formulaire s'il vous plait </label>

<label>
<h3 class="form-signin-heading">Please Upload</h3>
<div class="uneditable-input span6">
<i class="icon-file fileupload-exists"></i>
<span class="fileupload-preview"></span>
</div>
<span class="btn btn-file">
<span class="fileupload-new">Select file</span>
<span class="fileupload-exists">Change</span>
<input type="file" name="photo"id="photo"/>
</span>

</label>

<input type="text" id="name" name="nom" placeholder="NOM" data-trigger="change" data-required="true" />
<input type="text" id="firstname" name="prenom" placeholder="PRENOM" data-trigger="change" data-required="true"/>

<input type="text" id="email" name="email"placeholder="EMAIL" data-trigger="change" data-required="true"/>
<input type="text" id="adresse" name="adresse" placeholder="ADRESSE" data-trigger="change" data-required="true" />
<input type="text" id="ville" name="ville" placeholder="VILLE" data-trigger="change" data-required="true" />
<input type="text" id="telephone" name="telephone" placeholder="TELEPHONE" data-trigger="change" data-required="true" />
<label for="datenaissance"> DATE DE NAISSANCE</label>
<input name="date" type="date" max="2012-06-25" min="2011-08-13" value="2011-11-26" data-trigger="change" data-required="true">

<input type="text" id="nationnalite" name="nationalite" placeholder="NATIONALITE" data-trigger="change" data-required="true" />
<input type="text" id="lieunaissance" name="lieunaissance" placeholder="LIEU DE NAISSANCE" data-trigger="change" data-required="true" />
<input type="text" id="carteidentite" name="carteidentite" placeholder="CARTE D'IDENTITE" data-trigger="change" data-required="true" />
<input type="text" id="facebookconnect" name="facebookconnect" placeholder="FACEBOOK CONNECT" data-trigger="change" data-required="true" />
<input type="text" id="mydescription" name="mydescription" placeholder="MYDESCRIPTION" data-trigger="change" data-required="true" />
<input type="text" id="coordbancaire" name="coordbancaire" placeholder="COORDONEES BANCAIRES" data-trigger="change" data-required="true" />
<input type="text" id="profession" name="profession" placeholder="PROFESSION" data-trigger="change" data-required="true" />
<input type="text" id="revenu" name="revenu" placeholder="REVENU" data-trigger="change" data-required="true" />

<input type="submit" value="VALIDER" onClick="return valider();"/>
<!--<progress id="progress-bar" min="1" max="100" value="document.getElementById('progress-bar').value = valider();"></progress> -->
<!--<<td pourcent=<?php include(javascrip);?>> -->
</fieldset>
</form>

</div>

</body>

</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

etty21
18/07/2014 à 22:13:26
etty21
Membre
I am very happy to read this article really exciting news for me thank you from rental mobil surabaya

arthemise
29/08/2014 à 10:10:27
"Qui tente n'a rien" arthemise
Membre
La réponse à ton problème m'intéresse. As tu pu t'en sortir ?

Mes centres d'intérêts : la voyance et les arts divinatoires en général. Pourquoi ? Ça me plait bien, je saurais pas dire pourquoi.
Rogerioo
27/10/2014 à 21:59:58
Rogerioo
Membre
I give appreciation to the creator of this thread, because some information that I think is very useful to me and the readers, are truly extraordinary, when one thinks of this unusual but, few people realize that this unique

Rogerio Shop

Pages: 1