Discussion :

[snoop94]

Bonjour,

Voila j'ai un soucis de focus dans une page web.

Cette page contient un tableau et un objet de visualisation pdf (jquery media plugin) .

Sur le clic d'une ligne du tableau j'affiche le pdf correspondant. Tout se passe bien sauf qu'a ce moment la le focus est sur le pdf (si j'appuie sur la fleche du bas c'est le pdf qui déroule).

Mais je voudrais que le focus reste sur le tableau pour que l'on puisse parcourir les lignes et afficher à chaque fois le pdf correspondant.

J'ai essayé avec la fonction .focus mais sans résultat.

Voici mon code javascript. La fonction mark se déclenche sur le clic d'une ligne, et la fonction select sur le keydown d'une ligne.

D'avance Merci

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
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
 
function MarkRow(rowId) {
 
 
 
        if (document.getElementById(rowId) == null) {
             return;
        }
         if (document.getElementById(currentRowId) != null) {
 
            //change la couleur de fond 
             document.getElementById(currentRowId).style.backgroundColor = '#ffffff';
 
             var chemin = document.getElementById("ContentPlaceHolderCorps_grv_piece_sChemin_" + currentRowId).value;
 
             //vider la div 
             $('.objpdf').empty();
 
             //Ajout d'un nouveau lien <a id="objpdf" class="media" href="">PDF File</a> 
             //avec le nouveau fichier pdf 
             $('.objpdf').append("<a class='media' href='file://" + chemin + "'>PDF File</a>");
 
             //relance l'affichage
             $('a.media').media({ width: 500, height: 400 });
 
 
             //donne le focus a la grille pour continuer de naviguer
             $(".grv_piece").focus;
             //essai de focus sur la ligne selectionnée
             document.getElementById("ContentPlaceHolderCorps_grv_piece_sChemin_" + currentRowId).focus;
 
        }
 
        currentRowId = rowId;
        document.getElementById(rowId).style.backgroundColor = '#ff0000';
    }
 
    function SelectRow() {
 
        //Si clic sur espace
        if (event.keyCode == 32) {
 
            var cb = document.getElementById('ContentPlaceHolderCorps_grv_piece_CheckBox1_' + currentRowId);
 
            if (cb.checked == true){
                cb.checked = false;
            }
            else
            {
                cb.checked = true;
            }
        }
        else {
            if (event.keyCode == 40)
                MarkRow(currentRowId + 1);
            else if (event.keyCode == 38)
                MarkRow(currentRowId - 1);
        }
    }

[olivieram]

Bonsoir,
ça me paraît incohérent comme code. Ton currentRowId est la ligne en cours.
rowId est la nouvelle ligne sélectionnée.
donc, tu affiches la ligne en cours quand tu cliques sur la nouvelle ligne ?
Y aurait un petit problème, teste bien et regarde bien le fonctionnement de ta grille.
En tout cas pour le focus, moi je dirais que c'est sur le rowId qu'il faut le faire car quand tu cliques sur rowId, c'est rowId qui a le focus.

de plus, l’évènement onkeypress se produit quelque soit le focus, du moment que cet évènement se déclenche dans la page :

Code :

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

document.getElementsByTagName('body')[0].onkeypress = function() {};

[snoop94]

Bonjour et merci pour ta réponse.

Mon script est satisfaisant en ce qui concerne l'affichage du tableau (ligne selectionnée).

Je n'ai pas de soucis de ce coté la. Mon problème est surtout lié au focus.

Pour mieux comprendre je vous joins un exemple simplifié, le précédent étant réalisé sous visual studio.

Je tourne en rond sur ce problème alors merci d'avance.

Edit : A tester sous ie car firefox ne prend pas en compte l'evenement onkeydown sur une ligne de tableau