Utiliser responseHTML dans un menu

Archives du forum. Comment intégrer dans un menu le script qui simule responseHTML.

Forum

31-10-2011 18:47:20

Mani

Bonjour, j'ai un souci avec l'intégration de ce script.... Je souhaite intégrer ce script à mon menu ( ul li )

>> <li><a href='Text.html' onclick="loadWholePage('Text.html')">Crea List</a></li>

J'ai mis la Div displayed dans une Div conteneur, je n'est pas toucher au script. Pour le moment ça ne marche pas mais je ne sais pas pourquoi.... Merci par avance

01-11-2011 18:06:41

Mani

J'ai réussi à afficher mon liens dans la même page en suppriment le "href" . Mon souci est que j'aimerais afficher une page par défaut .... Sinon c'est vide quand on arrive. merci

07-11-2011 09:55:22

webmaster

Bonjour. Avec ce code, cela fonctionne :

<ul>
<li>
<div id="displayed">
</div>
</li>
</ul>

Mais si vous voulez charger plusieurs pages, il faudra modifier le script pour pouvoir insérer le contenu importé dans des zones différentes.

07-11-2011 10:29:10

Mani

Merci j'ai réussi en écrivant le contenu par défaut dans la div Displayed, son contenu est remplacer des lors qu'on clic sur le menu. J'ai 1 autre souci... - dans les pages externes que j'appelle j'ai mis une galerie slideshow en jquery ( Cycle ). Tout s'affiche bien mais les Boutons "Prev" "Next" ne font pas défiler les images.... J'ai tout essayé.... j'ai mis les liens des JS dans les pages que j'appel dans BODY, dans l'index .... rien n'y fait Je me demande si il y aurait un problème de compatibilité ? Merci

07-11-2011 14:51:05

webmaster

Normalement il n'y a pas d'interférence avec jQuery, qui est orienté objet et donc encapsulé. Je l'utilise sur d'autres projet et je n'en ai pas rencontré. Il y a sans doute des limitations sur le contenu qui est importé par Ajax et incorporé dynamiquement à la page courante. Il est possible qu'il ne soit pas entièrement intégré au DOM. Si le contenu à incorporer est trop complexe, il faut soit le reconstruire en JavaScript (avec des instructions comme addChild), soit utiliser PHP pour refaire la page (ce ne sera plus asynchrone).

07-11-2011 22:17:50

Mani

Voici le lien 3w.iyoku. fr/WOAT/ en cliquant sur le lien melga vous verrez mieux le petit souci. voici l'exemple du contenu qui est incorporer.

<body>
<h4>XLU</h4></br>
TXXXXXXXXXXXXXXXXT</br>
TXT TXT TXT !!!!</br>
<div class="nav"><a id="prev" href="#">Prev</a> / <a id="next" href="#">Next</a></div>
<div id="slide" class="pics">
           >liens IMG 1
           >liens IMG 2
           >liens IMG 3
        </div>
</body>

Il pourrait avoir des limitation par rapport à ce code ?? Si effectivement cela pose problème je me tournerai vers addChild... merci pour votre aide

09-11-2011 19:44:17

webmaster

Je suppose que c'est le contenu à insérer. Je l'ai testé dans la démo, plus précisément dans le fichier anotherpage.html, qui devient:

<html>
<head>
<title>Another HTML page</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF">
<h4>XLU</h4></br>
TXXXXXXXXXXXXXXXXT</br>
TXT TXT TXT !!!!</br>
<div class="nav"><a id="prev" href="#">Prev</a> / <a id="next" href="#">Next</a></div>
<div id="slide" class="pics">
           >liens IMG 1
           >liens IMG 2
           >liens IMG 3
        </div>
</body>
</html>

Le contenu est parfaitement chargé. Je suggère d'essayer en partant de la démo, et de rajouter progressivement les autres éléments de votre page pour voir ce qui peut interférer..