Partage
  • Partager sur Facebook
  • Partager sur Twitter

Zoombox qui ne fonctionne pas

Conflit Js - Ajax

    8 juillet 2010 à 16:24:23

    Bonjour tout le monde,

    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" />
    </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 :)
    • Partager sur Facebook
    • Partager sur Twitter
      8 juillet 2010 à 18:27:06

      Essais de mettre :

      zoombox.init();

      Après ton innerHTML
      • Partager sur Facebook
      • Partager sur Twitter

      Zoombox qui ne fonctionne pas

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown