table entête fixe corps scrollable

**SpaceFrog** · 22/05/2007, 14h57

Code :

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

lineHeight * 15

?

**E.Bzz** · 22/05/2007, 15h17

Envoyé par wincroc

autre chose : j'aimerai deplacer l'ascensseur automatiquement pour voir une ligne précise.
est ce possible ?

puisque la ligne semble identifiée (désolé : pas tout lu) .focus() devrait la faire apparaitre dans la zone visible, non ?

**SpaceFrog** · 22/05/2007, 15h18

focus sur une ligne ?

**E.Bzz** · 22/05/2007, 15h23

Envoyé par SpaceFrog

focus sur une ligne ?

Elle même, non, mais j'ai cru voir un <label> dans le code de départ qui, lui, peut le chopper ...

**SpaceFrog** · 22/05/2007, 15h28

ha oui ... ou recupérer le offsetTop du label ou lui mettre une ancre ...

**wincroc** · 22/05/2007, 15h37

je n'ai pas de label sur mes tr, comprend pas tout là

**Bisûnûrs** · 22/05/2007, 15h38

Sinon y a aussi une solution CSS :

http://developpez.net/forums/showthread.php?t=238360

**E.Bzz** · 22/05/2007, 15h42

Envoyé par wincroc

je n'ai pas de label sur mes tr, comprend pas tout là

Code :

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

1
2
3
4
5
6
var th = document.createElement("th");
tr.appendChild(th);
var titre = document.createElement("label");
var texte = document.createTextNode("test");
titre.appendChild(texte);
th.appendChild(titre);

Mais si y a en CSS, c'est mieux

**wincroc** · 22/05/2007, 15h44

la solution CSS n'est pas approprié dans mon cas je pense.
J'ai mis mon tableau en ligne pour l'instant ici :
http://www.wincroc.fr
sélectionnez la deuxieme ligne puis cliquez sur l'intitulé de la 3eme colonne
un trie est donc effectué. Mon pb est que la ligne sélectionné n'est plus visible car elle est en dernier position. Donc j'aimerai que l'ascensseur se positionne.

**SpaceFrog** · 22/05/2007, 15h46

recupère l'offsetTop de la ligne ...
c'est curieux j'ai l'impression de l'avoir déja dit ?

**wincroc** · 22/05/2007, 15h59

j'ai essayé mais ca ne fait rien :

Code :

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

1
2
3
4
 
var ligne = document.getElementById(this.id+"_ligne"+noLigne);
var div = document.getElementById(this.id+"_divCorps");
div.scrollTo(ligne.offsetTop);

pourtant je recupere bien une valeur avec ligne.offsetTop qui est de 221.
Mais le positionnement ne fonctionne pas

**SpaceFrog** · 22/05/2007, 16h03

scrollTo c'est pour window ...

scrollTop ... pour un div ...

**wincroc** · 22/05/2007, 16h06

si je met :
objetDiv.scrollTop, fireFox me retourne :
"is not a function"

**SpaceFrog** · 22/05/2007, 16h10

normal c'est une propriété ... pas une fonction ...

Code :

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

objdiv.scrollTop=200

**wincroc** · 22/05/2007, 16h10

c'est bon ca marche, c'est ma syntaxe qui etait pas bonne
je passait la valeur entre paraenthese alors qu'il fallait l'affecter avec =

**SpaceFrog** · 22/05/2007, 16h17

oui donc un truc avec des parethèses après ça s'appelle une fonction ...

mettre un = c'est attribuer une valeur à une propriété ou une variable ...

**wincroc** · 22/05/2007, 16h55

prochaine etape de mon composant graphique :
je souhaite que lorsque l'on clique 'l'image qui sera place en haut a droite de chaque colonne (comme pour le trie qui est a gauche). Un champs de saisi apparaisse dans le titre de la colonne pour effectuer une recherche dans la table.
Au fur et a mesure que l'utilisateur ajoute une lettre, je positionne le bandeau de sélectionne sur la ligne la plus proche de sa recherche.

Est ce possible

**SpaceFrog** · 22/05/2007, 16h59

oui mais je te conseille d'ouvrir un autre post pour cela ...
et mettre celui ci en résolu ...

**wincroc** · 22/05/2007, 17h11

ok, et encore merci pour vos précieux conseils !

table entête fixe corps scrollable

JavaScript

Discussions similaires

Partager

Partager