Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje07-06-2011, 00:12 (UTC)    
Título del mensaje: Desaparecer contenido con Jquery [Tutorial]

Eliminar Div o partes de la página que muchas veces no queremos que sean visibles, ya sea que un diseño no se adapte bien por X o Y div de nuestra web, ahora podemos eliminarlo de manera sencilla unicamente colocando un código que podemos denominarlo muy sencillo.

Antes de todo, debes de llamar a la libreria de Jquery, ya que sin ella no funcionaria ninguno de los comandos; luego de incluirla en nuestras paginas podemos comenzar a usar codigo en Jquery.
Código:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>



Luego podemos por comenzar a enseñarles a eliminar contenido de nuestra pagina, por ejemplo, para eliminar todas las DIV's podemos usar este código:
Código:
<script>
$(document).ready(function(){
$('div').remove();
});
</script>


Si lo que queremos es eliminar una DIV en concreto podemos usar este código:
Código:
<script>$(document).ready(function(){
$('#nombrediv').remove();
});</script>

*Cabe destacar que "nombrediv", es el nombre de nuestra div.

Si queremos eliminar algo mas concreto como por ejemplo un vinculo, podemos usar este código:
Código:
<script>$(document).ready(function(){
$('a:contains("Texto del vinculo")').remove();
});</script>

*Sabiendo que "Texto del vinculo", es el texto que se encuentra para el vinculo.

Tambien podemos experimentar con clases y DIV's que contengan cierto texto, por ejemplo:
Código:
<script>$(document).ready(function(){
$('.nav:contains("Texto contenido en la Clase .nav")').remove();
});</script>


* Sabiendo que "Texto contenido en la clase .nav" es el posible texto que se encuentra en esa clase; usandolo en un DIV, seria asi:

Código:
<script>$(document).ready(function(){
$('#nombrediv:contains("Desaparecer div")').remove();
});</script>


Podemos recordarles que, el Jquery es muy estricto y respeta espacios, simbolos, minusculas y mayusculas por lo que el código solo funcionará de manera correcta cuando todos estos patrones esten bien definidos.

Espero les sea util.
Jeremy Molina.
Dudas: http://team-soporte.es.tl/Foros/thema-1-Desaparecer-contenido-con-Jquery.htm
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina


Ultima edición por team-soporte el Vie Jun 10, 2011 9:54 pm; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group