Discussion :

[Zwiter]

Bonjour amis developpeurs,

je cherche a perdre le focus d'un champ input. Je n'ai pas trouvé de fonction javascript pour le faire
Connaitriez vous une solution simple et elegantes de faire cela?

Merci
Z.

[SpaceFrog]

donner le focus ailleurs ...

[Zwiter]

merci SpaceFrog pour ta reponse supraluminique.

J'ai deja essayer, sans succes. L'astuce vue sur un autre forum etait de donner le focus a une autre balise de la page.
mais peut on vraiment donner le focus a n'importe quelle balise d'une page?

Mon code actuel :

Code :

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

1
2
3
4
5
6
7
8
function selectFeature(elem) {
	var target = elem.up(2).firstDescendant();//le champ input
	target.value = elem.innerHTML;//elem est l'element choisi via un onclick='selectFeature(this)'
	elem.up(2).focus();//focus sur la balise parent au champ input
	elem.up(1).hide();//cache la liste
	alert(111111);//pdt la boite de dialogue, la liste est bien cachée, le champ input n'a pas ENCORE repris le focus
	//puis le champ input reprend le focus, la liste est a nouveau affichee ( sans le alerte, c'est invisible a l'utilisateur)
	}

Z.

[SpaceFrog]

Code :

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

elem.up(1).hide()

hide() ?

tu utilises une librairie ?

[Zwiter]

oui, j'ai omis que j'utilise encore et toujous Prototype.js
Dans tous les cas, l'element est bien caché puisque lors de la boite d'alerte, il est invisible. Mais ensuite, le champ reprend le focus tout seul, et la liste est a nouveau visible.
je suis en train de tenter de basculer le focus sur un autre champ, sans succes : mon 1er champ garde tjrs le focus.

[Zwiter]

Voila ou je suis rendu :
code HTML :

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
<form action="" method="post" name="form_feature" id="form_feature">
  <p>
    <input type="button" onclick="submitForm()" value="Submit" id="Submit" name="Submit"/>
    <input type="button" onclick="selectFeature(this)" value="testaaaaage" id="sample" name="sample"/>
	<input type="text" value="tricky_button" id="tricky_button" name="tricky_button"/>
  </p>
  <p><label>Sample feature <input name="Sample[]" onkeyup="autoComplete(this, 'Sample')" onfocus="featureFocus(this);"/>
<div class="autocomp" style="">
<ul>
<li onclick="selectFeature(this);">control type</li>
<li onclick="selectFeature(this);">ccccc</li>
<li onclick="selectFeature(this);">clafouti</li>
<li onclick="selectFeature(this);">c</li>
</ul>
</div></label></p></form>

Javascript :

Code :

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

1
2
3
function selectFeature(elem) {
	$('tricky_button').focus();
	}

Losrque je clique sur le boutton testaaaage, le champ tricky prend le focus correctement.
Mais quand lje clique un element de la liste, le focus va dans le 2eme champ contenu dans la meme balise parente que cette liste.

Z.