Jquerytools et Ajax (chargement pages)

Marsh Posté le 05-05-2010 à 23:33:26

Bonsoir,

J'ai un menu scrollable (fait avec jquerytools) dans chaque "pages" du scroll, j'aimerai appeller un fichier externe en ajax (pour diminuer le poids de la page principale).

Voici l'exemple en ligne http://transbass.free.fr/jquerytool/test.html et le code :

Code :

<script>
$(document).ready(function() {
$("#main" ).scrollable({
vertical: true,
size: 1,
clickable: false,
keyboard: 'static',
onSeek: function(event, i) {
horizontal.scrollable(i).focus();
}
}).navigator("ul#main_navi" );
var horizontal = $(".scrollabl" ).scrollable({size: 1}).circular().navigator(".navig" );
});
</script>
<script>
$(function() {
$("ul#main_navi" ).tabs("div.css-panes > div", {
effect: 'ajax',
onBeforeClick: function(event, i) {
var pane = this.getPanes().eq(i);
if (pane.is(":empty" )) {
pane.load(this.getTabs().eq(i).attr("href" ));
}
}
});
});
</script>
</head>
<body>
<ul id="main_navi">
<li><a href="ajax1.htm"><img src="bpp.png" alt=""></img></a>Titre1</li>
<li><a href="ajax2.htm"><img src="bpp.png" alt=""></img></a>Titre2</li>
<li><a href="ajax3.htm"><img src="bpp.png" alt=""></img></a>Titre3</li>
</ul>
<div id="main">
<div id="galeries">
<div class="galerie">
<div class="scrollable">
<div class="items">
<div class="item">
JHZ RQJWDFVGW SDK KQDLFQLO QOGLWF GWJFKGP FQAKOKKo
<div class="css-panes">
<div style="display:block"></div>
</div>
</div>
</div>
</div>
</div>
<div class="galerie">
<div class="scrollable">
<div class="items">
<div class="item">
6564454677 7 8742 6598 88 65 6+9 8874478 778 65
<div class="css-panes">
<div style="display:block"></div>
</div>
</div>
</div>
</div>
</div>
....

J'aimerai que le fichier ajax se charge lorsqu'on clique dans la zone des balises <li> (en même temps que le panel change). Pour l'instemps quand le panel change, il faut cliquer sur la zone de l'image pour afficher le fichier.
Auriez-vous une solution?
Merci d'avance!

Message édité par bobby76 le 06-05-2010 à 00:31:00

Reply

Marsh Posté le 05-05-2010 à 23:33:26

Reply

Marsh Posté le 08-05-2010 à 14:31:15

Personne pour m'aider? :cry: J'ai essayer d'assigner les 2 action (défilement du scrollable et ouverture du fichier avec ajax) en un seul clique, mais je n'y arrive pas...
Ou peut être un autre moyen de procéder pour arriver a un résultat similaire?

---------------
Photos Le Havre Urbex Architecture Nature

Reply

Jquerytools et Ajax (chargement pages)

Sujets relatifs:

Leave a Replay