Utiliser javascript pour charger un nouveau segment HTML à l'intérieur de la page

Question

Je sais que c'est un problème que je pourrais résoudre avec une énorme liste dans "innerHTML", mais il doit y avoir un meilleur moyen. Je crée une page Web avec une section "recherche" et "parcourir", les deux sont de gros boutons en haut de la page d'index. J'ai search.html et browse.html, mais je veux que leur contenu soit chargé dans mon div "principal" sur la page d'index plutôt que d'ouvrir leurs propres pages. Je devrais être en mesure de cliquer rapidement entre "rechercher" et "parcourir" et avoir leurs différentes pages de chargement et de retour dans la page d'index. J'espère que cela a du sens. J'essayais une solution avec des cadres avant, mais ça ne fonctionnait pas pour moi.
Un conseil serait grandement apprécié. Merci!

Answer 1

Vous pouvez utiliser les onglets ou quelque chose comme ça: http://jqueryui.com/demos/tabs/

Answer 2

La plupart des bibliothèques JavaScript AJAX tels que jQuery ont ce intégré - en cas de jQuery la méthode load. Cependant, gardez à l'esprit que des "trucs" comme celui-ci détruisent la facilité d'utilisation du navigateur pour vos utilisateurs (bouton de retour brisé, impossibilité de définir des marque-pages, etc.). Il est possible de contourner le problème, mais cela fait du travail supplémentaire.