saludos diurno10
no tengo una version en linea, pero te dejo una version comprimida de lo que estoy haciendo:
el index:
Código:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Prueba de load</title>
<link rel="stylesheet" type="text/css" href="estilo.css" />
<script language="javascript" src="jquery-2.0.0.min.js"></script>
<script language="javascript" src="rutinas.js"></script>
</head>
<body>
<div id="contenido">
<h1>Esta pagina muestra el funcionamiento de load</h1>
<div class="texto">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br /> <br />
<span class="enlace">Click aqui para cargar pagina</span>
</div>
<div id="cargapagina"></div>
</div>
</body>
</html>
Código:
<h2>Esta es la pagina cargada con LOAD</h2>
<div class="texto1">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt t labore et dolore magna aliqua.<br /> <br />
<span class="regresa">Click aqui para regresar</span>
</div>
<h2>Este es el fin de la pagina con LOAD</h2>
Código:
h1{
text-align: center;
color: #FF0000;
}
h2{
text-align: center;
color:#0000FF;
}
#contenido{
width: 100%;
font-family: sans-serif;
}
.texto{
color: #0000FF;
}
.texto1{
color: #FF0000;
}
.enlace{
font-size: 1.2em;
font-weight: bold;
color: #00FF00;
cursor: pointer;
}
.regresa{
font-size: 1.2em;
font-weight: bold;
color: #0000FF;
cursor: pointer;
}
Código:
$(function() {
$(".enlace").click(function(){
$(".texto").fadeOut(1500,function(){
$("#cargapagina").load("pagina.html");
});
});
$(".regresa").click(function(){
alert("Aqui supuestamente hace algo, pero no lo hace, GRRRR!");
});
});
con este codigo si me funciona el CSS, pero no el jquery.
gracias por tu ayuda diurno10.