IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

fenetre interne en DIV


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    165
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 165
    Par défaut fenetre interne en DIV
    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 ?

  2. #2
    Membre chevronné Avatar de yjuliet
    Homme Profil pro
    Consultant en sécurité
    Inscrit en
    Août 2006
    Messages
    362
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Seine et Marne (Île de France)

    Informations professionnelles :
    Activité : Consultant en sécurité
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Août 2006
    Messages : 362
    Par défaut
    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

  3. #3
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    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

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    165
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 165
    Par défaut
    Citation Envoyé par 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
    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 ?

  5. #5
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    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é.

Discussions similaires

  1. Réponses: 1
    Dernier message: 22/07/2007, 17h42
  2. Fenetre Interne et Ancrage
    Par ElyBen dans le forum WinDev
    Réponses: 1
    Dernier message: 18/05/2007, 01h31
  3. [WinDev 10] Problème fenêtre interne
    Par slick42 dans le forum WinDev
    Réponses: 7
    Dernier message: 14/08/2006, 11h02
  4. [SWT]fenetre interne et toolbar
    Par Albarad dans le forum SWT/JFace
    Réponses: 1
    Dernier message: 16/06/2004, 09h43
  5. [SWT] Comment faire des fenetres internes ??????
    Par sebounator dans le forum SWT/JFace
    Réponses: 5
    Dernier message: 22/04/2004, 01h12

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo