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.

[Zwiter]

Probleme resolu !
Ma liste est contenue dans ma balise <label> qui contient le champ <input>.
il suffit de cliquer sur n'importe quel element a l'interieur des balises label pour donner le focus a ce champ.
J'ai remplacer label par des balise div, et je n'ai plus aucun probleme de focus.

Z.

[Bovino]

Bonjour,

je cherche a perdre le focus d'un champ input

Je pense que :

Code :

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

document.getElementById('monInput').blur();

doit le faire ???

[Zwiter]

probleme doubelement resolu.
J'ai utilisé le scriptaculous, et en 30 min, j'ai integré l'autocompletion a mon champ, tel que je voulais le faire.
Si google m'avais sortit ce site oueb quand j'avais fait ma recherche sur des scipts deja fait, j'aurai pas perdu une journee de boulot

Bovinos : je n'ai donc pas testé ta solution, mais je suis quasiement sur que ca n'aurait pas marché, toujours a cause du label.

Z.