Popup ou iframe (si possible) ?

**nicolas2603** · 31/03/2009, 15h02

Bonjour, pour mon site internet, j'ai besoin d'ouvrir certaines pages en style popup. Aussi je me demande s'il vaut mieux privilégier l'ouverture en popup ou en iframe ?

Personnellement je souhaiterais faire une ouverture iframe du genre "lightbox", avec un fitre assombrissant la page en arrière plan, mais de la façon dont mon site est construit je ne sais pas si c'est faisable. Voici la structure :

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
35
36
37
38
39
<body>
<div id="global">

  <!-- #bloc d'entête -->
  <div id="entete"> 
    <h1>Titre</h1>
    <a href="index.php"><img src="img/logo.png" class="logo" title="Revenir à l'accueil" /></a> 
  </div>
  
  <!-- #bloc central -->
  <!-- #menu -->
    <div id="menu">      
        <ul>
          <li><a href="index.php?page=page1">Page1</a></li>
          <li><a href="index.php?page=page2">Page2</a></li>
        </ul>
        <ul>
          <li><a href="index.php?page=page3">Page3</a></li>
          <li><a href="index.php?page=page4">Page4</a></li>
        </ul> 
    </div>
	
  <!-- #contenu -->      
  	<div id="contenu">
	<?php include('css/sgbd.php'); ?>
    	<?php include('css/url.php'); ?>

        <!-- le contenu des pages appelées va se charger dans ce bloc -->
	</div>
	
  <!-- #bloc de pied de page -->		
    <div id="footer">
    <strong>&copy;</strong>Blablabla<a href="#" title="">Mentions 
    légales</a>
    </div>
</div>

</body>

C'est dans le div "conteneur" que vont se charger les pages de mon site.
Donc si j'ouvre une iframe "lightbox" depuis un lien d'une page, elle va forcément se charger également DANS le div "conteneur" si je ne me trompe pas ?

Vaut-il mieux donc que j'envisage l'ouverture de bêtes popups, ou c'est jouable pour ces iframes ?

Merci d'avance.

**Sayrus** · 31/03/2009, 16h11

Je ne suis pas sûr de tout comprendre mais... En tout cas il faut déjà clarifier les choses, ce n'est pas une iframe que tu veux faire mais bien un popup (modal) interne à la page générée soit via mootools ou via jquery.

La structure ne pose pas de problème et le contenu s'ouvrira en sorte de popup avec jquery par exemple.

Pour résoudre ton problème, tu peux te tourner vers mootools et prendre le script moodalbox qui fait ça très bien.

Ou encore facebox de jquery. (perso je préfère jquery)

Enfin les 2 se valent...

**nicolas2603** · 01/04/2009, 14h05

J'ai regardé un peu le plugin facebox comme tu me l'as conseillé. Entre temps, j'avais réussi à installer la shadowbox qui tourne quasiment comme il faut, mais dans les deux cas je remarque une chose : c'est impossible de déplacer la popup qui s'est ouverte !

Alors est-ce que c'est une option, ou tout simplement que dans le cas de gestion de popup via ces modules (lightbox, shadowbox, facebox ...) on ne peut pas déplacer la popup comme avec un window.open ?

**Sayrus** · 03/04/2009, 08h48

Ce n'est pas une option, MAIS, si tu métrises un peu le JS, je pense que ça ne devrait pas être trop difficile de déplacer le popup en drag and drop.

Regarde pour t'inspirer du côté de "drag and drop"

Sinon il existe surement des js comme facebox qui peuvent être déplacé.

Il y a notamment les "modal" popup qui ne sont pas mals (particulièrement celle utilisé par joomla.

Sinon voici un script en js un script modal draggable

Soit tu utilises celui là (qui est moins beau mais bon avec un peu de css), soit tu en trouves un meilleur, soit tu as le temps, et tu te lances un défi de rendre facebox en drag and drop

Popup ou iframe (si possible) ?

Webdesign & Ergonomie

Discussions similaires

Partager

Partager