Jquerytools et Ajax (chargement pages)

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Jquerytools et Ajax (chargement pages)

bobby76

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

Publicité

bobby76

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

FORUM HardWare.fr

Programmation

HTML/CSS

Jquerytools et Ajax (chargement pages)

Sujets relatifs
Récupérer une variable deux pages après	nombre de pages
gestion des pages en php	Affiche de pages php en localhost
CSS et pages en chinois : aide bienvenue !	Ajax eval() js ie ok / ff ok [Résolu]
include ajax php [Résolu]	[Résolu] Perte de feuille de style sur changement de page
Faire un tableau en parsant des chaines issues de pages HTML dynamique	temps de chargement d'un site...c'est longt
Plus de sujets relatifs à : Jquerytools et Ajax (chargement pages)

Page générée en 0.049 secondes