Está usted en Indice > Construcción > Lenguajes > DHTML > Manual de DHTML > Mover Elementos
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

MANUAL DE DHTML

MOVER ELEMENTOS
Supongamos que nuestro objetivo es mover un tag DIV a una nueva posición, por ejemplo a la coordenada (300,200). Para ello, lo que se debe hacer es asignar las nuevas coordenadas izquierda y superior del elemento. El código necesario es el siguiente:

	tagDiv.left = 300
	tagDiv.top = 200
Donde tagDiv es el identificador directo del tag a mover.

Importante: A partir de este momento, todos los ejemplos y explicaciones, se harán utilizando variables que apuntan directamente al tag en sí.

La función parseInt

A la hora de asignar nuevas coordenadas vemos que no hay ninguna diferencia entre los dos navegadores. Pero es que la particularidad viene ahora: en la lectura de valores. Cuando lo que queremos no es asignar una nueva coordenada, sino por ejemplo comprobar cuál es el valor de la propiedad left, nos daremos cuenta de que existe una peculiaridad en el Explorer. La causa está en que este navegador no nos devuelve el número y ya está, sino que además nos devuelve el sufijo px (pixels). Por ejemplo, un valor completo podría ser: 300px. Si luego queremos operar con este valor, tendremos un problema. Para solucionarlo, existe una función que se encarga de eliminar todos los caracteres no numéricos del parámetro que se le pasa: la función parseInt.

Por tanto, para leer la propiedad left en el Explorer, haríamos lo siguiente:

	var izquierda = parseInt (tagDiv.left)
Tras esta línea, la variable izquierda tendría la coordenada x del comienzo del tag, sin el sufijo px.

Ejemplo



Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 04-07-2008 a las 23:45:13