Discussion :

[calitom]

Bonjour,

Je souhaite faire un test sur le focus...
Voici ce que j'ai fait mais qui ne marche pas:

Code :

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

1
2
3
4
5
6
7
8
9
 
if(document.getElementById('boxContent1').focus)
{
 doCommand('insertImage');
}
else
{
 alert('Il faut etre dans un div');
}

Comment faire pour que ma fonction s'execute si le focus est dans l'element boxContent1 et affiche la fenetre alert dans tous les autres cas?
Merci d'avance

[cerede2000]

Hum deja les element DIV n'ont pas de propriété focus :S

[Bisûnûrs]

Code :

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

focus()

[calitom]

J'ai essayé avec

Code :

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

focus() et focus()==true

Et ca ne marche pas...

Comment faire?
Y a t'il une autre méthode?

[cerede2000]

Hum en javascript la methode focus() set a donné le focus mais elle ne renvoi rien

[calitom]

Oui j'ai compris, mais n'existe t'il pas une fonction permettant de tester si le focus est dans un element?

Du genre isfocus() ou je ne sais pas, si une telle fonction n'existe pas comment puis je la faire? A partir de quelles autres fonctions?

[Bisûnûrs]

Ca n'existe pas en Javascript ..

Ce que tu peux faire, tu déclares une variable globale à false, et si jamais ton élément a eu le focus tu la bascules à true et quand il le perd tu la remets à false.

Tu n'as plus qu'à tester si ta variable est à true.

[calitom]

Oui mais comment detecter que mon div a le focus et comment detecter qu'il le perd?

[cerede2000]

Moi je ferais un truc du style tu regarde la position de ton DIV, et tu compare avec la position du curseur...
C'est le seul moyen que je voit pour faire vraiment ce que tu veut

[Bisûnûrs]

Oui mais comment detecter que mon div a le focus et comment detecter qu'il le perd?

C'est pas clair ton histoire. Tu appelles quoi "avoir le focus pour un div" ?
Les éléments qui peuvent avoir un focus sont ceux que tu peux clairement voir quand tu navigues avec la touche tab. Or un div n'est pas "focusable".

Alors explique-nous, à quel moment peux-tu dire qu'un div a le focus (textuellement parlant, pas informatiquement) ?

[calitom]

En gros, j'ai un (ou plusieurs) div editable(s) dont l'id est (ou sont) boxContent1 (boxContent2 boxContent3...)

Tous ces div sont draggables car contenu dans un autre div draggable...
Et tous ces div draggables sont contenus dans un div général.
Au dessus, j'ai des barres d'outil permettant d'editer le texte de mes div boxContent, d'y ajouter des images...

Le truc c'est que je souhaite pouvoir ajouter du contenu(images, liens...) uniquement dans les div boxContent.
D'ou la nécessité de détecter que le focus est dans le div éditable...

Car si on est pas dans un div éditable, pour le moment, la fonction doCommand('insertimage') insert une image hors de mes div et je souhaite rendre ca impossible...

Est ce que j'ai été clair?

[cerede2000]

Oui parfaitement, a ce moment la tu faire un truc avec l'evenement onclickdes DIV, quand tu clique dans un DIV tu recupere le nom, ou l'id ou ce que tu veut et tu le traite apres

[calitom]

Et si l'utilisateur clique plusieurs fois sur le div ca pose probleme!
C'est pour ca que je dois absolument etre sur qu'il a le focus dans un div editable

[SpaceFrog]

y'a au moins 5 ans j'ai mis un code pour choper le focus ...

colle une variable globale sur la page et ajoute une fonction à tous les objets dont tu veux verifier le focus ...

Code :

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

1
2
3
4
var gotfocus;
 
// puis dasn les balises des objets à surveiller :
onfocus='gotfocus=this'

en suite pour savoir si ton objet à le focus

Code :

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

if (obj==gotfocus)

[cerede2000]

Pourquoi ca pose probleme, tu peut tres bien utiliser le nom et l'id et mettre un repere qui te permet de savoir si la DIV est editable ou pas...
De toute facon tu n'as pas de fonction toute faite, donc si tu cherche la simplicité ce n'est pas possible

Edit: Oui mais SpaceFrog, les div n'ont pas l'attrubit onfocus :S

[SpaceFrog]

exact... suffit de passer par le onkeydown, onmouseover ou autre ...

[calitom]

Le div est tous le temps editable, le fait de recuperer le nom du div ne m'apporte rien...

Le div peut exister, et le focus peut quand meme etre hors du div, si le client ajoute le div et qu'il clique a coté du div, le div perd son focus, et s'il fait un test sur le nom ou l'id du div, il trouvera bien quelque chose, mais il ne pourra pas dire si oui ou non il a le focus...

[calitom]

Oui mais il me faudrait un onfocus, mais je ne crois pas que ca existe

[cerede2000]

On la dit je ne sait combien de fois :S pas de onfocus sur une DIV tu est obligé de passé par un stratagème tordu

[calitom]

J'ai testé le onfocus, et ca marche...
Donc j'arrive a faire une action lorsque le focus arrive dans mon div editable...

Maintenant il me faudrait un truc du genre onfocusout !!
Une idée?