PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 22 → Contenu derrière la popup qui bouge lorsqu'on descend dans la popup
Contenu derrière la popup qui bouge lorsqu'on descend dans la popup
Débuté par Jeff, 10 mar. 2017 20:46 - 7 réponses
//hostimage.webdev.info/avatars/default.gif
Posté le 10 mars 2017 - 20:46
Bonjour,

La question est juste un aspect d'ergonomie.

J'ai une popup qui est plus longue que la page. Pas de problème je peux scroller jusqu'en bas.

Toutefois, la page qui est derrière scroll aussi, ce qui n'est pas très esthétique. D'autant que le grisage de la page couvre uniquement la partie visible, ce qui fait que si ma popup fait 2 fois la hauteur de la page (pour info elle contient une liste d'informations), la popup se retrouve au milieu d'une page blanche.

Existe-t-il un paramétrage ou une astuce ?

Merci de vos conseils éventuels.

Jeff.
//hostimage.webdev.info/avatars/default.gif
Posté le 11 mars 2017 - 12:14
Bonjour Jeff,

et si tu faisais une popup plus petite que la page, et que ton contenu
pouvait scroller dans son champs DANS la popup ?

Cordialement


--
Fabrice Harari
Consultant WinDev, WebDev et WinDev Mobile International

A votre disposition : WXShowroom.com, WXReplication (open source) et
maintenant WXEDM (open source)

Plus d'information sur http://fabriceharari.com


Le 3/10/2017 à 2:46 PM, Jeff a écrit :
Bonjour,

La question est juste un aspect d'ergonomie.

J'ai une popup qui est plus longue que la page. Pas de problème je peux
scroller jusqu'en bas.

Toutefois, la page qui est derrière scroll aussi, ce qui n'est pas très
esthétique. D'autant que le grisage de la page couvre uniquement la
partie visible, ce qui fait que si ma popup fait 2 fois la hauteur de la
page (pour info elle contient une liste d'informations), la popup se
retrouve au milieu d'une page blanche.

Existe-t-il un paramétrage ou une astuce ?

Merci de vos conseils éventuels.

Jeff.
//hostimage.webdev.info/avatars/3p2WFxJYv5QPx7d8CbHN5A
Membre enregistré
813 messages
Posté le 13 mars 2017 - 05:18
Bonjour,

+1 pour Fabrice, la popup ne doit pas faire plus que la taille de l'écran sinon ce n'est plus une popup...

--
Cordialement,

Philippe SAINT-BERTIN
Géode Informatique
//hostimage.webdev.info/avatars/default.gif
Posté le 13 mars 2017 - 11:13
Bonjour,

Merci pour ces infos.

En fait, il s'agit souvent d'une image d'un document A4 qui est plus longue que la page. La visualisation est plus agréable si l'image s'affiche complètement dans l'écran, plutôt que dans un champ avec un ascenseur.

On a fait des tests complémentaires.

Si on ancre la zone de la page (ce qui est possible car c'est une table qui est ancrée en hauteur et largeur, et dans les conditions d'utilisation il n'y a jamais d'ascenseur.), le fond effectivement ne bouge pas.

Sauf que selon le navigateur le comportement a des effets de bords :
- Chrome : la zone grisée (juste la couleur grisée) disparaît avec le déplacement, et rend accessible le contenu de la page support
- IE : l'ascenseur de la table disparaît si la zone est épinglée
- Mozilla : c'est parfait

On a remonté le problème de chrome (grisage) et IE (ascenseur) au support technique avec aussi une demande de suggestion sur la manière de mettre en place cette fonctionnalité (popup plus grande que page).

Si vous avez d'autres idées.

Merci.

Jeff.
//hostimage.webdev.info/avatars/oLomSKzSPcelgplozlMafQ
Membre enregistré
162 messages
Popularité : +1 (1 vote)
Posté le 13 mars 2017 - 14:10
Bonjour Jeff,

Question peut-être simplette : si il s'agit d'afficher une image, pourquoi la popup ?!
Je pense que la manipulation du champ vignette serait plus approprié non ?!

Cordialement

--
René MALKA
//hostimage.webdev.info/avatars/default.gif
Posté le 13 mars 2017 - 16:25
Merci de votre retour et votre intérêt.

Lorsqu'il existe un document, il s'agit d'un document converti qui est "empacté" dans un "visualisateur" en HTML5 ou Flash qui permet de passer d'une page du document à l'autre si besoin, d'imprimer directement, etc.. Et on affiche aussi à côté quelques informations complémentaire. Donc ce n'est pas à proprement parlé une image.

Je travaillais sur les popups pour l'aspect fluide.

J'ai fait d'autre tests en utilisant les propriétés CSS ou javascript, mais sans succès pour figer temporairement la zone qui "bouge" : en gros, je fige tout y compris la popup.

A défaut de pouvoir utiliser les popups comme je souhaite, je regarde la possibilité d'utiliser les plans qui permettrait de passer de la table au document, et qui pourrait fournir la même fluidité.

Jeff.
//hostimage.webdev.info/avatars/default.gif
Posté le 13 mars 2017 - 16:38
Bonjour

une solution serait d'utiliser une cellue invisible et un
cellaffichedialogue, en changeant la taille de la cellule en dynamque
pour qu'elle recouvre toute la largeur de la page...

Après ca, le fond peut scroller autant qu'il veut, il est derrière la
cellule

Cordialement


--
Fabrice Harari
Consultant WinDev, WebDev et WinDev Mobile International

A votre disposition : WXShowroom.com, WXReplication (open source) et
maintenant WXEDM (open source)

Plus d'information sur http://fabriceharari.com


Le 3/13/2017 à 10:25 AM, Jeff a écrit :
Merci de votre retour et votre intérêt.

Lorsqu'il existe un document, il s'agit d'un document converti qui est
"empacté" dans un "visualisateur" en HTML5 ou Flash qui permet de passer
d'une page du document à l'autre si besoin, d'imprimer directement,
etc.. Et on affiche aussi à côté quelques informations complémentaire.
Donc ce n'est pas à proprement parlé une image.

Je travaillais sur les popups pour l'aspect fluide.

J'ai fait d'autre tests en utilisant les propriétés CSS ou javascript,
mais sans succès pour figer temporairement la zone qui "bouge" : en
gros, je fige tout y compris la popup.

A défaut de pouvoir utiliser les popups comme je souhaite, je regarde la
possibilité d'utiliser les plans qui permettrait de passer de la table
au document, et qui pourrait fournir la même fluidité.

Jeff.
//hostimage.webdev.info/avatars/default.gif
Posté le 14 mars 2017 - 16:27
Bonjour,

Merci pour l'idée de la cellule Cela marche bien.

Jeff