Comment avoir FOCUS sur une page

**clucibelle** · 14/02/2007, 15h55

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

**E.Bzz** · 14/02/2007, 16h08

Bonjour,

Code :

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

<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 ?

A+

**clucibelle** · 14/02/2007, 16h18

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

**Auteur** · 14/02/2007, 18h36

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

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 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
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>

**clucibelle** · 15/02/2007, 08h27

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

**ryan** · 15/02/2007, 08h53

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

**E.Bzz** · 15/02/2007, 09h52

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

A+

**clucibelle** · 16/02/2007, 13h45

Bon ben le <body onload="self.focus();"> ne fonctionne pas

Si autres idées.. je galère sur ce prob....

**clucibelle** · 22/02/2007, 10h05

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

Comment avoir FOCUS sur une page

JavaScript

Discussions similaires

Partager

Partager