recargar div con jquery

nes24 · #1 (**permalink**) 07/02/2009, 20:04

Hola estoy probando hasta ahora las mieles de jquery, en los tutos que he visto he notado que esta herramienta es muy potente, bueno como puedo lograr la recarga de un div??

<div id="midiv">esta es mi ejecucion PHP</div>
<a href=""> Presioname u desaparece ! </a>

es decir al precionar el link, mi div desaparesca...

mil gracias.

_Ju · #2 (**permalink**) 08/02/2009, 22:24

Seria algo asi:

$("a").click(function (){
$("midiv").hide();
});

nes24 · #3 (**permalink**) 09/02/2009, 08:55

Cita:

Iniciado por _Ju

Seria algo asi:

$("a").click(function (){
$("midiv").hide();
});

ummm no graves, no funciona, podes poner un ejemplo mas amplio????

mia esto tengo yop
<script src="jquery.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function(){
$("a").click(function (){
$("midiv").hide(0);
});
});
</script>
<style type="text/css">
.boton{
color:#f00;
display:block;
width:100px;
text-align:center;
border:#f00 solid 1px;
}
</style>

</head>
<body>
<div id="midiv">
<p>Colocar aquí el contenidossss para id "--"dssssssssssssssssssssssssssssssssssssssss</p>
</div>
<p><a href="#">Recargar</a></p>

nes24 · #4 (**permalink**) 09/02/2009, 10:21

esto es justo lo que quieria

http://blogandweb.com/javascript/des...eb-con-jquery/

_Ju · #5 (**permalink**) 09/02/2009, 12:47

Ups, cometi un error en el codigo, hice una mala referencia al Div, deberia de quedar asi:

$("a").click(function (){
$("#midiv").hide();
});

Ya lo resolviste, pero por si te sirve de algo :P

SiddhartaCB · #6 (**permalink**) 24/03/2009, 12:37

Hola a tod@s.

Antes de anda saludarles. Estoy aprendiendo JQuery y me encuentro con un problema. Seguro que es una tontería.

Quiero hacer un load para cargar un fichero html (no sé si se podría un jsp) en una zona de la página jsp inicial.

Por tanto, yo en mi página home.jsp tengo un enlace así:

Código HTML:

<div id="content">
	<ul id="menuV">
                 ...
		<li ><a id="monitores" href="#" onclick="textoMonitores();">Monitores</a></li>
		 ...
	  </ul>	
</div>

En esta página home.jsp también tengo la zona donde quiero insertar la página monitores.html, tal que así:

Código HTML:

<div id="sidebar-a">
	<div class="titulo">
	</div>
	<div class="separador">
	</div>
	<div class="padding">					
		Aquí va el contenido que mostramos como página inicial.
	</div>
</div>

Después en mi fichero funciones.js tengo:

Código:

...
function textoMonitores(){
    $('#sidebar-a .titulo').addClass('tituloSeccion').html('Monitores');
    $('#sidebar-a .separador').html('<hr/>');
    $('#sidebar-a .padding').load('../html/monitores.html'); 
    return false;
}
...

El problema es que no soy capaz de que me inserte el código de la página en la zona 'sidebar-a .padding'

Les agradecería muchísimo que me echaran una mano.

Muchas gracias. Un saludo.