Mettre le focus sur une ligne d'un tableau

[HelloWorldAjaxYou]

Bonjour,

Je souhaiterais pouvoir lier un champ texte avec un tableau html.
Je m'explique:

- Je possède un tableau

Code html :

1
2
3
4
5
6
7
<DIV style="width:100%;height:130px;overflow-Y:auto;">
<Table id='tab1'> 
<tr id='1'>...</tr>
 ....
<tr id='100'>
</Table>
</DIV>

Le div me permet de parcourir le tableau grace à un scroll bar


-Je possède un champ texte dans lequel je souhaite entrer le numéro de ligne du tableau (correspondant à l'id du <tr>) et lorsque je valide (via un bouton) j'aimerai que le la ligne visible dans le div soit celle entrée dans le champ (cela sans avoir à utiliser le scroll bar)

J'espère avoir été clair. Et merci d'avance

[SpaceFrog]

première chose, un id ne doit jamais être uniquement numérique ni commencer par un caractère numérique.
ensuite tu peux soit passer par le scrollTop en récupérant la position de ton id, soit utiliser l'ancre de l'id pour faire un href

[HelloWorldAjaxYou]

Merci pr ta réponse, mais est-ce que tu pourrais m'aider encore un peu ?

En fait, je ne peux pas utiliser d'ancre car je ne peux pas faire de href. En effet, je veux focus mon tableau sur la ligne correspondant à l'élément cliqué sur un histogramme. J'ai donc mon graphe avec mes barres et lorsque je clique sur l'une d'elle, je récupère l'évènement comme ceci :

Code :

1
2
3
4
5
6
$j("#graphique").bind("plotclick", function(event, pos, item) {
        var x = item.datapoint[0].toFixed(2);
        if (item) {
            plot.highlight(item.series, item.datapoint);
        }
    });

Et c'est lorsque je passe dans cet évènement que je voudrais que la scrollbar de mon tableau se focus sur la ligne correspondant à la barre de l'histogramme.

J'espère être assez clair...

Donc tout ça pour dire que je ne peux pas utiliser d'ancre et que je n'ai pas compris comment fonctionne le scrollTop... :/

Au début je voulais utiliser :

Code :

document.getElementById('tableau')

mais je n'ai que la possibilité d'utilisé 'scrollIntoView' avec donc inutile :s

Une solution à m'apporter ? merci !

[SpaceFrog]

avec scrollTo et offset() tu devrais pouvoir t'en sortir ...