Foros del Web » Programando para Internet » Javascript »

Elemento "dragable"

Estas en el tema de Elemento "dragable" en el foro de Javascript en Foros del Web. Buenas de nuevo, he buscado por el foro pero hay tantos y tantos temas que o no encuentro el que busco o no existe, así ...
  #1 (permalink)  
Antiguo 24/02/2013, 19:08
 
Fecha de Ingreso: noviembre-2011
Ubicación: Sevilla
Mensajes: 48
Antigüedad: 8 años
Puntos: 1
Pregunta Elemento "dragable"

Buenas de nuevo, he buscado por el foro pero hay tantos y tantos temas que o no encuentro el que busco o no existe, así que expongo mi duda.

¿Es posible crear un elemento que permita desplazamiento en una web que funcione en un dispositivo táctil?

Pongo un ejemplo que siempre viene bien;

En éste [URL="https://vimeo.com/60387806"]vídeo[/URL], en el segundo 0:40 - 0:43, aparece un elemento que baja con el lápiz, y otro que sube.

No estoy seguro de si es una App o una web, ya que he buscado la revista pero no aparece en San Google.

¡A ver qué decís!

Un saludo ;D
  #2 (permalink)  
Antiguo 25/02/2013, 02:22
Avatar de Albuss  
Fecha de Ingreso: enero-2012
Ubicación: Coruña
Mensajes: 475
Antigüedad: 7 años, 10 meses
Puntos: 30
Respuesta: Elemento "dragable"

CSS puro, Busca en google : CSS transition


Ps. los dispositivos tactiles también responden ante los eventos onmouseover/out, así que no tiene mas ciencia, capturas la posicion del raton y con estas tres cosas puedes hacer cosas mucho mejores que las que ves en el video.


Quizas los mas comlicado es la captura de los puntos x/y del raton, asi que te dejo un trozo de codigo:

Código HTML:
Ver original
  1. <div id="DivAlQueQuierasMoverConElEvento" onmouseover="functionAlaQuellamas(event);"></div>

dentro de la funcion a la que quieras llamar:

Código Javascript:
Ver original
  1. y=event.clientY;
  2. x=event.clientX;

Última edición por Albuss; 25/02/2013 a las 02:28
  #3 (permalink)  
Antiguo 25/02/2013, 09:02
 
Fecha de Ingreso: noviembre-2011
Ubicación: Sevilla
Mensajes: 48
Antigüedad: 8 años
Puntos: 1
Respuesta: Elemento "dragable"

Cuando entramos en JavaScript me pierdo un poco, el CSS3 sí lo controlo bien, pero;

¿OnMouseOver es :hover, cierto? Eso para los táctiles no lo veo adecuado

Gracias por tu ayuda, pero necesitaría muchas más lineas de código para poder avanzar, si tienes un rato, te pongo un ejemplo y si me das ese código ya podré desmenuzarlo y juguetear con él.

Un div azul que puedas desplazarlo con el dedo en la pantalla táctil.

Con ese trozo de código ya podría yo aplicarlo al resto y entender como funciona, soy del WYSWYG xD

Etiquetas: desplazamiento, elemento, movil
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:18.