Empiezo con el código HTML de la entrada.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="inc/jquery.js" type="text/javascript"></script>
<script src="inc/jqueryaction.js" type="text/javascript"></script>
<link href="inc/styles.css" type="text/css" rel="stylesheet">
<link href="inc/menu.css" type="text/css" rel="stylesheet">
<link href="inc/tablamaestra.css" type="text/css" rel="stylesheet">
<link href="inc/login.css" type="text/css" rel="stylesheet">
<title>Acuarelas 2011</title>
<meta http-equiv="pragma" content="no-cache"><!-- No guarda en cache -->
<meta http-equiv="expires" content="0">
</head>
<BODY>
<div id="cabecera"></div>
<div id="menuuser"><a href="#" id="askuser">Entrar</a> <a href="#" id="hideuser">Ocultar</a></div>
<hr>
<div id="menu">
</div>
<hr>
<a name="main"></a>
<div id="main">
</div>
<a name="third"></a>
<div id="third">
</div>
<p><a href="../">Volver a inicio</a></p>
<% if bMySQL then response.write("MySQL") else response.write("Access") %>
<br>
</BODY>
</html>
Voy a ahorrarme exponer los códigos CSS, salvo que alguien me los solicite expresamente.
La función jQuery que me interesa está en el archivo
jqueryaction.js, que acontinuación pongo:
Código HTML:
$(document).ready(function() {
$('a').addClass('boton');
$('hr').addClass('lineaverde');
$('.cabecera').addClass('dBack');
$('.menu').addClass('tablatitulo');
$('.tablatitulo').addClass('tablatitulo');
// Cabecera
$('#cabecera').load('inc/cabecera.asp');
// Cargo el Menu
$('#menu').load('inc/menu.asp');
// Tratamiento del menu
$("#menu").delegate("td", "click", function(){
var miurl = this.id;
// Recorto prefijo "menu" para seleccionar Entidad a mostrar
miurl = miurl.substring(4);
toMain(miurl);
});
// Muestra Entidad en #main
function toMain(entidad) {
var miurl = entidad + '/listing.asp';
$.ajax({
url: miurl ,
success: function(data) {
$('#main').html(data); }
});
} ;
}
});
Básicamente, se trat de cargar un fichero que contiene
menu.asp, con la siguiente forma:
Código:
<table>
<tr>
<td id="menuusuarios">Usuarios</td>
<td id="menuestados">Estados</td>
</tr>
</table>
Todo esto funciona bien, pero ... esto es lo más sencilo: tengo un menú, y según lo que pinche, me carga los datos en una tabla.
NECESITO aprender cuando debo poner el código, y es que tampoco sé como manejarme con todos los objetos, bla bla bla ... de ahí la importacia de un ejemplo completo para facilitar su comprensión.
Si necesitas más ... me lo dices y lo voy colgando ....