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
|
