11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'ai besoin de faire une interface de type figer les volets pour conserver les titres de lignes et de colonnes.

Naturellement j'ai souvent plus de lignes et de colonnes que je ne peux en afficher, il me faut donc en général les deux ascenseurs.

J'ai trouvé ici des solutions partielles, mais je pense qu'il me faut :

créer 3 div : l'entête des colonnes, l'entête des lignes et le tableau scrollable.

Je pense pouvoir figer assez de choses pour arriver à caller ces éléments entre eux, donc pas trop d'inquiétude sur la présentation.

Mon pb : comment, lorsque l'on modifie la position d'un ascenseur (H ou V) reporter cela sur la div correspondante (entêtes de colonnes ou de lignes)

Je suppose qu'il faut s'attaquer à JavaScript, mais existe t'il un évènement genre onScroll ???

Merci de vos précieux conseils...
Jacques
Bon, je me répond...

Il existe effectivement un évènement onScroll, a placer sur la balise <DIV onScroll="scrollCorps();">, ensuite il suffit de reporter la position des scroll sur les autres div avec un truc du genre :


function scrollCorps() {
	var vDhT = document.getElementById("hTete");
	var vCH = document.getElementById("leCorpsH");
	var vDvT = document.getElementById("vTete");
	var vC = document.getElementById("leCorps");
	var vCP = document.getElementById("leCorpsP");

	vDhT.scrollLeft = vCP.scrollLeft;
	vCH.scrollLeft = vCP.scrollLeft;
	vC.scrollLeft = vCP.scrollLeft;
	vDvT.scrollTop = vC.scrollTop;

};


Voila, après c'est plus que de la mise en place de Div, la routine quoi...

Smiley smile