Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje07-06-2011, 22:17 (UTC)    
Título del mensaje: Mover Contenido de DIV con Jquery

Es muy util aveces mover un contenido de un lugar a otro mas cuando se esta limitado el acceso al HTML, esto podemos hacerlo usando Jquery; lo básico que debemos tener en cuenta es la libreria:

Código:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>


Y luego podemos usar el siguiente codigo:
Código:
<script>
$(document).ready(function(){
$('#midiv').appendTo('.moveraqui');
});
</script>

Sabien que "midiv", es el id actual del div donde se encuentra el contenido y luego saber que ".moveraqui", es el class donde vamos a moverlo.

En pocas palabras supongamos que tenemos el siguiente DIV:
Código:
<div id="Teamid">Este es mi contenido</div>


Y queremos moverlo a este class:
Código:
<div class="Teamclass"></div>


Entonces el código en Jquery seria:
Código:
<script>
$(document).ready(function(){
$('#Teamid').appendTo('.Teamclass');
});
</script>


Básicamente la funcion que tiene esta funcion, es poder mover un contenido a otra posicion cuando no se tiene acceso al HTML para poder moverlo de manera manual.

En mi caso lo que hice fue mover el contador para que este el footer de mi pagina, usando este codigo:
Código:
<script>
$(document).ready(function(){
$('#counter').appendTo('.contador');
});
</script>


Y el el HTML del footer puse:
Código:
<div class="contador"></div>


Espero les sea útil.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

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


Ultima edición por team-soporte el Vie Jun 10, 2011 9:40 pm; editado 2 veces
Mensaje10-06-2011, 01:37 (UTC)    
Título del mensaje:

Jaja, prefiero usar CSS para no hacer tanto lío. Nomás tengo una pregunta... Como todavía no se mucho de JS, para que sirve este código?:
Código:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>

______________
Mensaje10-06-2011, 02:23 (UTC)    
Título del mensaje:

kilometro6 escribió:
Jaja, prefiero usar CSS para no hacer tanto lío. Nomás tengo una pregunta... Como todavía no se mucho de JS, para que sirve este código?:
Código:
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>


Esta es la librería que permite que todo el código funcione, ya que sin esta los efectos en jquery no funcionarían.

Saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group