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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  PB fonction javascript [RESOLU]

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

PB fonction javascript [RESOLU]

n°1944731
vylco
Posté le 25-11-2009 à 19:33:20  profilanswer
 

Bonjour, j'ai un pb c'est que j'ai une fonction qui s'execute sur l'evenement onload que j'ai mis dans le <body> de ma page contact.html . Et cette fonction sert à recuperer les variables dans l'url transmise depuis une ma page commande.html et qui vont alimenté un tableau. Et sur cette meme page (contact.html) j'ai un formulaire de contact qui lorsqu'il n'est pas valide recharge la page ce qui réactive ma fonction du onload et qui alimente mon tableau avec des données erronées du coup. Voila j'espere avoir bien expliqué mon pb . Donc quelqu'un a une idée pour contourné le pb ? et cela sans utiliser de php  ;) .
 
Ensuite j'ai un autre pb c'est que j'ai une fonction en toujours en js qui verifie mes champs de formulaires pour voir s'il sont remplis et dans le cas contraire change la couleur du champ vide. Le truc c'est que lorsqu'un champ est vide il change de couleur une demi seconde puis redevient blanc, pareil pour le focus(). voici ma fonction
 

Code :
  1. function verif_form()
  2. {
  3. if(document.getElementById(1).value == "" )
  4. {
  5.  document.getElementById(1).style.background = 'red';
  6.  document.getElementById(1).focus();
  7. }
  8. }


 
 
Quelqu'un aurait il une solution a ce pb ?
 
Merci d'avance


Message édité par vylco le 26-11-2009 à 15:00:45
mood
Publicité
Posté le 25-11-2009 à 19:33:20  profilanswer
 

n°1944747
gatsu35
Blablaté par Harko
Posté le 25-11-2009 à 21:03:10  profilanswer
 

tu crois qu'avec ça on va réussir à t'aider ?  
ben nan, file plus de code donc le code HTML


---------------
Blablaté par Harko
n°1944770
vylco
Posté le 25-11-2009 à 22:46:30  profilanswer
 

ok donc voila le code de mon formulaire ou j'essaye de verifier les si les champs ont bien été saisis
 

Code :
  1. <FORM name="form" >
  2.        <table width="100%" cellpadding="2" cellspacing="0" id="form_text" border=1>
  3.         <tr>
  4.          <td>
  5.           <td>
  6.            Nom
  7.           </td>
  8.          </td>
  9.          <td>
  10.           <td>
  11.            <input type=text size=20 name="nom" id="1">
  12.            <div class="invisible" class="t_err" id="2">Vous devez saisir le nom!</div>
  13.           </td>
  14.          </td>
  15.         </tr>
  16.         <tr>
  17.          <td>
  18.           <td>
  19.            Prénom
  20.           </td>
  21.          </td>
  22.          <td>
  23.           <td>
  24.            <input type=text size=20 name="prenom">
  25.           </td>
  26.          </td>
  27.         </tr>
  28.         <tr>
  29.          <td>
  30.           <td>
  31.            Date de naissance
  32.           </td>
  33.          </td>
  34.          <td>
  35.           <td>
  36.            <input type=text size=20 name="ddn">
  37.           </td>
  38.          </td>
  39.         </tr>
  40.                                                               </table>
  41. </form>

n°1944839
gatsu35
Blablaté par Harko
Posté le 26-11-2009 à 10:09:58  profilanswer
 

- ton code HTML est à revoir notamment au niveau du nombre de TD, tu en a 2 imbriqués à chaque fos, fait un peu de nettoyage, il manque ausis le </table>
- on ne peut pas mettre de chiffre uniquement pour un id, il faudrait un id du genre : "champ_1" au pire, mais un id explicite serait mieux : ex <input id="prenom" name="prenom"/>


---------------
Blablaté par Harko
n°1944884
vylco
Posté le 26-11-2009 à 12:00:18  profilanswer
 

Salut, ok pour les <td> , le </table> j'ai oublié de remettre ici car j'ai posté qu'une partie du formulaire. Ok pour l'id.
 
sinon pour bien te montré le pb j'ai fais un formulaire avec un champ et un bouton, donc si tu peux recopier dans une page html et cliquer sur le bouton tu verra par toi meme le pb.
 

Code :
  1. <html>
  2. <head>
  3. <title>test.html</title> 
  4. <script language="javascript">
  5. function test()
  6. {
  7. if (form_contact.zone.value == "" )
  8. {
  9.  form_contact.zone.style.backgroundColor = 'red';
  10. }
  11. }
  12. </script>
  13. </head>
  14. <body >
  15. <form name="form_contact" >
  16.      <table width="100%" border="1">
  17.        <tr>
  18.         <td width="50%">
  19.         Joomla 1.5
  20.         </td>
  21.         <td>
  22.         Commandé
  23.         <input id="zone" name="zone" type='text'size='15'>
  24.         </td>
  25.        </tr>
  26.        <tr>
  27.         <td colspan="2" align="right">
  28.           <br><input type=submit name="envoyer" value="Envoyer" onclick="test()">
  29.         </td>
  30.        </tr>
  31.      </table>
  32. </form>
  33. </body>
  34. </html>

n°1944897
gatsu35
Blablaté par Harko
Posté le 26-11-2009 à 12:37:01  profilanswer
 

En mettant le submit on voit tout de suite ton pb (pas besoin de tester).
Le input type submit, POSTE le formulaire, mais ton onclick test(); execute une fonction
 
donc si on suis bien l'ordre :  
 
- execution de test()
- envoi du formulaire pour revenir à la page actuelle (action étant inexistant la page se recharge d'elle même)
 
Il faut éxécuter ton verif_form sur le onsubmit du form et retourner une valeur.
 

Code :
  1. function verif_form(form)
  2. {
  3. var nom = document.getElementById('nom');
  4. if(nom.value == "" )
  5.  {
  6.   nom.style.background = 'red';
  7.   nom.focus();
  8.   document.getElementById('nom_error').style.display = 'block';
  9.   return false;
  10.  }
  11. else {
  12.  nom.style.background = '';
  13.  document.getElementById('nom_error').style.display = 'none';
  14. }
  15. return true;
  16. }
  17. <form onsubmit="return verif_form(this);">
  18.        <table width="100%" cellpadding="2" cellspacing="0" id="form_text" border=1>
  19.         <tr>
  20.           <td>
  21.            Nom
  22.           </td>
  23.           <td>
  24.            <input type=text size=20 name="nom" id="nom">
  25.            <div class="invisible" class="t_err" id="nom_error">Vous devez saisir le nom!</div>
  26.          </td>
  27.         </tr>
  28.         <tr>
  29.           <td>
  30.            Prénom
  31.           </td>
  32.          <td>
  33.            <input type=text size=20 name="prenom" id="prenom">
  34.          </td>
  35.         </tr>
  36.         <tr>
  37.          <td>
  38.            Date de naissance
  39.          </td>
  40.          <td>
  41.            <input type=text size=20 name="ddn">
  42.          </td>
  43.         </tr>
  44.   </table>
  45. </form>


---------------
Blablaté par Harko
n°1944958
vylco
Posté le 26-11-2009 à 14:59:40  profilanswer
 

En effet sa marche niquel, merci de ton aide ^^


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

  PB fonction javascript [RESOLU]

 

Sujets relatifs
[Resolu] Passage d'argument a un threadaffichage de texte en javascript
ada différence fonction, procédureaffichage débile en fonction des navigateurs...mais indescriptible qua
Pb acces base de donnéeImpossible de lancer une fonction ...
expression régulière en javascriptJ'ai besoin d'une petite mise à jour de syntaxe : fonction eregi
Problème avec la fonction Unlink 
Plus de sujets relatifs à : PB fonction javascript [RESOLU]


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR