654380491
hola@carlosdk.com
Login
[miniorange_social_login]

Login with your site account

Lost your password?

Carlos DK Carlos DK
  • Inicio
  • Kit digital
  • Universo Dk
  • Blog
  • Contacto
Back
  • Inicio
  • Kit digital
  • Universo Dk
  • Blog
  • Contacto
  • Home
  • Blog
  • Tutoriales formativos
  • Saber la posición de una capa u objeto en JQuery

Tutoriales formativos

04 Jul

Saber la posición de una capa u objeto en JQuery

  • By Carlos Dk
  • In Tutoriales formativos
  • 0 comment

Bienvenidos a VerTutoriales.com, en esta ocasión vamos a ver la manera de tomar la posición de un objeto en JQuery, para ello haremos uso del método position para tomar la posición de left y top.

jquery
Librería JQuery

Con esto de manejar JQuery para programar temas visuales estoy sacando funciones bastante curiosas pero potentes, por ejemplo para obtener la posición de una capa dentro de la pantalla podemos utilizar la función position la cual nos devuelve otro submetodo que seleccionemos relacionado con la posición. Veamos un ejemplo:

var iniX = $(“#mapa”).position().left;
var iniY = $(“#mapa”).position().top;

En el código JQuery de ejemplo anterior, podemos ver que declaramos dos variables iniX e iniY, estas dos variables declaradas, se le asignan los valores que tenga el objeto #mapa en el método position().left y .top, para tomar los valores de posición de izquierda y arriba respectivamente.

Así de sencillo es ver la posición por ejemplo de una capa para luego repintar encima otras capas con posición absolute como realizo en un mapeador que estamos montando para un proyecto de http://www.reinosdepapel.com

Espero que os sirva! Si tenéis cualquier comentario hacedlo! y si os sirvió podéis compartirlo con los demás.

Un saludo

Tags:jqueryProgramacion
  • Share:
Carlos Dk

You may also like

Crear categorías y configurar menú en WordPress en 4 min.

  • marzo 3, 2019
  • by Carlos Dk
  • in Tutoriales formativos
Crear categoría y menú WordPress Es indispensable en una nueva instalación de WordPress, crear las...
Instalar tema en WordPress en 2 pasos
febrero 23, 2019
Actualizar MySQL 5.1 a 5.6 en CentOS 6.9 con Plesk como panel
octubre 20, 2018
Recorrer todos los objetos de una capa o del DOM completo con JQuery
diciembre 22, 2014

Leave A Reply Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Busca en la web

Recomiendo

Software ERP empresarial

Categorías

  • Miscelanea (129)
  • Tutoriales formativos (622)

Ponte en contacto

+34 654380491

hola@carlosdk.com

Torre del Mar (Málaga)

Enlaces rápidos

  • Universo Dk
  • Contacto
  • Blog

Soy social

  • Twitter
  • Linkedin
  • Youtube

Newsletters

Suscríbete para enterarte de lo último que estoy haciendo. No lo usaré para enviarte SPAM inútil 😉

Esta web la he diseñado con cariño en Andalucía por Carlos Dk