Suivez les fils RSS
 

Des livres incontournables pour tout maîtriser

  • CSS avancées - vers HTML5 et CSS3
  • HTML5
  • CSS2
  • PHP5 avanc�
  • Memento MySQL
  • Memento CSS 3
  • Memento XHTML
  • WordPress 3 100% pratique
  • jQuery et jQuery UI
Auteur
DacK
#
Citer
3 Posts
Bonjour,

Je suis débutant et j'aimerais charger des pages HTML (pour mon portefolio) dans une div principal afin de ne pas recharger toute la page en changeant de catégorie d'image.

J'ai trouvé ce code sur un site que j'arrive a faire fonctionner, ceci dit j'ai 2 problèmes :

- Il ne fonctionne pas sous chrome (mais fonctionne sous safari eek )
- Il ne fonctionne pas avec la dernière version de jQuery... mais avec une plus ancienne (jquery-1.3.1.min)



$(document).ready(function(){   // le document est chargé
$("#logo_top, #nav_job, #nav_life, #nav_contact, #nav_pre_press, #nav_web, #nav_logo, #nav_wear, #nav_street").click(function(){   // on selectionne tous les liens et on définit une action quand on clique dessus
page=($(this).attr("href")); // on recuperer l' adresse du lien
$.ajax({ // ajax
url: page, // url de la page à charger
cache: false, // pas de mise en cache
success:function(html){ // si la requête est un succès
afficher(html);     // on execute la fonction afficher(donnees)
},
error:function(XMLHttpRequest, textStatus, errorThrows){ // erreur durant la requete
}
});
return false; // on desactive le lien
});
});function afficher(donnees){ // pour remplacer le contenu du div contenu
$("#contenu").empty(); // on vide le div
$("#contenu").append(donnees); // on met dans le div le résultat de la requête ajax
}


J'ai bien testé d'autres codes, mais ils me coupent le fonctionnement de Fancybox... biggol

Merci de votre aide. smile

^
DacK
#
Citer
3 Posts
J'ai trouvé la solution pour Chrome, mais le code ne fonctionne toujours pas avec la dernière version de jQuery. biggol

^