Discussion :

[MicheMTP13]

Bonjour,

je dois faire une modification dans un formulaire :

Chnager ce button :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input name="button2" type="button" onclick="verifFormulaire(telephone)" value="Valider">

par une image qui doit faire la même chose..... :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<a href="javascript:;" onMouseOver="MM_swapImage('valid','','images/bouton_valider2.gif',1)" onMouseOut="MM_swapImgRestore()">
                        <img src="images/bouton_valider.gif" name="valid" width="75" height="23" border="0" id="valid" onclick="verifFormulaire(telephone)">
                      </a>

et la fonction appellée est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
 
function verifFormulaire(form) {	
    if  (form.tel.value ==""){ // si vide
      alert ("vous devez saisir votre n° de téléphone");
       return false;
       return annuler(form.tel);
 
    }
    else {
      if (!(IsNumeric(form.tel.value))) { // si différent de numérique
        alert ("Le n° de téléphone doit être numérique");
         return false;
         return annuler(form.tel);
 
      } else {
          if  (form.tel.value.length != 10) { // si longueur égal à 4 ou 10 chiffres
                alert ("Le n° de téléphone doit comporter 10 chiffres");
                 return false;
                 return annuler(form.tel);
 
 
            } else {
                 if (confirm("La modification de votre n° de téléphone va être répercutée sur \n l'ensemble des bases de données de l'entreprise. \n\n Confimez-vous sa modification ?")) {
                    form.submit();                    
                 }
            }
      }
    }  
}

Or le soucis c que avec l'image le formulaire n'est pas poster......alors que le message de confirmation apparait....ce qui signifie que la fonction est bien appellée.....

Si quelqu'un peut m'aider......

Merci par avance !!

modéré par denisC: ajout du tag résolu

[SpaceFrog]

tu connais:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input name="button2" type="image" ...

[MicheMTP13]

ben oui......mais je voudrais faire un effet de Roll-Over et pour cela j'utilise des fonctions......

J'ai donc 2 images......
Je sais pas si avec le type image on peut faire cela.......et mettre des attributs "onMouseOver" et "onMouseOut" come avec des liens ......

[SpaceFrog]

ben oui qu'est ce qui t'empèche de modifier le src du bouton image ?

[MicheMTP13]

ben je sais pas du tout........mais vu que j'ai 2 images.....je fais comment???
vu que je peut mettre qu'une seule source.........enfin je pense !!

[MicheMTP13]

en gros je mettrais cela d'aprés ce que tu me dis....mais je sèche un peu......

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input name="button2" type="IMAGE" onmouseover="????" onmouseout="????" src="images/bouton_valider.gif" onclick="verifFormulaire(telephone)" value="Valider">

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type='image' onmouseover="this.src='image1.jpg'" onmouseout="this.src='image2.jpg'" src="image2.jpg" />

[MicheMTP13]

De la Bombe !!!

Nikel !!

Par contre petite question bête.....

Comment ca se fait que le bouton réagit (appelle ma fonction qui controle le formulaire) alors qu'il n'y a pas de "onSubmit" sur l'image????

[SpaceFrog]

le bouton de type image à) le même comportement qu'n bouton submit ... il est livré avec un warp vers la touche enter pour le submit ...

[MicheMTP13]

OK merci cela vient du fait que j'ai déclarer mon formulaire de cette facon:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<form name="telephone" action="store" method="post" onSubmit="return verifFormulaire(telephone)">

plus ce que tu mas expliqué !!

Merci encore !!!

[MicheMTP13]

Pour infos si l'on ne veut pas appeller la fonction par défaut déclarer dans le onSubmit de la balise form...comment faire??

Concrètement je vais modifier égalemetn le bouton annuler du formulaire mais si je comprends bien ce que tu mas expliqué, j'aurais le même comportement que le "bouton Valider"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type='image' onmouseover="this.src='images/bouton_annuler2.gif'" onmouseout="this.src='images/bouton_annuler.gif'" src="images/bouton_annuler.gif" onclick="reset()"/>

Ce code peut-il marcher??

[SpaceFrog]

ben un bouton image ou un bouton submit c'est pareil ...
il doit faire quoi ton bouton au juste ?

avoir un effet rollover et pouvoir soumettre le formulaire losqu'on clockie dessus, mais ne pas avoir le warp vers la touche enter ?