11480 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous
Avant de réinventer le fil à couper le beurre, je cherche un exemple simple en pur Javascript pour élargir (ou rétrécir) une colonne de table à la souris.
Merci de partager votre savoir
J'ai trouvé la description d'une solution sur un autre forum.
Pour ceux qui sont intéressés, le principe est le suivant:
- on affecte des EventListener aux cellules modifiables. Ce peut être uniquement les cellules de la ligne de titre, ou bien toutes les cellules de la table.
- la cellule devient "active" si on fait un mousedown lorque le curseur est à ± 5px du bord droit de la souris
- sur mousemove, on regarde si le curseur est dans des limites "raisonnables" par rapport à la situation actuelle du bord droit de la cellule
* si oui on calcule style.width de la colonne en fonction de la position du curseur
* sinon on considère que c'est terminé: on désactive la cellule
- sur mouseup on désactive la cellule
Maintenant que j'ai compris, yapuka Smiley sweatdrop Smiley cligne