Discussion :

[Wanty]

Bonjour, j'explique mon probleme. Je désire faire une sorte de popup comme l'alert en javascript. J'ai ce div en fin de page :

Code :

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

1
2
3
4
5
6
 
    <div id="pop">
        <h1>Avertissement !</h1>
        <p id="pop_p"></p>
        <div class="fermer">fermer la boite en cliquant dessus</div>
    </div>

voici mon css :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
#pop {
    display: none;
    position: absolute;
    bottom: 5em;
    right: 10em;
    width: 20em;
    border: 3px double black;
    background: #f5f5dc;
    z-index: 500;
    cursor: pointer;
    font-size: 80%;
}

et mon code js :

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
 
function setPop(info) {
 
    var resetPOP=document.getElementById("pop_p").innerHTML;
    var pop = document.getElementById("pop");
 
    document.getElementById("pop_p").innerHTML=info;
    if (pop) {pop.style.display = 'block';};
    if (pop) {pop.onclick = function() {
        pop.style.display = 'none';
 
        };
    };
 
}

sur l'evenement onclick d'un lien j'appelle setPop('texte par exemple'); Mais la fenetre s'affiche qq seconde, le temps que la page change. Moi je voudrais que le popup bloque le rafraichissement de la page, et lorsqu'on clique sur le popup, le rafraichissement peut continuer, un peu comme le "alert".

Merci d'avance...

[javatwister]

plusieurs solutions existent pour "empêcher" un rafraichissement de page en javascript;

1) tu commets une erreur de script qui fait que la page ne sera jamais chargée;

2) tu lances une alerte en boucle qui empêche toute action de l'utilisateur;

3) tu changes l'adresse de la page dès son chargement;

4)...

dans tous les cas, ma réaction est immédiate: je vais me balader ailleurs;

[Wanty]

Je ne veux pas embeter les internautes, tout ce que je veux c'est : lorsqu'ils clique sur le lien supprimer (un enregistrement) je veux afficher un message qui les prévient des conséquences, et lorsqu'ils cliquent sur le popup, le lien continue a fonctionner normalement