Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2049 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Jquerytools et Ajax (chargement pages)

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Jquerytools et Ajax (chargement pages)

n°1990649
bobby76
Posté le 05-05-2010 à 23:33:26  profilanswer
 

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 :
  1. <!--scollable-->
  2. <script>
  3. $(document).ready(function() {
  4. $("#main" ).scrollable({
  5. vertical: true,
  6. size: 1,
  7. clickable: false,
  8. keyboard: 'static',
  9.  onSeek: function(event, i) {
  10.   horizontal.scrollable(i).focus();
  11.  }
  12. }).navigator("ul#main_navi" );
  13. var horizontal = $(".scrollabl" ).scrollable({size: 1}).circular().navigator(".navig" );
  14. });
  15. </script>
  16. <!--Appel Ajax-->
  17. <script>
  18. $(function() {
  19. $("ul#main_navi" ).tabs("div.css-panes > div", {
  20.  effect: 'ajax',
  21.  onBeforeClick: function(event, i) {
  22.   var pane = this.getPanes().eq(i);
  23.   if (pane.is(":empty" )) {
  24.    pane.load(this.getTabs().eq(i).attr("href" ));
  25.   }
  26.  }
  27. });
  28. });
  29. </script>
  30. </head>
  31. <body>
  32. <ul id="main_navi">
  33. <li><a href="ajax1.htm"><img src="bpp.png" alt=""></img></a>Titre1</li>
  34. <li><a href="ajax2.htm"><img src="bpp.png" alt=""></img></a>Titre2</li>
  35. <li><a href="ajax3.htm"><img src="bpp.png" alt=""></img></a>Titre3</li>
  36. </ul>
  37. <div id="main">
  38. <div id="galeries">
  39. <!-- page #1 -->
  40.  <div class="galerie">
  41.   <div class="scrollable">
  42.    <div class="items">
  43.     <div class="item">
  44. JHZ RQJWDFVGW SDK KQDLFQLO QOGLWF GWJFKGP FQAKOKKo
  45.   <div class="css-panes">
  46.    <div style="display:block"></div>
  47.   </div>
  48.     </div>
  49.    </div>
  50.   </div>
  51.  </div>
  52. <!-- page #2 -->
  53.  <div class="galerie">
  54.   <div class="scrollable">
  55.    <div class="items">
  56.     <div class="item">
  57. 6564454677 7 8742 6598 88 65 6+9 8874478 778 65
  58.   <div class="css-panes">
  59.    <div style="display:block"></div>
  60.   </div>
  61.     </div>
  62.    </div>
  63.   </div>
  64.  </div>
  65. ....


 
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
mood
Publicité
Posté le 05-05-2010 à 23:33:26  profilanswer
 

n°1991442
bobby76
Posté le 08-05-2010 à 14:31:15  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Jquerytools et Ajax (chargement pages)

 

Sujets relatifs
Récupérer une variable deux pages aprèsnombre de pages
gestion des pages en phpAffiche 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 dynamiquetemps de chargement d'un site...c'est longt
Plus de sujets relatifs à : Jquerytools et Ajax (chargement pages)


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR