Bouton par défaut

Version imprimable

Bouton par défaut

Bonjour,

Voilà mon problème, je travail sur un code qui n'est pas à moi et qui est assez bordelique... En gros ma page est structurée avec des fonctions qui vont afficher des choses différentes en fonction de paramètres contenu dans mon URL. De plus je n'ai pas accès au body de ma page et de toute manière je ne peux pas le modifier (master asp).

En fait je fait une recherche sur des salariés, c'est simple. J'ai un input de type text et un input de type bouton, je ne peux pas avoir de submit car ce n'est pas un formulaire à proprement parler. Mon soucis c'est que quand j'appuie sur la touche entrée, il ne se passe rien. Je voudrais en gros que quand j'appuie sur entrée ce soit mon bouton "OK" qui soit cliqué.

Est-ce possible genre en faisant une fonction qui va vérifier sur mon input est remplie et qui va donc mettre en focus mon bouton.

J'ai essayé en faisant :
Code:

1 2 3 4 5 6 7 8 9 10 11 function test() { if (document.getElementById("txtRechercher").value != "") { document.getElementById('idBtOk').focus(); return true; } return false; }
Code:

1 2 <p>Rechercher un utilisateur   <input type="text" id="txtRechercher" name="nomUtilisateurRecherche" onFocus="return test();"> <input type="button" name="btOK" id="idBtOk" value="OK" onClick="javascript:redirection('maj');"></p>
Mais je peux rien saisir dans mon input...

Quelqu'un a une idée ??

Merci d'avance ^^

20/04/2010, 10h11
Brünh

Bonjour,

Ce serait peut être plus simple de faire en sorte qu'il y ait un évènement de type onkeypress sur l'input et lorsque la touche ENTREE est appuyée alors cela exécute la même fonction que lorsque l'on clique sur le bouton OK.

Je ne sais pas si c'est "propre" mais ça peut être une solution.

Salut,

Oui je suis partie dans cette optique, en gros j'ai fait ça :

Code:

1
2
<p>Rechercher un utilisateur &nbsp; <input type="text" id="txtRechercher" name="nomUtilisateurRecherche" onKeyPress="if (event.keyCode == 13) redirection('maj');">&nbsp;<input type="button" name="btOK" id="idBtOk" value="OK" onClick="javascript:redirection('maj');"></p>

Il appelle bien ma fonction javascript mais il ne me fait pas la redirection alors que quand j'appuie sur "OK" il la fait...

Snif...

Code:

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
30
31
32
33
34
 
function redirection(type)
{
	// Suivant la recherche l'affichage est différent
	// maj ou new
	var recherche;
 
	// Gif de chargement
	document.getElementById("visibiliteRechercheImage").style.display = "block";
	if(document.getElementById("visibiliteRechercheImage").style.display == "block")
	{
		document.getElementById("visibiliteRechercheResultat").style.display = "none";
	}
 
	if(type == "maj")
	{
		if (document.myform.nomUtilisateurRecherche.value == "") 
		{
			recherche = "allUser";
		}else{
			recherche = document.myform.nomUtilisateurRecherche.value;
		}
		window.location = 'monURL.asp?action=recherche&recherche='+recherche;;
 
	}else{
		if (document.myform.profilDroit.value == "") 
		{
			recherche = "allUser";
		}else{
			recherche = document.myform.profilDroit.value;
		}
		window.location = 'monURL.asp?action=recherche&recherche='+recherche;
	}
}

Ci dessus ma fonction javascript...

20/04/2010, 11h48
Brünh

Le problème vient de ta balise "form" qui je pense précède ta balise "p", j'ai testé ton bout de code sans balise "form" et ça marche.

Maintenant je n'ai pas tout le code donc je ne peux pas vraiment savoir à quoi elle sert.