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

Vue hybride

Discussions similaires

Partager

Partager