Discussion :

[epoc.01]

Bonjour,

Je cherche a changer l'image au survol de la souris sur un bouton valider. J'ai ce "bouton".

Code :

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

<input type="Image" src="images/ayvc_g.png" border="0" />

Comment faire ?

Autre chose, comment proposer deux choix possible de destination pour un formulaire. J'explique :

menu deroulant
<option value="0">toto</option>
<option value="1">titi</option>
Si 0 alors <form action="index_toto.php" method="post" id="form">
Si 1 alors <form action="index_titi.php" method="post" id="form">


Merci

[vermine]

Bonjour,

Pour l'image, direction la FAQ.

Pour le select, lors du onchange sur le select, vous lancez une fonction qui ira mettre à jour l'action du formulaire selon la valeur sélectionnée.

PS: ne mettez pas "form" comme id pour votre formulaire étant donné que c'est un mot réservé.

[epoc.01]

Pour l'image, direction la FAQ.

Merci ca, ca fonctionne

Pour le select, lors du onchange sur le select, vous lancez une fonction qui ira mettre à jour l'action du formulaire selon la valeur sélectionnée.

<select ... onchange(fonction)> ok
Justement quelle fonction javascript permet ceci ? Je risque d'etre limité si je le fais en javascript non ?

[vermine]

Nion nion:

Code html :

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

1
2
 
<select ... onchange="ma_fonction(this.value);">

Code js :

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

1
2
3
4
5
6
7
8
 
function ma_fonction(valeur)
{
    if(valeur == "0")
         document.getElementById("id_form").action = "index_toto.php";
    else
         document.getElementById("id_form").action = "index_titi.php";
}

[epoc.01]

En gros ca donne ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
function change_pays(valeur){
 
    if(document.getElementById('pays')== "1")
 
         document.getElementById("id_form").action = "index_toto.php";
 
    else
 
         document.getElementById("id_form").action = "index_titi.php";
}

Code :

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

1
2
3
4
5
<select id="pays" name="pays" onchange="change_pays(this.value);">>
            <option value="0">Choisir</option>
            <option value="1">Espagne</option>
            <option value="2">Portugalo ingreso bancario</option>
            </select>

C'est avec la foncton JS que j'ai du mal.
Comment faire pour afficher une erreur et ne pas valider le formulaire si valeur == 0 ? genre alert : veuillez choisir un pays

[vermine]

Il y a une fin de tag en trop dans le select mais ça n'est pas bien grave;

Code :

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

1
2
3
 
 if(document.getElementById('pays')== "0")
      alert("Vous devez choisir un pays");

Mais ça ne suffira pas. Car si la personne ne touche pas au select et fait le submit, cette vérification ne sera pas faite. Vous avez un bouton submit ? Alors sur le onclick du bouton, lancez la fonction change_pays, au lieu de le faire sur le select:

Code :

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

onclick="return change_pays();"

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
 
function change_pays(){
    var valeur = document.getElementById("pays").value;
 
    if(valeur == "0")
   {
         alert("Vous devez choisir un pays");
         return false;
    }
 
    if(valeur == "1")
         document.getElementById("id_form").action = "index_toto.php";
 
    else
         document.getElementById("id_form").action = "index_titi.php";
    return true;
}

[epoc.01]

merci, c'est parfait