Formulaire javascript et bouton entrée

[scriptheque]

Bonjour,


J'ai un formulaire de recherche en javascript qui marche voila le code:

<code>

<script type="text/javascript" src="recherche.js">

<form method="post" name="log1" action="" >

<input type="text" class="text" name="T1" value="" style="width: 200px;" />

<select class="options" name="D1" style="width: 200px;">
<option value="y">Musique</option>
<option value="s">Paroles de chansons</option>
<option value="r">Vidéos-clips</option>
<option value="l">Téléchargement (MP3)</option>
<option value="d">Actualités</option>
<option value="k">Interviews</option>

</select>


<img border="0" src="http://www.ournia.com/templates/xhtml/form-recherche/recherche.gif" title="Search" onClick="search()" style="cursor:hand">
</form>

</code>


Recherche.js

Code :

var g,ch;
function search()
{
g=document.log1.T1.value;
ch=document.log1.D1.value;

if(g=='' || g==null){
alert("Saisissez un mot-clé pour effectuer une recherche!");
document.log1.T1.focus();
}else{

if(ch=="y")
window.location="http://www.ournia.com/search.php?search_query=" + g + "&search_do_advanced=1&search_cid[]=0";
if(ch=="s")
window.location="http://www.ournia.com/paroles/search.php?c=" + g;
if(ch=="r")
window.location="http://www.ournia.com/video/clip-" + g + ".html";
if(ch=="l")
window.location="http://www.ournia.com/mp3/" + g + ".html";
if(ch=="d")
window.location="http://www.ournia.com/search.php?search_query=" + g + "&search_do_advanced=1&search_cid[]=2";
if(ch=="k")
window.location="http://www.ournia.com/search.php?search_query=" + g + "&search_do_advanced=1&search_cid[]=31";
}
}
var sto="Click here to download the font required by my site!"
var sta="Done"



Il marche mais il ya un petit problème quand on ecrit un mot et en valide par entrée sa ne donne rien .
Il faut obligatoirement cliquer sur l'image rechercher!

Merci de me donner une modification de telle sorte que quand:
- On tape un mot clé puis on valide par entrée sa effectue la recherche
-On tape un mot clé et on choisit un type de recherche puis on valide par entrée sa effectue la recherche.


Merci beaucoup

[finstreet]

c pas un onsubmit dans le form plutot qu'un onclick dans l'image ?

[scriptheque]

J'ai testé sa ne marche pas .

S'il vous plait aidez moi

[david96]

Pour ton form :

Code: Tout sélectionner

<form method="post" action="" name="log1" onsubmit="return search()">

Et à la place de mettre une image pour valider le formulaire, remplaces la par un classique bouton type="submit", tu n'auras qu'à lui rajouter une classe (via CSS) pour le personnaliser

Code: Tout sélectionner

<input type="submit" class="bouton-personnaliser" />

Voili, voilou !

[scriptheque]

Merci pour ton aide mais j'ai testé sa na rien changé

toujours le meme probleme quand on ecrit un mot clé et directement en valide par entré en reste dans la meme page.


Merci de m'aider

[scriptheque]

Je vous met le code dans un zip

http://www.ournia.com/multisite.zip

Merci beaucoup

[david96]

J'ai testé chez moi en modifiant le form et en mettant un submit classique et ça marche !

[scriptheque]

'ai testé sur Mozila et safari sa na rien changé sa ne marche pas.

Sa effectue la recherche juste quand on click sur le bouton pas en validant par entrée.

[david96]

Etrange, tu peux faire un copié/collé de tes changements ?

[scriptheque]

Voila

Code: Tout sélectionner


<script type="text/javascript" src="recherche.js">

<form method="post" action="" name="log1" onsubmit="return search()">
<input type="text" class="text" name="T1" value="" style="width: 200px;" />

<select class="options" name="D1" style="width: 200px;">
<option value="y">Musique</option>
<option value="s">Paroles de chansons</option>
<option value="r">Vidéos-clips</option>
<option value="l">Téléchargement (MP3)</option>
<option value="d">Actualités</option>
<option value="k">Interviews</option>

</select>

<input type="submit" class="bouton-personnaliser" />
</form>

[/code]

[david96]

Je ne sais pas, essaies ça à tout hasard :

Code: Tout sélectionner

<script type="text/javascript" src="recherche.js"> </script>
<form method="post" name="log1" action="" onsubmit="return search()" >

<input type="text" class="text" value="" name="T1" value="" style="width: 200px;" />
<script type="text/javascript" language="javascript">document.log1.T1.focus();</script>

<select class="options" name="D1"  style="width: 200px;" onclick="onsubmit()" >
<option value="y">Musique</option>
<option value="s">Paroles de chansons</option>
<option value="r">Vidéos-clips</option>
<option value="l">Téléchargement (MP3)</option>
<option value="d">Actualités</option>
<option value="k">Interviews</option>

</select>

<input type="submit" class="personnaliser" />
</form>

La personne n'aura pas d'autre choix que d'entrer un mot clef ! (A moins que javascript ne soit pas activé)

[scriptheque]

J'ai essayé mais sa ne change rien sa recharge toute la page.

Si il ya moyen de bloquer difinitivement le bouton ENTRER sans recharger toute la page sa serai bien.

[finstreet]

tu vides des cookies et autres pages en cache, etc quand tu fais tes tests ?

ca marche sur IE chez toi ?

[scriptheque]

Je suis sur mac j'ai testé sur safari et firefox sa marche mais toujours le problème de la validation par le bouton entrer.

[finstreet]

Je suis sur mac j'ai testé sur safari et firefox sa marche mais toujours le problème de la validation par le bouton entrer.

Tain faut te tirer les vers du nez toi... c clair que si on fait les tests sous PC, on risque pas d'aller bien loin