Chargement page HTML en Javascript

ClementZ

19 Mar 2016 à 13:29

Bonjour à tous,

Je me permet de créer ce Sujet après avoir recherché sur ce forum et ailleurs sans succès. Je précise que mes connaissances en CSS et HTML sont moyen+ mais débutant en Javascript.

J'ai voulu reprendre l'idée du menu à plusieurs niveaux proposé sur le site tympanus : http://tympanus.net/codrops/2015/11/17/multi-level-menu/
Donc un menu à gauche de la page, qui va ouvrir sur le droite le contenu sélectionné.

Après avoir simplifié le code à mes besoins j'obtient :


<!DOCTYPE html>
...
<script src="js/dummydata.js"></script>
(function() {
		var menuEl = document.getElementById('ml-menu'),
			mlmenu = new MLMenu(menuEl, {
				backCtrl : false,
				onItemClick: loadDummyData 
			});
...

Je comprend qu'en cliquant sur un élément du menu je charge DummyData.js

var dummyData = {
	"Accueil":"<div> Accueil test </div>",
        "Présentation":"<div> Présentation test </div>",
        "Contact":"<div> Contact test </div>"}

Je comprend qu'en ayant cliqué sur Accueil je vais afficher "Accueil test"sur la partie droite de la page, idem pour présentation et contact.

Est-il possible qu'en ayant cliqué sur Accueil je charge une page HTML sur la partie droite de la page? (dans le div par exemple).

Merci beaucoup si vous pouvez me donner un coup de main, ça fait plusieurs heures que je suis sur ce problème et je sèche complément.

Nb: j'ai tronqué les codes HTML et JS pour plus de clarté, si besoin je peux compléter.
Modifié par ClementZ (19 Mar 2016 - 20:38)

JavaScript, DOM et API Web HTML5

Chargement page HTML en Javascript