Discussion :

[snakepierre]

Bonjour,

Je travaille actuellement à la correction d'un site web et un des problèmes est le suivant :
J'ai un petit formulaire de recherche, avec une petite image affichant un "ok" qui sert de validation. Il n'y a donc pas de bouton submit à proprement dire. Le bouton ok appelle un javascript qui change l'url du navigateur suivant la saisie de l'utilisateur.

Quand je clique sur l'image ok, il n'y a aucun problème, mais si je presse la touche entrée, l'url n'est pas correcte car elle est du style
display.asp?saisie=bonjour

Voici le code HTML (simplifié):

Code :

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

1
2
3
4
5
6
7
 
<form method="get" action="display.asp" name="searche">
<input type="text" name="saisie" />
<a href="javascript:searchname(document.searche.saisie.value)">
<img src="ok2.png" alt="rechercher" />
</a>
</form>

le code javascript (je prefere ne pas développer ce qui se trouve après le ?, de toute façon là n'est pas la question):

Code :

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

1
2
3
4
5
6
 
function searchname (valeur){
    if(valeur!=''){	
       window.location.href="display.asp?machinstrucs..."
    }
}

Après renseignements, j'ai remplacé :

Code :

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

1
2
 
<img src="ok2.png" alt="rechercher" />

par

Code :

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

1
2
 
<input type="image" src="ok2.png" />

Et là , la pression de la touche entrée du clavier fonctionne pour Mozilla, mais pas pour IE, ...

De meme, si j'ajoute onSubmit="javascript:searchname(document.searche.saisie.value)" dans la balise form, aucun résultat !

Merci de votre aide.

[SpaceFrog]

Code :

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

1
2
3
4
<form method="get" action="display.asp" name="searche">
<input type="text" name="saisie" />
<input type='image' src="ok2.png" alt="rechercher" />
</form>

[snakepierre]

Code :

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

1
2
3
4
<form method="get" action="display.asp" name="searche">
<input type="text" name="saisie" />
<input type='image' src="ok2.png" alt="rechercher" />
</form>

Lisez bien svp, j'ai essayé ! De plus, où est appelé mon javascript ?

[SpaceFrog]

avec un input type image plus besoin de ton script car le formulaire était soumis l'url est concaténée automatiquement...
de plus un input de type image doit en principe faire réagir le formulaire à la touche enter ...
si ce n'est pas le cas, rajoute un

Code :

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

<input type="submit" style="visibility:hidden;" />

[snakepierre]

avec un input type image plus besoin de ton script car le formulaire était soumis l'url est concaténée automatiquement...
de plus un input de type image doit en principe faire réagir le formulaire à la touche enter ...
si ce n'est pas le cas, rajoute un

Code :

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

<input type="submit" style="visibility:hidden;" />

Oui, le input type image réagit bien lorsque je presse la touche entrée.
J'ai besoin d'executer mon script puisque je ne veux pas que mon url soit de la forme
display.asp?saisie=bonjour
mais il y a d'autres trucs que j'ajoute dans l'url en fonction du mot..
Hors, IE n'execute pas mon script...

[SpaceFrog]

rs ajoute un champs hidden dans lequel tu concatèneras les données voulues ...

[snakepierre]

rs ajoute un champs hidden dans lequel tu concatèneras les données voulues ...

Oui mais bon ca dépend de la saisie de l'utilisateur..

[SpaceFrog]

et ?
aucune contridication particulière ...
il suffit alors dans le onsubmit de basculer la valeur voulue dans le champs hidden ...

[snakepierre]

et ?
aucune contridication particulière ...
il suffit alors dans le onsubmit de basculer la valeur voulue dans le champs hidden ...

Pourrais-tu donner un bref exemple ? Merci

[SpaceFrog]

Code :

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

1
2
3
4
5
<form name='monform' action="javascript:alert(document.getElementById('concat').value)"  >
<input type='text' id='one' onchange="document.getElementById('concat').value='machibubuletruc' + this.value" />
<input type='hidden' id='concat' />
<input type="image" src="ddd.jpg" />
</form>

[snakepierre]

Code :

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

1
2
3
4
5
<form name='monform' action="javascript:alert(document.getElementById('concat').value)"  >
<input type='text' id='one' onchange="document.getElementById('concat').value='machibubuletruc' + this.value" />
<input type='hidden' id='concat' />
<input type="image" src="ddd.jpg" />
</form>

Ah pas bête ! Merci bien je teste !