Donner le focus à la div de l'API lors du chargement de la page

**cmail** · 30/07/2010, 14h45

La question est dans le titre.
Suivant les propos de dgrichard ici, et ici je souhaiterais forcer le focus sur la div (par exemple référencé par id="GeoportalviewerDiv") de l'API lors du chargement de la page html contenant l'API...

J'ai testé différentes solutions

soit dans la page html au niveau de la balise <body onload="...">
soit dans mon code js dans la fonction function initGeoportalMap() {....}

Une instruction du genre document.getElementById('GeoportalviewerDiv').focus();
Mais tout cela sans résultat positif.
Merci d'avance.

**dgrichard** · 31/07/2010, 12h41

Quel est l'objectif (d'avoir le focus) ?

**cmail** · 02/08/2010, 08h56

Ma manie est d'avoir une présentation accessibles aux mamies....

Dans ce cadre exigeant, je privilégie la commande de l'API par les touches du clavier (comme déjà vu). Cela est possible quand le curseur de la souris est situé dans la div de l'API.

Or, lorsque la mamie charge la page contenant l'API, souvent la souris est en dehors de la div (dans l'entête de menu du navigateur, par exemple...).

L'idée est donc d'imposer au chargement de la page, le focus sur l'api...

**Zébulon-21** · 02/08/2010, 23h54

Merci de relancer le sujet cmail.

Si tu obtenais le résultat souhaité et le mettais à la disposition de la communauté... ce serait un petit pas pour l'homme mais un immense pas pour... les mamies.

Bonnes vacances entretemps.

**dgrichard** · 05/08/2010, 11h46

1. Impossible de mettre la souris dans la div :

I concur - what you want is a focus() on that form element. that way if the user starts typing right away, they'll be typing into the focused element. Confirmed: there is no way for javascript to shove the user's pointer around the screen - the pointer is controlled by the user's mouse; manipulating that would be a highly annoying useability flaw, so browsers don't support it.
you can move elements to be under the pointer, but you can't move the pointer to be over an element.

2. donc, oblige mamie à cliquer dans la div

**cmail** · 05/08/2010, 14h14

Pauvre mamie! Elle a déjà du mal à jouer avec sa souris...

**dgrichard** · 05/08/2010, 15h15

Envoyé par cmail

Pauvre mamie! Elle a déjà du mal à jouer avec sa souris...

certes, mais pourquoi ne pas activer tout le temps des touches du clavier ?
(que la souris soit dedans ou pas)

**cmail** · 05/08/2010, 20h34

Euh?
J'utilise sur tes conseils le bout de code :

Code :

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

1
2
3
4
5
6
7
var nvC= null;
    nvC= viewer.getMap().getControlsByClass('OpenLayers.Control.Navigation');
if (nvC.length>0) {
    nvC= nvC[0];
    nvC.deactivate();
    nvC.zoomWheelEnabled= false;
    nvC.activate();}

Pour activer les touches du clavier et supprimer la roulette de la souris qui surprend beaucoup de mamie quand la souris survole ou pas l'API...
Cela est OK et me satisfait mais il faut que la souris soit sur la div de l"API (d'où ma question initiale sur le focus...)

certes, mais pourquoi ne pas activer tout le temps des touches du clavier ?
(que la souris soit dedans ou pas)

Ouais, mais alors... Euh? Comment faire? Quelques pistes de réflexion serait le bienvenu... Comme d'hab!!!!

**dgrichard** · 06/08/2010, 10h25

Envoyé par cmail

Ouais, mais alors... Euh? Comment faire? Quelques pistes de réflexion serait le bienvenu... Comme d'hab!!!!

Pas d'autre alternative que de créer la carte "à la main" et d'ajouter l'option activeOverMapOnly:

Code :

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
...
        // build a new viewer :
        viewer= new Geoportal.Viewer.Default(           // Default viewer (one could use Geoportal.Viewer.Standard)
                "viewerDiv",                            // div id where to display dataset
                OpenLayers.Util.extend({                // viewer parameters :
                    mode:'normal',
                    territory:'FXX',
                    projection:'IGNF:GEOPORTALFXX',
                    displayProjection:'IGNF:RGF93G',
                    proxy:PROXY+'?url=',
                    nameInstance:'viewer',
                    controlsOptions:{activeOverMapOnly:false}},
                    gGEOPORTALRIGHTSMANAGEMENT          // API configuration with regard to the API key
                )
        );
...

**cmail** · 06/08/2010, 12h11

Là encore merci

Mais où trouve-t-on les autres possibilités de controlsOptions? Histoire de voir et de mieux connaitre...
J'ai bien louché sur Util.js dans OpenLayers mais pas trouvé... Mais c'est une question subsidiaire à ne répondre que si tu as le temps...