Avoir une popup

**laurentSc** · 20/03/2010, 00h04

Bonsoir,

je voudrais savoir si tout le monde peut afficher une popup (je mets ma question ici car ça se fait en js).

**SpaceFrog** · 20/03/2010, 09h05

A la base oui, mais de nombreux navigateur intègres à présent des bloqueurs de popups...
Donc je repondrais non.
Il est alors préférable d'emuler tes popups en restant sur la même page avec des librairies comme window prototype de xilinus ou des choses comme lightbox ou encore jquery ... qui permettent d'afficher d'autres pages dans des divs...

**laurentSc** · 20/03/2010, 18h01

Merci pour ta réponse ; elle m'a fait penser à une solution que j'avais en magasin, mais que tu n'as pas évoquée : c'est le fait de mentionner des div qui m'y a fait penser ; ça peut donner ça ; c'est basé sur une zone MAP et des div ; voici le code qui correspond :

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
32
33
34
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title>test</title>
</head>
<body>
<div id="trois"
 style="z-index: 2; left: 200px; width: 300px; position: absolute; top: 0px; height: 100px; background-color: rgb(214, 214, 214); visibility: hidden;">
3</div>
<div id="deux"
 style="z-index: 2; left: 100px; width: 300px; position: absolute; top: 0px; height: 100px; background-color: rgb(214, 214, 214); visibility: hidden;">
2</div>
<div id="un"
 style="z-index: 2; left: 0px; width: 300px; position: absolute; top: 0px; height: 100px; background-color: rgb(214, 214, 214); visibility: hidden;">
1</div>
<div id="LayerFond"
 style="z-index: 1; left: 150px; visibility: visible; width: 450px; position: absolute; top: 80px; height: 80px; background-color: rgb(255, 255, 255);">
<img id="bubbles_Electromech2" alt="" src="popup.gif"
 usemap="#m_image" name="image" border="0"> <map
 id="m_image" name="m_bubbles_Electromech2">
<area
 onmouseover="trois.style.visibility='hidden';deux.style.visibility='hidden';un.style.visibility='visible'"
 shape="RECTANGLE" coords="0,88,152,125" href="#">
<area
 onmouseover="trois.style.visibility='hidden';deux.style.visibility='visible';un.style.visibility='hidden'"
 shape="RECTANGLE" coords="279,89,383,121" href="#">
<area
 onmouseover="trois.style.visibility='visible';deux.style.visibility='hidden';un.style.visibility='hidden'"
 shape="RECTANGLE" coords="140,245,237,275" href="#">
</map>
</div>
</body>
</html>

Avoir une popup

JavaScript

Discussions similaires

Partager

Partager