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 :

rendre un DIV visible à la fermeture d'une pop-up


Sujet :

JavaScript

  1. #1
    Membre éclairé
    Avatar de Peanut
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    421
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 421
    Par défaut rendre un DIV visible à la fermeture d'une pop-up
    Bonjour et bonne année !

    voilà ma problématique :
    - J'ai une page principale avec des DIV invisibles.
    - Cette page ouvre une pop-up.
    - Je souhaiterais qu'une des DIV devienne visible à la fermeture de la pop-up.

    voilà ce que j'ai codé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    PAGE PRINCIPALE
    ...
    <div id=reaffect style="visibility:hidden;">...</div>
    ...
    <a href="#" onclick=window.open('popup.htm')>clic</a>
    ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    POP-UP
    ...
    <body onClose="window.opener.document.getElementById('reaffect').style.visibility = 'visible'">
    ...
    Mais rien ne se passe à la fermeture de la pop-up (et aucun message d'erreur dans la console javascipt de Firefox).

  2. #2
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    onClose n'existe pas.
    Essaye onunload (les noms des évènement s'écrivent en minuscules )

    A+

  3. #3
    Membre éclairé
    Avatar de Peanut
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    421
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 421
    Par défaut
    Ben j'avais trouvé ça sur internet.
    En tout cas ça fonctionne avec onunload, merci.

  4. #4
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    onClose n'existe pas.
    Je rectifie :
    onClose existe peut-être dans certains outils ... mais pas dans les normes standards Javascript

    A+

  5. #5
    Membre chevronné
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    453
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 453
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    Bonjour,
    onClose n'existe pas.
    Essaye onunload (les noms des évènement s'écrivent en minuscules )

    A+
    Petite rectification :
    Les noms des evenements sont insensibles a la casse en HTML
    (onUnload = onunload = ONUNLOAD = oNuNlOaD...)

    En revanche, en Javascript, ils doivent s'ecrire en minuscules :
    (onunload, onclick, oncontextmenu, onmouseover, onkeyup, ...)

  6. #6
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par sachav Voir le message
    Petite rectification :
    Les noms des evenements sont insensibles a la casse en HTML
    (onUnload = onunload = ONUNLOAD = oNuNlOaD...)

    En revanche, en Javascript, ils doivent s'ecrire en minuscules :
    (onunload, onclick, oncontextmenu, onmouseover, onkeyup, ...)
    Dans le 2° cas c'est une obligation (sinon syntaxe incorrecte), et dans le 1° une norme (cf. W3C).

    A+

  7. #7
    Membre éclairé
    Avatar de Peanut
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    421
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 421
    Par défaut
    Gasp !
    En fait le onunload fonctionne bien sous Firefox, mais pas sous ie6 !

    Une idée ?

  8. #8
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Peanut Voir le message
    Gasp !
    En fait le onunload fonctionne bien sous Firefox, mais pas sous ie6 !
    Si si !!
    Citation Envoyé par Peanut Voir le message
    Une idée ?
    Il doit y avoir autre chose.
    Fais voir ton code actuel (HTML + JS) ...

    A+

  9. #9
    Membre éclairé
    Avatar de Peanut
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    421
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 421
    Par défaut
    Ben j'ai juste remplacé onClose par onunload.

  10. #10
    Membre éclairé
    Avatar de Peanut
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    421
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 421
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    PAGE PRINCIPALE
    ...
            <div id="boutons" style="position: relative; top: -12">
                <table width="100%">
                    <tr>
                        <!--td>
       <table cellpadding=0 cellspacing=0 border=0><tr><td style="padding-left:40"><img src="img/btn_angleg.gif"></td><td style="padding-right:10" class=fd_btn><span class=text><a href="#" onclick="showhide('impression','dessus',event)" class=btn>imprimer</a></span></td></tr></table>
      </td-->
                        <td align="right">
                            <table cellpadding="0" cellspacing="0" border="0" align="right">
                                <tr>
                                    <td style="padding-left: 10" class="fd_btn">
                                        <span class="text"><a href="#" class="btn">créer</a> | <a href="#" class="btn">dupliquer</a>
                                            | <a href="#" onclick="window.open('droits_insuff_util.htm','droits_insuff','menubar=no, status=no, scrollbars=no, width=400, height=200, top=400, left=400')"
                                                class="btn">supprimer</a></span></td>
                                    <td style="padding-right: 40">
                                        <img src="img/btn_angled.gif"></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </div>
    ...
        <!-- pop-up 'suppr 1 utilisateur' -->
        <div id="reaffect" style="position: absolute; top: 220; left: 320; width: 250; visibility: hidden;"
            onpropertychange="fSwapSelect();">
            <table cellpadding="0" cellspacing="0" border="0">
    ...
        </div>
    ...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    POP-UP (droits_insuff_util.htm)
    <html>
    <body onunload="window.opener.document.getElementById('reaffect').style.visibility = 'visible'">
    <font face=arial size=2>
    Vous n'avez pas les droits suffisants pour supprimer l'utilisateur sélectionné.<br>
    Merci de contacter votre administrateur pour effectuer cette suppression.
    <br>
    </font>
    </body>
    </html>

  11. #11
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Lors du onunload, le document n'existe peut-être déjà plus (du coup, problème pour atteindre l'opener).
    Tu peux essayer onbeforeunload mais je suis pas sûr que ça passe sous tous les navigateurs ...

    Un test : si tu appelles ton
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    window.opener.document.getElementById('reaffect').style.visibility = 'visible'
    sur un simple bouton dans la pop, ça marche ?

    A+

  12. #12
    Membre éclairé
    Avatar de Peanut
    Profil pro
    Inscrit en
    Décembre 2003
    Messages
    421
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2003
    Messages : 421
    Par défaut
    Yes, le onbeforeunload aussi sous ie6 comme sous fx.

    (et le test sur un bouton aussi.)


+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Rendre un div visible avec onmouseover
    Par Juju54350 dans le forum Général JavaScript
    Réponses: 16
    Dernier message: 21/10/2010, 18h02
  2. fermeture d'une pop-up SANS javascript
    Par sarah65536 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 21
    Dernier message: 18/05/2009, 14h15
  3. [AJAX] Requête Ajax lors de la fermeture d'une pop up
    Par Persanne dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 01/11/2008, 17h01
  4. perte de mes données lors de la fermeture d'une pop up
    Par paolo2002 dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 09/04/2008, 09h32
  5. perte de mes données lors de la fermeture d'une pop up
    Par paolo2002 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 08/04/2008, 11h54

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