Enlever le focus à un label ?

Pierre Goiffon wrote:

Bonjour !

J'ai une page listant des liens
Afin de permettre de lancer les liens dans une nouvelle fenêtre (ou
non), j'ai ajouté une case à cocher, positionnée en fixe par CSS, qui
sur click lance une fonction pour modifier les target. Le HTML ressemble
à ça :

<form action="">
<p>
<label>
<input type="checkbox" name="newwin" onClick="ChgATarget(this.checked)">

à tous z'azzards :

<input type="checkbox" name="newwin"
onClick="ChgATarget(this.checked);
window.focus();">

ou :

<input type="checkbox" name="newwin"
onClick="ChgATarget(this.checked);
window.document.focus();">

ou (mais çà tu l'aurais essayé ?) :

<input type="checkbox" name="newwin"
onClick="ChgATarget(this.checked);
this.parentNode.blur();">

ou :

<input type="checkbox" name="newwin"
onClick="ChgATarget(this.checked);
this.blur();
this.parentNode.blur();
this.parentNode.parentNode.blur();
this.parentNode.parentNode.parentNode.blur();">

ou bricoler la fonction dans ce sens ?

&nbsp;Liens dans nouvelle fenêtre
</label>
</p>
</form>

Le prb est qu'une fois cliqué sur le label, le focus lui est donné et
que la molette ne permet plus de scroller la page : en effet le focus
est donné à la case à cocher, qui est dans une boite positionnée en
dehors du flux.

Ajouter this.blur() dans le onClick ne résoud le prb *QUE* si l'on
clique directement sur la case à cocher, pas si la sélection est
effectuée sur le label.

et comment tu fais la sélection sur le label ?
et d'abord à quoi sert ce label ?
et de même pour ce p ?

et ... si ... c'est le form qui est sélectionné ?

Comment faire donc pour que dans tous les cas la molette continue de
permettre le scroll ?

ou alors rajouter un onclik="this.blur()" à input + label + p + form

ou tu réduis le form à la taille de la boite à cocher ?

--
Stephane Moriaux et son [moins] vieux Mac

J'ai une page listant des liens
Afin de permettre de lancer les liens dans une nouvelle fenêtre (ou
non), j'ai ajouté une case à cocher, positionnée en fixe par CSS, qui
sur click lance une fonction pour modifier les target. [...]

Le prb est qu'une fois cliqué sur le label, le focus lui est donné et
que la molette ne permet plus de scroller la page : en effet le focus
est donné à la case à cocher, qui est dans une boite positionnée en
dehors du flux.

Pas réussi à reproduire le problème, ni dans IE6, ni dans FF1.0.6 !

Ajouter this.blur() dans le onClick ne résoud le prb *QUE* si l'on
clique directement sur la case à cocher, pas si la sélection est
effectuée sur le label.

Je mettrais plutôt : onfocus="this.blur()" (éventuellement sur le
label aussi si le problème n'est pas réglé en le mettant seulement
sur l'input).

--
Y.D.

Pierre Goiffon wrote:

J'ai une page listant des liens
Afin de permettre de lancer les liens dans une nouvelle fenêtre (ou non),
j'ai ajouté une case à cocher, positionnée en fixe par CSS, qui sur click
lance une fonction pour modifier les target. Le HTML ressemble à ça :

<form action="">
<p>
<label>
<input type="checkbox" name="newwin" onClick="ChgATarget(this.checked)">
&nbsp;Liens dans nouvelle fenêtre
</label>
</p>
</form>

Le prb est qu'une fois cliqué sur le label, le focus lui est donné et que la
molette ne permet plus de scroller la page

Merci de vos réponses
Une page pour reproduire le prb :
http://pgoiffon.free.fr/_temp/20050720_fixed_focus.html

Dans les solutions proposées (j'avais déjà essayé certaines)
utilisation de blur() et de focus() :
- <label onfocus="this.blur()">
- <input ... onClick="...; this.parentNode.blur();">
- <input ... onClick="...; window.document.focus();">
Ca ne fonctionne pas ("... is not a function")

Un tour sur selfhtml indique que blur et focus ne s'appliquent qu'à
certains éléments :
http://fr.selfhtml.org/javascript/objets/elements.htm#blur
http://fr.selfhtml.org/javascript/objets/elements.htm#focus

Pour répondre à ASM :
- le label permet de pourvoir cliquer sur le label pour cocher la case
(euh... essaie de cliquer sur "liens dans nouvelle fenêtre")
- le p est nécessaire pour un code valide

Merci de vos réponses
Une page pour reproduire le prb :
http://pgoiffon.free.fr/_temp/20050720_fixed_focus.html

Juste une remarque : je reproduis ton problème sous Firefox 1.0 mais
sache que sous IE il ne se passe rien lorsque l'on clique sur le label
!...

--
Cordialement, Thierry ;-)

Merci de vos réponses
Une page pour reproduire le prb :
http://pgoiffon.free.fr/_temp/20050720_fixed_focus.html

Juste une remarque : je reproduis ton problème sous Firefox 1.0 mais
sache que sous IE il ne se passe rien lorsque l'on clique sur le label
!...

Hormis le curseur qui change de forme, bien sûr...

--
Cordialement, Thierry ;-)

Cenekemoi wrote:

Juste une remarque : je reproduis ton problème sous Firefox 1.0 mais
sache que sous IE il ne se passe rien lorsque l'on clique sur le label
!...

Hormis le curseur qui change de forme, bien sûr...

Oui
Pour que ça fonctionne sous IE il aurait fallu quelques chose comme :

<input ... id="macheckbox">
<label for="macheckbox">...</label>

Mais sur la page finale il y a un appel à IE7 qui permet de s'affranchir
de cela (et de bcp d'autres choses)

Pierre Goiffon wrote:

J'ai une page listant des liens
Afin de permettre de lancer les liens dans une nouvelle fenêtre (ou
non), j'ai ajouté une case à cocher, positionnée en fixe par CSS, qui
sur click lance une fonction pour modifier les target. Le HTML
ressemble à ça :

<form action="">
<p>
<label>
<input type="checkbox" name="newwin" onClick="ChgATarget(this.checked)">
&nbsp;Liens dans nouvelle fenêtre
</label>
</p>
</form>

Le prb est qu'une fois cliqué sur le label, le focus lui est donné et
que la molette ne permet plus de scroller la page

À cause du fixed...

Merci de vos réponses
Une page pour reproduire le prb :
http://pgoiffon.free.fr/_temp/20050720_fixed_focus.html [...]

Un simple ajout de onfocus="this.blur()" dans la balise INPUT a
résolu le problème avec FF 1.0.6. Voir <http://ygda.free.fr//20050720_fixed_focus.html>

--
Y.D.

Pierre Goiffon wrote:

Pour répondre à ASM :
- le label permet de pourvoir cliquer sur le label pour cocher la case
(euh... essaie de cliquer sur "liens dans nouvelle fenêtre")

oui ... et alors ? ça doit faire qque chose ?

Ha ? tiens oui, FF en fait qque chose
(et camino et iCab mais pas Safari)

- le p est nécessaire pour un code valide

réellement ?

sans le p, mon validateur(*) ne me donne pas d'erreur.
mais sur le form : oui (ou preque)
"line 37 column 1 - Warning: <form> attribute "action" lacks value"

cependant celui du w3c est d'accord avec toi :-/

(*) mon validator est le Tidy intégré à FF 1.0.4
m'a tout l'air pas z'au top :-(

--
Stephane Moriaux et son [moins] vieux Mac

Pierre Goiffon wrote:

Pour que ça fonctionne sous IE il aurait fallu quelques chose comme :

<input ... id="macheckbox">
<label for="macheckbox">...</label>

Mais sur la page finale il y a un appel à IE7 qui permet de s'affranchir
de cela (et de bcp d'autres choses)

L'un comme l'autre n'émotionneront pas bp mon Safari

--
Stephane Moriaux et son [moins] vieux Mac

YD wrote:

Un simple ajout de onfocus="this.blur()" dans la balise INPUT a
résolu le problème avec FF 1.0.6. Voir
<http://ygda.free.fr//20050720_fixed_focus.html>

tt à fait exact
(Camino, FF doit avoir reçu : ne se connecte + que par hazard)

comment se fait-ce que ça n'ait pas fonctionné chez Pierre ?

--
Stephane Moriaux et son [moins] vieux Mac