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 :

[AJAX] Opacité page conteneur & popup ajax


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    202
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 202
    Par défaut [AJAX] Opacité page conteneur & popup ajax
    bonsoir,

    j'utilise prototype et window.js pour créer des popup ajax :

    http://prototype-window.xilinus.com/

    Ma fonction lance la création d'un popup:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    function inscription()
    {
     
    	var win = new Window('inscrip',{className: "alphacube", title: "", width:500, height:350, opacity:0.90,minimizable:false,maximizable:false,closable:false, url: "inscription.php", destroyOnClose:true, showEffectOptions: {duration:1.5}});
    	win.showCenter(); 
     
    }
    Tout marche parfaitement sauf que... je désire que la fenêtre qui contient la popup soit désactivée avec un calque assombri donc, un peu comme l'exemple 4 de cet exemple :
    http://prototype-window.xilinus.com/samples.html
    La on a bien le calque bleu sur la totalité de la page conteneur, alors qu'en créant un objet conteneur de type windows, je ne parviens pas a le faire...

    Comment doit-on faire?

    Merci d'avance pour votre aide

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Comme dans le code donné :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Dialog.alert("Test of alert panel, check out debug window after closing it", {width:300, height:100, okLabel: "close", ok:function(win) {debug("validate alert panel"); return true;}});
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    202
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 202
    Par défaut
    oui sauf que la j'utilise un objet window et non pas alert, et que ça réponds pas à ma question, car visiblement, ça fonctionne pas pareil : le window lance pas l'opacité contrairement aux fenêtres de dialogue.

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut

    L'exemple donné n'est qu'un exemple par défaut, ensuite, tu peux construire ton alert avec les styles que tu veux...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Dialog.alert('inscrip',{className: "alphacube", title: "", width:500, height:350, opacity:0.90,minimizable:false,maximizable:false,closable:false, url: "inscription.php", destroyOnClose:true, showEffectOptions: {duration:1.5}});
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    202
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 202
    Par défaut
    effectivement, je l'avais pas vu sous cet angle....

    En fait je faisait ma popup via le systeme de window du framework... tout bêtement...

    Ok merci tu m'as débloqué

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2005
    Messages
    202
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 202
    Par défaut
    bon et bien en fait je suis encore embêté !!

    En procédant avec un alert, les paramètres passés ne fonctionnent que sous Firefox, et pas sous IE (j'ai une erreur qui me dit qu'il ne supporte pas les paramètres...)

    Hors si je passe les paramètres comme attendu, je ne peux plus recharger ma popup uniquement, et le formulaire renvoie vers une page au lieu de rester dans la popup (voila pourquoi les window sont plus adaptées !)

    Cependant avec les window, je ne trouve pas pour faire l'opacité de la page en arrière plan

Discussions similaires

  1. Erreur lors de l'appel d'une page executée avec AJAX
    Par jt-tronix dans le forum Langage
    Réponses: 3
    Dernier message: 08/11/2006, 17h56
  2. [AJAX] la page clignotte atrocement pour les raffraichissements
    Par keumlebarbare dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 19/10/2006, 17h14
  3. [AJAX] la page ne se recharge pas
    Par duplo dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 19/07/2006, 09h50
  4. [AJAX] texte réponse Ajax dans un conteneur div
    Par grinder59 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 12/02/2006, 18h07
  5. [AJAX] Formulaire prépopuler avec du ajax dans la page
    Par shwin dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 31/10/2005, 15h37

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