Comment avoir FOCUS sur une page

Version imprimable

14/02/2007, 15h55
clucibelle

Comment avoir FOCUS sur une page

Bonjour,

Je voudrais bien savoir s'il y a un "truc et astuce" pour avoir le focus sur une page ou il n'y a pas de champs editable. Je m'explique: j'ai une page qui contient plusieurs onglets et je voudrais intercepter ce que l'utilisateur tape au clavier. Mon problème est qu'il n'y a aucun champ editable sur les différent onglet. Je ne peux avoir le focus que si je clique sur un onglet ou sur la page elle même, ce qui ne m'intéresse pas

Suggestions are welcome
Merci
14/02/2007, 16h08
E.Bzz

Bonjour,

Code:

<body onload="self.focus();">

Pas besoin d'input ...
Par contre, pourquoi veux-tu qu'un utilisateur tape qqchose au clavier s'il n'a pas de champ de saisie sous les yeux ?
Parce qu'il n'est pas sur la page sur laquelle il pense être, peut-être ? :mrgreen:

A+
14/02/2007, 16h18
clucibelle

Bonjour,
C'est pour sauter d'un onglet à l'autre sans utiliser la souris. Par exemple F7 pour passer à l'onglet suivant et F8 pour revenir à l'onglet précédent.
J'essaie ce code... Merci

Citation:

Envoyé par clucibelle

Bonjour,
C'est pour sauter d'un onglet à l'autre sans utiliser la souris. Par exemple F7 pour passer à l'onglet suivant et F8 pour revenir à l'onglet précédent.
J'essaie ce code... Merci

Utiliser F1...F12 sur ton site :aie: En ce qui me concerne F7 et F8 sont utilisées par mon navigateur (Firefox), utilise d'autres touches 0 à 9 par exemple ou la tabulation.

Exemple :

Code:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
.aspectGeneral{
 float: left;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 4px;
 padding-bottom: 4px;
 text-align: center;
 margin: 1px;
}
 
.desactive{
 color:#666666;
 border: inset 3px #999999;
}
 
.active{
 color:#000000;
 border: outset 3px #999999;
}
 
//-->
</style>
 
<script type="text/javascript">
<!--
var oldOnglet;
function touche(ev)
{
 var code = ev.keyCode - 96;  //99 code du 0
 var onglet = document.getElementById("onglet"+code);
 
 if (onglet!=null)
 {
   onglet.className = "active aspectGeneral";
 }
 
 if (oldOnglet!=null)
 {
   oldOnglet.className = "desactive aspectGeneral";
 }
 oldOnglet = onglet;
 
}
//-->
</script>
 
</head>
 
<body onkeyup=touche(event)>
 
<div class="desactive aspectGeneral" id="onglet0"> onglet 0</div>
<div class="desactive aspectGeneral" id="onglet1"> onglet 1</div>
<div class="desactive aspectGeneral" id="onglet2"> onglet 2</div>
<div class="desactive aspectGeneral" id="onglet3"> onglet 3</div>
<div class="desactive aspectGeneral" id="onglet4"> onglet 4</div>
<div class="desactive aspectGeneral" id="onglet5"> onglet 5</div>
 
 
</body>
 
</html>

15/02/2007, 08h27
clucibelle

Bonjour,
En fait, c'est un logiciel spécifique.... Peu importe les touches de fonction à intercepter, ce qui m'intéresse c'est comment avoir le focus sur un frame qui n'a que des zones en display et aucune en input. Je n'ai pas trouver dans JS comment récupérer le focus autrement que sur un champ d'input.
Je vais essayer la méthode proposée dans la 1ere réponse.
Si tu as une autres astuces, je suis preneur...
Merci
15/02/2007, 08h53
ryan

Yop!

La methode focus() peut s'appliquer à bien des objects. Tu pourras trouver une liste des ces objects ici:
http://msdn.microsoft.com/library/de...hods/focus.asp
15/02/2007, 09h52
E.Bzz

Heu ... pas sûr que Crosoft.com soit la meilleure référence pour savoir "ce qui est possible" dans l'absolu :mrgreen:

A+
16/02/2007, 13h45
clucibelle

Bon ben le <body onload="self.focus();"> ne fonctionne pas :(
Si autres idées.. je galère sur ce prob....
22/02/2007, 10h05
clucibelle

Voilà... c'est trouvé

Salut
Pour info
Sous IE : target.fireEvent( "onclick" );
Sous IE, fireEvent ne déclenche que les listeners mis en place sur l'élément, pas son comportement par défaut. Les liens ne sont par exemple pas suivi sur un évènement click

Info trouvé sur le forum "Sommaire > La détection des évènements" et postée par DenisC

Merci