Discussion :

[airod]

bonjour, je suis confronter a un problème sur lequel je sèche totalement.

J'ai dans une page, un tableau scrollable (type excel)(appellé en ajax). celui ci est composé en fait d'une div globale, contenant deux div (une gauche et une droite).
dans chacune de ces dernières, j'ai un tableau . A la suite de ca j'exécute une fonction javascript qui me recalcule la hauteur optimum de chaque ligne d'un tableau par rapport a l'autre en fonction du contenu. La div de droite est scrollable en x et hidden en y.

le problème se situe donc dans cette div scrollable. En ajax, j'appelle des composant lors de clic dans les cellules du tableau contenu dans la div droite. Ces composants, peuvent être des simple input, ou des composants plus complexe comme un input avec un menu a choix multiple... (on y arrive au problème.)
dans le cas d'un composant complexe (composé a partir de div), le menu a choix multiple est caché par le bas de la div scrollable si celui ci dépasse des limites. Comment puis je faire pour que cette div passe par dessus la div scrollable et affiche tout le contenu quite a ce que ce menu dépasse du tableau. (sans bien sur créer un scroll-y)?
Merci d'avance

[c_s_s]

Bonjour,

Une solution serait de modifier la propriété overflow du div scrollable, mais le problème c'est que c'est cette même propriété qui gère le scroll.

Il faudrait faire des tests avec la propriété z-index mais je n'y crois pas trop puisque l'élément qui est masqué est un "enfant" du div scollable.
Même en donnant un z-index plus grand au menu, il ne passera pas au dessus du div scrollable.

Après, il y a peut-être moyen (en Javascript, Ajax ?) de faire en sorte que le menu se déroule vers le haut plutôt que vers le bas en fonction de sa position dans le div scrollable.


As-tu une page en ligne ?

[devyan]

Une solution serait de modifier la propriété overflow du div scrollable, mais le problème c'est que c'est cette même propriété qui gère le scroll.

Tu dois pouvoir utiliser "overflow-x:visible;" dans ce cas.

Il faudrait faire des tests avec la propriété z-index mais je n'y crois pas trop puisque l'élément qui est masqué est un "enfant" du div scollable.
Même en donnant un z-index plus grand au menu, il ne passera pas au dessus du div scrollable.

Désolé, mais le "z-index" ne pourra pas être utilisé pour ce cas de figure

Un autre moyen pourrait être de "sortir" le DIV "popupeditor" de celui scrollable et de le positionner de manière "absolue" en fonction de la case sélectionnée.

Une autre solution serait de gérer le "popupeditor" comme windows et de le placer au dessus ou en dessous en focntion de l'espace disponible dans le DIV scrollable (mais je ne pense pas que cela puisse résoudre le problème)

Une dernière solution serait de rendre le "popupeditor" scrollable afin de pouvoir accéder aux éléments qui actuellement sont masqués par la limite du DIV scrollable.

J'espère ne pas être trop confus (pas sûr, il est tard et la journée a été intense)