Partage
  • Partager sur Facebook
  • Partager sur Twitter

Ajax / Jquery

chargement d'un div via Ajax bloque l'excution d'un script

arokna
    20 juillet 2010 à 23:21:04

    Bonsoir tout le monde,
    j'ai un script, qui est un galerie d'image, le script appel la bibliothèque Jquery + un plugin + exécute son html.

    Le problème c'est que cette page n'interprète pas le code JS lorsque je la charge dans une div chargé via AJAX.
    Mais la page en question marche très bien quand elle se load des le début !

    J'ai épuisé toute mes connaissances, aidez moi.

    Merci d'avance

    Page de chargement ( mon index )


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>cornelius vincent</title>
<script type="text/javascript" src="jabbax.js"></script>

// les deux fichiers JS de ma galeri
<script src="src/jquery-1.4.2.js"></script>
<script src="src/galleria.js"></script>


<link href="css.css" rel="stylesheet" type="text/css" />
</head>

<body onload="javascript:getPage('home.html','boite1');" >

<p>
<a href="#" id="char" onclick="javascript:getPage('page1.html','boite1');">MY WORK BOOK</a><br />
</p>        

<div id="boite1"> 
    <!-- ici se charge le contenu -->

</div>
<p>
<a href="#" id="char" onclick="javascript:getPage('page2.html','boite1');">GUEST BOOK</a>
</p>
</body>
</html>


    La page contenant ma galerie que je charge


    <div id="galleria">

        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2b/Frederic_fontaine_1.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Frederic_fontaine_1.jpg/120px-Frederic_fontaine_1.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Ns1-unsharp.jpg/120px-Ns1-unsharp.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/800px-Laser_effects.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/120px-Laser_effects.jpg">
            </a>
        </div>
                <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2b/Frederic_fontaine_1.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Frederic_fontaine_1.jpg/120px-Frederic_fontaine_1.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Ns1-unsharp.jpg/120px-Ns1-unsharp.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/800px-Laser_effects.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/120px-Laser_effects.jpg">
            </a>
        </div>
                <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2b/Frederic_fontaine_1.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Frederic_fontaine_1.jpg/120px-Frederic_fontaine_1.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Ns1-unsharp.jpg/120px-Ns1-unsharp.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/800px-Laser_effects.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/120px-Laser_effects.jpg">
            </a>
        </div>
                <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2b/Frederic_fontaine_1.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Frederic_fontaine_1.jpg/120px-Frederic_fontaine_1.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Ns1-unsharp.jpg/120px-Ns1-unsharp.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/800px-Laser_effects.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/120px-Laser_effects.jpg">
            </a>
        </div>
                <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2b/Frederic_fontaine_1.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Frederic_fontaine_1.jpg/120px-Frederic_fontaine_1.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Ns1-unsharp.jpg/120px-Ns1-unsharp.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/800px-Laser_effects.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/120px-Laser_effects.jpg">
            </a>
        </div>
                <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2b/Frederic_fontaine_1.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2b/Frederic_fontaine_1.jpg/120px-Frederic_fontaine_1.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/2/2d/Ns1-unsharp.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/2/2d/Ns1-unsharp.jpg/120px-Ns1-unsharp.jpg">
            </a>
        </div>
        <div>
            <a href="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/800px-Laser_effects.jpg">
                <img src="http://upload.wikimedia.org/wikipedia/commons/thumb/6/67/Laser_effects.jpg/120px-Laser_effects.jpg">
            </a>
        </div>
    </div>
       <script>
    
    // Load theme
    Galleria.loadTheme('src/themes/classic/galleria.classic.js');
    
    // run galleria and add some options
    $('#galleria').galleria({
        image_crop: true,
        data_config: function(img) {
            // will extract and return image captions from the source:
            return  {
                title: $(img).parent().next('strong').html(),
                description: $(img).parent().next('strong').next().html()
            };
        }
    });
    </script>
    • Partager sur Facebook
    • Partager sur Twitter
    LCaba
    • Javascript
      22 juillet 2010 à 0:17:09

      Salut,
      Place plutôt ton script dans la fonction de callback.
      Et vire tous ces javascript: de tes onclick, ça fait mal aux yeux.
      • Partager sur Facebook
      • Partager sur Twitter
      Cabinet vétérinaire à Angers

      Ajax / Jquery

      × 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