Hola,
Hace tiempo que programo en HTML + CSS. He decidido aprender un poco de AJAX acompañado de Prototype.
Estoy haciendo una pagina web de prueba para aprender. El planteamiento es el siguiente:
Pagina index.html :
Código:
<html>
<head>
<!-- JavaScript -->
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/showContent.js"></script>
</head>
<body>
<div id="mainWrapper">
<div id="menu">
<ul>
<li><a href="#" onclick="showContent('home');">inicio</a></li>
<li><a href="#" onclick="showContent('contactForm');">contacto</a></li>
</ul>
</div><!-- end #menu -->
<div id="content">
</div><!-- end #content -->
</div><!-- end #mainWrapper -->
</body>
</html>
donde la función JavaScript
showContent() es:
Código:
function showContent(item){
var aDIV = "content";
switch(item){
case "home":
var aURL = "home.html";
break;
case "contactForm":
var aURL = "contact.html";
break;
default:
var aURL = "error.html";
}
new Ajax.Updater(aDIV,aURL,{method:'get'});
}
y donde home.html (por ejemplo) es:
Con este metodo lo que intento es que todo el rato se este en la pagina
index.html y que al hacer click en los links se actualice simplemente el DIV="content".
1.- Este planteamiento es correcto?
2.- Si el planteamiento es correcto, lo estoy haciendo de la forma correcta?
3.- Pros/Contras?
Muchas gracias!!!