Bonjour,
J'ai actuellement un petit souci, je modifie le contenu d'un de mes div en ajax. Cela fonctionne sans souci avec toutes mes pages sauf avec ma galerie d'images.
Dans cette derniere j'utilise la lightbox et il semblerait que mes css ne soit pas pris en compte lors du changement dans mon div.
Comment recharger mon css ou js (je pense que ca doit fonctionner de la meme maniere et cela me sera surement utile pour plus tard) dans mon div recemment modifier par ma methode ajax?
Mon code pour mon index:
le code de ma gallery :
Sachant que cela fonctionne bien si je ne l'appelle pas via ma methode changeContent.
J'ai actuellement un petit souci, je modifie le contenu d'un de mes div en ajax. Cela fonctionne sans souci avec toutes mes pages sauf avec ma galerie d'images.
Dans cette derniere j'utilise la lightbox et il semblerait que mes css ne soit pas pris en compte lors du changement dans mon div.
Comment recharger mon css ou js (je pense que ca doit fonctionner de la meme maniere et cela me sera surement utile pour plus tard) dans mon div recemment modifier par ma methode ajax?
Mon code pour mon index:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="UTF-8" />
<!-- CSS -->
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/custom.css" type="text/css" />
<link rel="stylesheet" href="css/tipsy.css" type="text/css" />
<link rel="stylesheet" href="css/superfish.css" type="text/css" />
<link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.1.css" type="text/css" />
<!--[if IE]>
<script src="js/html5.js"></script>
<![endif]-->
<!--[if lt IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie7.css">
<![endif]-->
<!-- Scripts -->
<script src="ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="js/cufon-yui.js"></script>
<script src="js/jquery.easing.js"></script>
<script src="js/Harabara.js"></script>
<script src="js/superfish.js"></script>
<script src="js/css_browser_selector.js"></script>
<script src="js/jquery.cycle.all.js"></script>
<script src="fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script src="js/jquery.form.js"></script>
<script src="js/tipsy.js"></script>
<script src="js/bluz.js"></script>
</head>
<body id="sub-page">
<div id="site-wrapper">
<header>
<script type="text/javascript" src="ajax/ajax.js"></script>
<div class="container">
<div id="logo">
<h1>bla</h1>
</div>
<ul class="sf-menu">
<li><a href = "">Accueil</a></li>
<li><a href = "#" onclick = "changeContent('content', 'get', 'presentation.html'); changeText('Presentation')">Projet</a></li>
<li><a href = "#" onclick = "changeContent('content', 'get', 'gallery.html'); changeText('Galerie')">Galerie</a></li>
<li><a href = "#" onclick = "changeContent('content', 'get', 'contact.html'); changeText('Contact')">Contact</a></li>
</ul>
<div id="pagename">
<div class="inside">
<h2 id='banner'>Accueil</h2>
</div>
</div>
</div>
</header>
<div id="content">
<div class="container">
<div id="main-colum">
blablabla
</div>
</div>
</div>
<footer>
<div id="bottom-footer">
<div class="container">
<p class="alignleft">© 2011 All Rights Reserved.</p>
</div>
</div>
</footer>
</body>
</html>
le code de ma gallery :
<div class="container">
<div class="full-width">
<ul class="gallery">
<li>
<a href="images/gallery/1.jpg" title="" class="lightbox">
<img src="images/gallery/1.jpg" alt="" />
</a>
</li>
<li>
<a href="images/gallery/2.jpg" title="" class="lightbox">
<img src="images/gallery/2.jpg" alt="" />
</a>
</li>
<li>
<a href="images/gallery/3.jpg" title="" class="lightbox">
<img src="images/gallery/3.jpg" alt="" />
</a>
</li>
<li>
<a href="images/gallery/4.jpg" title="" class="lightbox">
<img src="images/gallery/4.jpg" alt="" />
</a>
</li>
<li>
<a href="images/gallery/5.jpg" title="" class="lightbox">
<img src="images/gallery/5.jpg" alt="" />
</a>
</li>
</ul>
</div>
</div>
Sachant que cela fonctionne bien si je ne l'appelle pas via ma methode changeContent.