lunes, 10 de marzo de 2014

jquery get element position

Can I get the coordinates of a div with JQuery?

The answer is yes:

$('#elementID').offset()
Returns an object with top and left offsets. (http://api.jquery.com/offset/)

Actually there is two options:
 position() or offset().

position() Basically similar to what you could use in the CSS top, left properties.

offset() Will return the distance relative to the document. This considers margins, paddings, and borders.


 <style>
     .someClass {
        position: absolute;
        top: 100px;
        left: 100px;
        border: solid 3px black;
     }
     span { 
        margin: 20px; 
        padding: 20px; 
        border: solid 2px black;
        position: absolute; 
        top: 20px; 
        left: 20px; 
     }
    </style>

    <div class="someClass">
         <span>Hello World!</span>
    </div>

    $('span').position() => { top: 20, left: 20 }
    $('span').offset() => { top: 143, left : 143 }


You can also set the position() and the offset
 

    <div class="someClass">
         <span>Hello World!</span>
    </div>

    $('span').position({ top: 20, left: 20 }) 
    $('span').offset({ top: 143, left : 143 }) 


lunes, 22 de abril de 2013

Spirit Possession, Windows phone app

Descargar aqui 
 
Spirit Possession es una aplicacion para windows phone. Es una broma para hacer a tus amigos.
INSTRUCCIONES:
En la primer entrada siempre se escribe "espiritu por 
favor responde:"
En el segundo espacio escribes la pregunta que le 
quieres hacer al espiritu.

TRUCO (como funciona):
En el primer campo de texto presione la tecla enter para
 entrar la respuesta, escribas lo que escribas, irá 
apareciendo "espiritu por favor responde:". Entonces en 
el primer campo de texto usted debe escribir la 
respuesta a la pregunta que harás en el segundo campo y 
presionar enter para finalizar. La respuesta será lo que
 pusiste en el primer campo y sacarás un buen susto a 
tu amigo. Cuando el te pida probar, no sabrá el truco de los enter al principio y 
al final y cuando haga la pregunta el espiritu responderá de forma agresiva o 
negativa, haciendo que el truco solo funcione contigo.

Asegúrate de mentalizar antes a tu amigo para que caiga en la broma y escribir la 
respuesta rápidamente para que no se de cuenta que estás escribiendo algo 
diferente a "espiritu por favor responde:".
Ademas debes saber la pregunta y la respuesta antes de empezar a escribir.
Esta es una divertida broma para hacer a familiares o amigos que puede 
intranquilizar a más de uno.. Qué tan lejos la lleves depende de ti...
 
//------------------------------------------------------------------------------ 
 
A joke to your friends.
INSTRUCTIONS:
The first entry is always written "please respond spirit"
In the second space write the question you want to ask the spirit.

TRICK (how it works):
In the first text field, press the Enter key to enter the answer, write what you 
write, will appear "please respond spirit". Then in the first text field you must 
type the answer to the question that you do in the second field and press enter to 
finish. The answer will be what you put in the first field and It will actually 
scare your friend. When he ask for try it self, he will not know the trick of 
press the enter at the beginning and end, and when press answer the question 
button, the spirit will respond aggressive or negative, making the trick only work 
with you.

Make sure your friend mentalize before to fall in the jest and write the answer 
quickly so he will not realize you're writing something other than "please respond 
".
You should know the question and the answer before you start writing.
This is a funny joke to family or friends who can unsettle more than one .. 
How far to take it, is up to you ...