Popup Javascript bloquant

Bonjour à vous,

J'ai essayé de mettre en place le popup de ce site de manière dynamique avec du php:

http://www.dynamicdrive.com/dynamicindex11/abox.htm

J'ai pratiquement fini mais il me reste juste un petit chose, j'aimerai modifier le script pour que quand le popup apparaît, qu'il "freeze" le reste de la page en attendant qu'on le ferme.
Un peu à la manière des alert.

Je ne sais pas si je suis très clair, mais j'ai un assez mauvais niveau en Javascript, dites moi si vous avez besoin d'une autre info.

Merci à vous

Bonsoir,

Ce n'est pas un popup, c'est une div modale qui freeze le reste. Un popup est une fenêtre qui s'ouvre par window.open ...

D'accord, merci pour la précision :)

Et y a t'il un moyen qu'elle est le même comportement qu'un popup, qu'elle se place devant et qu'elle empêche de cliquer ailleurs avant d'être fermée ?

Merci encore

Bonjour,

On appelle ça popin et fait une recherche la dessus ;). L'astuce c'est de mettre un div calque transparent derrière la boite de dialogue.

A+.

Merci bien,

Mais le soucis c'est qu'on peut cliquer quand même sur le calque et donc sur les éléments derrières.

J'ai oublié quelque chose ?

Merci à vous

Il faut que ton popin a une z-index le plus élevé, ensuite , le div calque et enfin les contenues de la page.

A+.

Et du coup, il faut que je mette un z-index sur toutes les div de ma page ?

Merci encore :)

Pourquoi tu n'utilises pas un framework comme jQuery? En utilisant un Dialog avec la modal à true, tu auras ce que tu veux.

A.

Bonjour encore :)

Je viens de regarder et c'est exactement ce qu'il me faut.
C'est modal dialog qui m'interesse.

Mais j'ai un petit soucis, j'avoue que d'habitue j'y arrive plus ou moins mais là je n'ai absolument rien compris a comment récupérer la source, prendre un exemple ou quoi que ce soit.

C'est possible grosso modo de me dire de quoi j'ai besoin ?

( Je sais que c'est abusé mais là franchement je le trouve super obscur ce tuto )

Tu as besoin de jQuery et jQUery UI. Tu trouveras un exemple sur le lien que j'ai donné plus haut.

A+.