Zoombox sur une image

php js ajax

8 juillet 2010 à 16:39:30

Bonjour tout le monde,

Ne sachant pas précisement dans quel forum poster ce problème je le met et dans Javascript et dans Php.

Je suis en train de réalisé un site, j'essaye d'intégré une Zoombox ( http://www.grafikart.fr/zoombox ) et voici mon problème :

J'ai une page index.php dans laquelle se trouve:
- mes "script" pour l'appel de la zoombox,
- un logo
- un menu jquery
- une div dans laquelle je charge, en AJAX, les pages de mon site.
- une image avec un zoombox

une deuxieme page, maison.php contenant du texte et une image avec un zoombox.

Dans la page principale la zoombox marche niquel, seulement dans la page maison.php (qui est donc chargé dans la div d'index.php) la zoombox ne marche pas.

Index.php:

<html>
<head>
<script type="text/javascript" src="js/imagebg.js"></script>
<script type="text/javascript" src="./zoombox/jquery.js"></script>
<script type="text/javascript" src="./zoombox/zoombox.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="menu.js"></script>

<link href="./zoombox/zoombox.css" rel="stylesheet" type="text/css" media="screen" />
<link type="text/css" href="./css/base.css" rel="stylesheet" />
<link type="text/css" href="menu.css" rel="stylesheet" />


<!------------------------------ FONCTION AJAX QUI PERMET DE CHARGER UNE PAGE DANS UNE DIV ------------>
<script type="text/javascript">
function charge (zone, page) 
{
	var xhr = null;
	var requete = "./" + page;
	if(window.XMLHttpRequest) 
		xhr = new XMLHttpRequest();
	else
		if (window.ActiveXObject) 
			xhr = new ActiveXObject("Microsoft.XMLHTTP");
	xhr.open("GET", page, true);
	xhr.onreadystatechange = function()
	{
		if ( xhr.readyState == 4 )
		{
			document.getElementById(zone).innerHTML = xhr.responseText;
		}
	}
	xhr.send(null);
}
</script>


</head>

<!-- -->
<body>
<div id="Contener">

<!-- LOGO -->
<!-- MENU JQUERY-->

<!-- CORP DE LA PAGE -->
<div id="corp" class="body">
   <a href="image.jpg" rel="zoombox"><img src="img/image.jpg"></a>
</div>

</div>
</body>
</html>

Maison.php:

<?php
   echo "bbbbb";
?>
<div class="body">
<a href="test_grande.jpg" rel="zoombox"><img src="test.jpg" /></a>
</div>

Quelqu'un aurait-il une petite idée du problème ?? Un ami pense que c'est un conflit entre le javascript de la zoombox et mon appel ajax, mais je ne sais absolument pas comment résoudre ca :'(

!

Merci d'avance pour toutes réponses

nightmat

8 juillet 2010 à 16:52:42

Premièrement pourquoi tu t'emmerdes avec un appel Ajax alors que ça peut être fait en une ligne avec JQuery ?
Et deuxièmement ton lien n'est pas fermé...

Ce n'est pas parce que vous ne savez pas vous servir d'un marteau qu'il faut planter des clous au tournevis.

Armole

8 juillet 2010 à 17:04:01

Parce que je ne m'y connais pas en Jquery, tu vas me dire "mais ton menu est en Jquery !", j'ai trouvé mon menu sur un site qui en propose des gratuits.

Mon site va contenir beaucoup de photos, le but est d'éviter de recharger le logo et le menu pour alléger le chargement.

Et pour le lien c'est une erreur de copier coller de ma part (je corrige de suite), mon lien est bien fermé :s.

delphiki

8 juillet 2010 à 17:17:09

La réponse est là : http://docs.jquery.com/Frequently_Aske [...] AX_request.3F

Va à la ligne 133 du fichier zoombox.js et remplace "bind" par "live".

Sinon, c'est vrai qu'utiliser les fonctions Ajax de jQuery serait aussi simple tant qu'à faire.

Sujet déplacé dans le bon forum.

Armole

8 juillet 2010 à 17:30:54

Cela ne change rien