Hola
alberto510a.. gracias por tu respuesta, bueno hice lo que me dijiste pero nada, aun continua sin funcionar, la libreria Jquery la estoy leyendo directo del sitio oficial, es decir,
Código PHP:
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
por lo que el código quedaría así
Código PHP:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cargando contenido dinámico con la función ajax de jQuery</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#boton_cargar').click(function() {
$.ajax({
url: 'http://www.ucoxadv.com/contenido.html',
success: function(data) {
$('#div_dinamico').html(data);
}
});
});
$('#boton_cargar_anim').click(function() {
$.ajax({
url: 'http://www.ucoxadv.com/contenido_anim.html',
success: function(data) {
$('#div_dinamico_anim').html(data);
$('#div_dinamico_anim div').slideDown(1000);
}
});
});
});
</script>
<style type="text/css">
.html, body {
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
}
.div_dinamico {
float:left;
width:100%;
padding:0px;
margin:0px;
min-height:20px;
border:1px solid #999;
}
.div_dinamico_anim {
float:left;
width:100%;
padding:0px;
margin:0px;
min-height:20px;
border:1px solid #999;
}
.espacio20 {
height:20px;
clear:both;
}
.clear {
clear:both;
}
</style>
</head>
<body>
<div class="ejemplo">
Cargando contenido dinámico con la función ajax() de jQuery
<br /><br />
<input name="boton_cargar" id="boton_cargar" type="button" value="Cargar contenido" />
<br /><br />
<div name="div_dinamico" id="div_dinamico" class="div_dinamico"></div>
<div class="espacio20"></div>
Cargando contenido dinámico con la función ajax() de jQuery, con una pequeña animación con slideDown()
<br /><br />
<input name="boton_cargar_anim" id="boton_cargar_anim" type="button" value="Cargar contenido" />
<br /><br />
<div name="div_dinamico_anim" id="div_dinamico_anim" class="div_dinamico_anim"></div>
</div>
</body>
</html>
diurno10, si, deseo cargar es el contenido de archivos php o html dentro de los divs, pues estoy es haciendo mi web personal y me gustaria librarme del pantallaso blanco, además que es muy comodo mara muchos usuarios y así uno aprende un poco mas no???
tu em dices que reemplaze todo esto
Código PHP:
$('#boton_cargar').click(function() {
$.ajax({
url: 'http://www.ucoxadv.com/contenido.html',
success: function(data) {
$('#div_dinamico').html(data);
}
});
});
por esto?
Código PHP:
$('#boton_cargar').click(function() {
$('#div_dinamico').load('contenido_anim.html');
});