Aller au contenu

  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

Affichage du JavaScript dans HTML

rim2004m

Par rim2004m
dans Programmation

 Partager

Messages recommandés

rim2004m Junior Member

rim2004m

Posté(e)
Posté(e)
bonjour, voici mon code:




<code type="html"><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==

        {

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



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

Lien vers le commentaire
Partager sur d’autres sites

  • Modérateurs
Dylav Devil Member !

Dylav

Posté(e)
  • Modérateurs
Posté(e)

Bonjour rim2004m,

 

Sur un plan purement syntaxique,

  • la balise <code> est totalement détournée de son usage, et complètement ignorée.Voir par exemple ici sa définition.
  • je ne comprends pas trop l'utilité de {% endblock %}. D'autant plus qu'il s'agit d'une fin de bloc, qui devrait donc être précédée par une tête de bloc, sous la forme {% block étiquette-du-bloc %}. Supprime cette ligne.
  • ton script est mal placé. Tu dois l'installer soit dans le <head>, soit dans le <body>, mais pas entre sandwich entre les deux. Dans le cas présent, je te mettrais dans le <head> (il suffit de déplacer la ligne </head> derrière la ligne </script>.

Ceci dit, ces modifications syntaxiques ne résolvent pas le problème... icon_Doute.gif

Lien vers le commentaire
Partager sur d’autres sites

Rejoindre la conversation

Vous pouvez publier maintenant et vous inscrire plus tard. Si vous avez un compte, connectez-vous maintenant pour publier avec votre compte.
Remarque : votre message nécessitera l’approbation d’un modérateur avant de pouvoir être visible.

Invité
Répondre à ce sujet…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.

×
 Partager
Aller sur la liste des sujets

  • En ligne récemment   0 membre est en ligne

    • Aucun utilisateur enregistré regarde cette page.
×
×
  • Créer...