natanverdes/menu_dinamico_JQuery.html

## menu_dinamico_JQuery.html
<!-- SOURCE: http://stackoverflow.com/questions/17037609/how-to-load-html-page-in-div-on-clicking-menu-items -->
<!doctype html>
<html>
<head>
    <title>Menú Dinámico en JQuery</title>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script>
        $(function () {
            $('#nav a').on('click', function (e) {
                e.preventDefault();
                var page = $(this).attr('href');
                $('#content').load(page);
            });
        });
    </script>
</head>
<body>
<div id="nav">
    <a href="paginas/pagina1.html">Page 1</a>
    <a href="paginas/pagina2.html">Page 2</a>
</div>

<div id="content">
    Utiliza el menú para navegar por el sitio.
</div>
</body>
</html>
	<!-- SOURCE: http://stackoverflow.com/questions/17037609/how-to-load-html-page-in-div-on-clicking-menu-items -->
	<!doctype html>
	<html>
	<head>
	<title>Menú Dinámico en JQuery</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
	<script>
	$(function () {
	$('#nav a').on('click', function (e) {
	e.preventDefault();
	var page = $(this).attr('href');
	$('#content').load(page);
	});
	});
	</script>
	</head>
	<body>
	<div id="nav">
	<a href="paginas/pagina1.html">Page 1</a>
	<a href="paginas/pagina2.html">Page 2</a>
	</div>

	<div id="content">
	Utiliza el menú para navegar por el sitio.
	</div>
	</body>
	</html>