Ouverture pop up

**unregistred** · 13/08/2012, 14h39

onjour à tous,

pour mon site je voudrais intégrer un formulaire d'inscription et de connexion qui s'ouvre dans un pop up comme ici le inline html:
http://www.jacklmoore.com/colorbox/example1/

J'ai récupérer les sources, jusque la pas de soucis.

Dans mon index.php, j'intègre des portions de page en php comme le header ou les menus avec des include :

Code :

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

<?php include("menu.php"); ?>

voici ma page index :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
  <HEAD>
 
  <META HTTP-EQUIV="Content-Style-Type" CONTENT="text/css">
  <link rel="stylesheet" type="text/css" href="style.css">
 
  <TITLE>mon site</TITLE>
  </HEAD>
  <BODY>
 
          <?php include("entete_connexion.php"); ?>
 
     <div id=header>
     	<table>
     		<tr>
     			<td class="logo"><img src="images/logo.png"></img></td>
 
     		</tr>
     	</table>
     </div>
 
     <?php include("menu.php"); ?>
 
     <div id=contenu>
 
     </div>
 
     <?php include("menu2.php"); ?>
 
     <?php include("menu3.php"); ?>    
 
 
 
  </BODY>
  </HTML>

Mon code comprenant mes formulaires et mes script js sont dans la page entete_connexion.php.

C'est la que j'ai un soucis, si j'ouvre la page entete_connexion.php j'ai bien mon pop up qui s'ouvre quand je clic sur inscription mais depuis l'index ça ne marche pas quand je clic dessus.

Est ce à cause de l'include ?

Dites moi si je ne suis pas clair

Merci pour votre aide !!!

**unregistred** · 13/08/2012, 14h39

ps : voici le code de ma page entete_connexion.php :

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
<link rel="stylesheet" href="colorbox.css" />
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		<script src="../colorbox/jquery.colorbox.js"></script>
		<script>
			$(document).ready(function(){
				//Examples of how to assign the ColorBox event to elements
								$(".inline").colorbox({inline:true, width:"50%"});
 
				//Example of preserving a JavaScript event for inline calls.
				$("#click").click(function(){ 
					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
					return false;
				});
			});
		</script>
 
 
 
				<p><a class='inline' href="#inline_content">iscription</a></p>
 
 
		<!-- contenu de la pop up -->
		<div style='display:none'>
			<div id='inline_content' style='padding:10px; background:#fff;'>
			<p>mon contenu blablabla</p>
			</div>
		</div>

Ouverture pop up

jQuery

Vue hybride

Discussions similaires

Partager

Partager