Récupérer l'élément contenant le curseur

**mlny84** · 31/07/2009, 14h05

Bonjour,

J'ai plusieurs instances de FCKEditor dans ma page, et je voudrai pouvoir récupérer le nom de l'instance où j'ai mon curseur.

Comme du côté des fonctions de FCKEditor on récupère l'instance de l'éditeur en fonction de son nom, je me retrouve un peu bloquée puisque mes instances sont numérotées de cette façon : FCKEditor_0 , FCKEditor_1, FCKEditor_2, ...

Et que c'est donc ce paramètre que je souhaite récupérer, en fonction de la position de mon curseur.

Je cherche donc si il y a un moyen de connaître le nom de l'élément où le curseur est situé, afin que je puisse ensuite remonter jusqu'à l'iframe parent afin de récupérer son nom.

Si vous voyez une méthode plus simple ou si vous voyez comment faire cette méthode, merci de m'éclairer

**SpaceFrog** · 31/07/2009, 14h18

essaye en collant un flag gobal

Code :

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

var hasfocus;

et sur le mouseover ou onfocus de chaque element FCK un truc du genre:

Code :

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

hasfocus=this.id;

**mlny84** · 31/07/2009, 18h05

Mais je peux placer un évènement sur quel élément de mon éditeur ?

Firebug me donne un code à peu près ainsi pour la frame de mon éditeur :

Code html :

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

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
<iframe id="FCKeditor_0___Frame" height="400" frameborder="no" width="750" scrolling="no" src="FCKeditor/editor/fckeditor.html?InstanceName=FCKeditor_0&Toolbar=notice">
<html>
<head>
</head>
<div id="_firebugConsole" style="display: none;" FirebugVersion="1.4.1" methodName="log"/>
<body style="-moz-user-select: none;">
<table height="100%" cellspacing="0" cellpadding="0" border="0" width="100%" style="table-layout: fixed;">
<tbody>
<tr>
</tr>
<tr id="eWysiwyg">
<td id="eWysiwygCell" height="100%" valign="top">
<iframe id="eEditorArea" height="371" frameborder="no" width="100%" src="fckblank.html" name="eEditorArea">
<html>
<head>
</head>
<body>Voici mon corps d'editeur</body>
</html>
</iframe>
</td>
</tr>
<tr id="eSource" style="display: none;">
<td class="Source" height="100%" valign="top">
<textarea id="eSourceField" style="width: 100%; height: 100%;" dir="ltr"/>
</td>
</tr>
</tbody>
</table>
</body>
</html>
</iframe>

J'ai essayé un

Code :

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

Event.observe(zoneTexte, 'focus', setFocus);

avec:

Code :

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

1
2
3
4
function setFocus(){
	hasfocus=this.id;
	alert("Focus sur this = "+this);
}

Avec zoneTexte qui pointe sur ma frame "FCKeditor_0___Frame" ; ou qui pointe sur le body qui contient mon corps de texte ; ou qui pointe sur le textarea "eSourceField" sans succès...

Quelqu'un voit ce qui cloche ?

**SpaceFrog** · 31/07/2009, 18h14

un div ne prend pas de focus ...
regarde plutot au niveau du code source généré, en fait FCK insère un iframe je pense ...

**mlny84** · 03/08/2009, 12h02

Envoyé par SpaceFrog

un div ne prend pas de focus ...
regarde plutot au niveau du code source généré, en fait FCK insère un iframe je pense ...

oui, un div ne prend pas de focus, c'est pourquoi je demandais sur quel élément mettre l'observateur dans mon précédent message (avec en partie la copie du code source généré).

Finalement j'ai laissé tombé le focus et j'ai utilisé un click sur un bouton de mon éditeur FCK et je me débrouille avec ça.

Merci quand même pour ton aide

Récupérer l'élément contenant le curseur

JavaScript

Discussions similaires

Partager

Partager