Discussion :

[wincroc]

Bonjour,
Mon titre n'est pas tres clair mais je ne connais pas le nom de ce principe.
En fait, je vourdai faire apparaitre une petite fenetre dans la page encour sur une action de l'utilisateur. Mais pas une fenetre navigateur. DOJO propose ce widget mais j'aimerai savoir si c'est compliqué a réaliser sans cette librairie.
Lorsque que le DIV servant de fenetre apparait, le reste de la fenetre est desactivé, donc l'utilisateur ne peut pas cliquer ailleur.
Connaissez vous cette technique ?

[yjuliet]

Salut.

C'est pas hyper compliqué à faire, du point de vue javascript. Il s'agit uniquement de placer un <div> dans ta page HTML avec le contenu que tu veux. Les difficultés apparaissent quand tu veux ajouter du Drag 'n' Drop. pour les fenêtres en question, et là, le plus simple est d'utiliser un Framework comme Dojo (ou d'autres plus légers en fonction des besoins).

Par contre, je pense que pas mal de questions du genre ont déjà été posées dans la section AJAX du forum et tu devrais y faire un tour

[Auteur]

bonjour,

tu souhaites réaliser quelque chose comme ceci :
http://www.developpez.net/forums/sho...d.php?t=338493 ?

Je ne ai pas eu le temps de tester le code sous IE 6 et 7, ni opéra

[wincroc]

bonjour,

tu souhaites réaliser quelque chose comme ceci :
http://www.developpez.net/forums/sho...d.php?t=338493 ?

Je ne ai pas eu le temps de tester le code sous IE 6 et 7, ni opéra

Oui, c'est exactement ca que je voulais faire.
Dans cet exemple, lorsque la fenetre modale apparait, le reste de la page n'est pas clicable donc parfait mais j'aimerai que montré que ce n'est pas clicable par exemple en appliquant une opacité de 0.5 au reste de la fenetre mais comment faire ?

[Auteur]

Tu as sans doute remarqué que le code n'est pas tout à fait au point pour certains navigateurs (IE 7 et Opéra en particulier)

Pour l'opacité, le paramètre est variable selon les navigateurs

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
.fond{
background-color: #AAAAAA;
-moz-opacity: 0.70; /** Pour FF : valeur entre 0 et 1 **/
opacity: 0.70; /** Opera je crois **/
filter : alpha(opacity=70); /** IE **/
}

tu peux également regarder cette discussion pour les problèmes de compatibilité.