PC SOFT

FORUMS PROFESSIONNELS
WINDEV, WEBDEV et WINDEV Mobile

Accueil  |  Messages récents  | Connexion  |   | Français  FR
Accueil → WEBDEV (précédentes versions) → Page modale ou popup
Page modale ou popup
Débuté par stephane, 29 avr. 2021 12:55 - 3 réponses
#1
Posté le 29 avril 2021 - 12:55
Bonjour tout le monde,

Je vais essayer de faire une explication simple...

J'ai une page d'un site A comportant un bouton qui ouvre une page awp d'un site B.

Question simple :

Comment faire pour que la page du site B s'ouvre de manière "modale".
Je ne sais pas si c'est le bon terme (modale)...
En résumé, je souhaiterai que la page du site B s'ouvre par dessus la page du site A comme si c'était une popup.
On reste donc sur le site A avec la page du site B ouverte dans une "popup"

Voici un exemple sur CodePen :

https://codepen.io/dje_renard/pen/POGKYb

Merci pour vos retours
Belle journée à tous
#2
Posté le 29 avril 2021 - 13:55
une cellule cachée au départ (hors écran, invisible, etc)
Dans cette cellule, une iframe
CellDisplayDialog pour afficher la cellule
Affectation de l'url à l'iframe pour afficher le contenu
CellCloseDialog pour fermer la cellule

Si tu veux que le contenu AUTOUR de la page secondaire soit accessible, tu fais la cellule et l'iframe de la même taille
Si tu veux que le contenu soit bloqué, tu centre l'iframe dans la cellule, tu récupéère la taille du navigateur, et tu modifie les dimensions de la cellule pour qu'elle recouvre tout ce qui est affiché

C'est tout
#3
Posté le 29 avril 2021 - 14:45
Merci aArgus pour ta réponse,

Ta solution conviendrai tout a fait si j'avais la main sur le site A...

Oups, petit détail que j'ai oublié de préciser : je ne dois fournir q'un lien / code au site A qui fera appel à la page du site B
Autre précision : le site A n'est pas forcément créer avec WEBDEV

Je sens que ça complique les choses... :D
#4
Posté le 29 avril 2021 - 14:56
complique ? non
Rend impossible ? OUI

C'est le site A qui fait l'affichage... Donc, c'est dans le site A qu'on décide COMMENT on affiche, quel que soit le langage utilisé.
→ Revenir à WEBDEV (précédentes versions)