# Evento HTML

**URL:** <https://foros.velneo.com/t/evento-html/8816>\
**Category:** Velneo\
**Created:** [5 Abril, 2016 13:24 UTC](https://foros.velneo.com/t/evento-html/8816 "2016-04-05T13:24:04Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![tcvsi](https://avatars.discourse-cdn.com/v4/letter/t/a698b9/32.png) [@tcvsi](https://foros.velneo.com/u/tcvsi)\
**Post date:** [5 Abril, 2016 13:24 UTC](https://foros.velneo.com/t/evento-html/8816/1 "2016-04-05T13:24:04Z")

</div>

Agradecería alguna pista de por donde tirar.

Estoy implementando un calendario javascript en un formulario conun control HTML.  
Por ahora sin problemas e incluso capturo el Link clicked y abro un formulario para modificar el registro.  
El calendario permite hacer drag&drop de un evento y cambiarlo de día. Dentro de script que se ejecuta en el HTML puedo acceder a los valores del evento que se ha movido. Hasta aquí mas o menos me he aclarado y lo he podido resolver.

Ahora ya necesito alguna pista, porque todo lo que estoy probando y leyendo no me lleva a ningún sitio. Quiero poder capturar de alguna forma los datos del evento que se ha movido, los cuales estan en variables en el script del HTML. Quiero poder capturarlos para lanzar un proceso que actualice el registro en la base de datos y que quede grabado el drop.

No veo como enlazar información desde el HTML y un proceso sea velneo o javascript para tomar el control de los datos movidos.

Tampoco se si se puede hacer. Pero si teneís alguna idea de por donde tirar lo agradeceré.

Gracias

---

<div class="post-metadata">

**Author:** ![frueda](https://avatars.discourse-cdn.com/v4/letter/f/71c47a/32.png) [@frueda](https://foros.velneo.com/u/frueda)\
**Post date:** [5 Abril, 2016 15:11 UTC](https://foros.velneo.com/t/evento-html/8816/2 "2016-04-05T15:11:32Z")

</div>

Hola Tomás, tienes documentación del componente JS?? Tienes un evento del componente que se dispare cuando se efectúa una modificación de una tarea??

Si me dices el componente que estas usando, lo mismo te puedo ayudar con la doc.

Un saludo.

---

<div class="post-metadata">

**Author:** ![tcvsi](https://avatars.discourse-cdn.com/v4/letter/t/a698b9/32.png) [@tcvsi](https://foros.velneo.com/u/tcvsi)\
**Post date:** [5 Abril, 2016 15:34 UTC](https://foros.velneo.com/t/evento-html/8816/3 "2016-04-05T15:34:48Z")

</div>

Por supuesto. El comonente es FullCalendar [http://fullcalendar.io/](http://fullcalendar.io/)

La documentación relativa al evento que se dispara en el html está aquí [http://fullcalendar.io/docs/event\_ui/eventDrop/](http://fullcalendar.io/docs/event_ui/eventDrop/)

Muchas gracias por tomarte el interés.  
He escogido este calendario por ser open source en vez del dhtmlx sheduler que han utiliado otros. No obstante si es imposible resolver el problema estoy abierto a cambiar de componente.

Gracias

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [5 Abril, 2016 17:23 UTC](https://foros.velneo.com/t/evento-html/8816/4 "2016-04-05T17:23:36Z")

</div>

Podrías usar la técnica de emular un link clicked cuando se produzca el drag & drop y capturar los datos de dicho evento

---

<div class="post-metadata">

**Author:** ![tcvsi](https://avatars.discourse-cdn.com/v4/letter/t/a698b9/32.png) [@tcvsi](https://foros.velneo.com/u/tcvsi)\
**Post date:** [5 Abril, 2016 17:43 UTC](https://foros.velneo.com/t/evento-html/8816/5 "2016-04-05T17:43:37Z")

</div>

Gracias Manuel, había pensado en ello, pero no se como hacerlo y nada de lo que he leído me ha ayudado en como abordarlo.

---

<div class="post-metadata">

**Author:** ![manuel.rd](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/manuel.rd/32/3508_2.png) [@manuel.rd](https://foros.velneo.com/u/manuel.rd)\
**Post date:** [5 Abril, 2016 17:55 UTC](https://foros.velneo.com/t/evento-html/8816/6 "2016-04-05T17:55:45Z")

</div>

¿Has visto estos enlaces?  
[https://velneo.es/foros/topic/enlazar-velneo-con-html/](https://velneo.es/foros/topic/enlazar-velneo-con-html/)  
[https://velnex.wordpress.com/2013/10/16/v7-recogiendo-data-del-visor-html/](https://velnex.wordpress.com/2013/10/16/v7-recogiendo-data-del-visor-html/)

La idea sería capturar el evento en javascript como se haría en una web normal y lanzar esa simulación.

La otra opción, es por tcp. Abrir un servicio y enviar por ajax la información del evento y procesarla en la parte servidor del protocolo.

---

<div class="post-metadata">

**Author:** ![tcvsi](https://avatars.discourse-cdn.com/v4/letter/t/a698b9/32.png) [@tcvsi](https://foros.velneo.com/u/tcvsi)\
**Post date:** [5 Abril, 2016 18:03 UTC](https://foros.velneo.com/t/evento-html/8816/7 "2016-04-05T18:03:07Z")

</div>

Pues no lo había visto. Lo de Mario recuerdo haberlo leído hace tiempo, pero hoy no he tenido ocasión de encontrarlo.

Te agradezco mucho la información, la leeré con detenimiento y veré si puedo salir por aquí.

Muchas gracias

---

<div class="post-metadata">

**Author:** ![anton](https://avatars.discourse-cdn.com/v4/letter/a/d9b06d/32.png) [@anton](https://foros.velneo.com/u/anton)\
**Post date:** [5 Abril, 2016 19:24 UTC](https://foros.velneo.com/t/evento-html/8816/8 "2016-04-05T19:24:38Z")

</div>

Revisa tus solicitudes de skype, para pasarte ejemplo.

---

<div class="post-metadata">

**Author:** ![frueda](https://avatars.discourse-cdn.com/v4/letter/f/71c47a/32.png) [@frueda](https://foros.velneo.com/u/frueda)\
**Post date:** [6 Abril, 2016 06:43 UTC](https://foros.velneo.com/t/evento-html/8816/9 "2016-04-06T06:43:39Z")

</div>

Buenas @tcvsi, lo que he hecho en alguna ocasión es simular un click con jquery, este click puede ser leido por velneo desde un VCWebView mediante setLinkDelegationPolicy:

En nuestro html:

…  
\<body\>  
…  
\<input id=“boton\_oculto” type=“button” value=“boton\_oculto” style=“display: none”\>  
\<script src=“js/jquery.min.js”\>\</script\>  
\</body\>

$(function() { // evento on ready

$(’#calendar’).fullCalendar({  
events: [  
// events here  
],  
editable: true,  
eventDrop: function(event, delta, revertFunc) {

```
    $('#boton_oculto').click();

}

```

});

});

Un saludo.

---

<div class="post-metadata">

**Author:** ![mario-axos](https://avatars.discourse-cdn.com/v4/letter/m/46a35a/32.png) [@mario-axos](https://foros.velneo.com/u/mario-axos)\
**Post date:** [6 Abril, 2016 06:47 UTC](https://foros.velneo.com/t/evento-html/8816/10 "2016-04-06T06:47:34Z")

</div>

Tomás, si necesitas ayuda, skypeame 😉

---

<div class="post-metadata">

**Author:** ![tcvsi](https://avatars.discourse-cdn.com/v4/letter/t/a698b9/32.png) [@tcvsi](https://foros.velneo.com/u/tcvsi)\
**Post date:** [6 Abril, 2016 12:01 UTC](https://foros.velneo.com/t/evento-html/8816/11 "2016-04-06T12:01:18Z")

</div>

Conseguido !!!

Al final he optado por la solución paortada por Mario Valdés en su entrada [https://velneo.es/foros/topic/enlazar-velneo-con-html/](https://velneo.es/foros/topic/enlazar-velneo-con-html/) como bien me sugerísteis.

Cuando tenga cuadrado todo, prepararé un vin con la agenda y pondré un enlace.

Muchas gracias a todos.

---

<div class="post-metadata">

**Author:** ![runasoft](https://avatars.discourse-cdn.com/v4/letter/r/c57346/32.png) [@runasoft](https://foros.velneo.com/u/runasoft)\
**Post date:** [6 Abril, 2016 14:00 UTC](https://foros.velneo.com/t/evento-html/8816/12 "2016-04-06T14:00:31Z")

</div>

Gracias estaremos atentos

---

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [6 Abril, 2016 16:04 UTC](https://foros.velneo.com/t/evento-html/8816/13 "2016-04-06T16:04:56Z")

</div>

@Tomás Cirac,

Lo de `Cuando tenga cuadrado todo, prepararé un vin con la agenda y pondré un enlace.` seria muy interesante, llevo muchas horas perdidas y no he sabido llegar nunca a poder tener una Agenda.

También tengo que reconocer que el JS lo llevo muy mal.

Saludos

---

<div class="post-metadata">

**Author:** ![Miguel.arhes](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/miguel.arhes/32/5555_2.png) [@Miguel.arhes](https://foros.velneo.com/u/Miguel.arhes)\
**Post date:** [6 Abril, 2016 17:03 UTC](https://foros.velneo.com/t/evento-html/8816/14 "2016-04-06T17:03:06Z")

</div>

!!! Ojalá ¡¡¡¡ y podamos verlo pronto, sobre todo una explicación profunda para dummys, de como se hace, yo te estaría muuuuy agradecido.

Saludos.  
Mi9guel.

---

<div class="post-metadata">

**Author:** ![tcvsi](https://avatars.discourse-cdn.com/v4/letter/t/a698b9/32.png) [@tcvsi](https://foros.velneo.com/u/tcvsi)\
**Post date:** [8 Abril, 2016 07:43 UTC](https://foros.velneo.com/t/evento-html/8816/15 "2016-04-08T07:43:21Z")

</div>

Lo prometido es deuda.  
Aquí os dejo en señal de agradecimiento por la ayuda recibida un vin con la agenda simplificada al máximo para no liar con tablas y procesos que complicarían su entendimiento.

La agenda utilizada es [Full Calendar](http://fullcalendar.io/)  
Es Open Source y creo que bastante completa, incluso permite integrar calendarios de Google. En la página hay una extensa documentación sobre cada una de las propiedades y métodos que se pueden aplicar. Yo he aprovechado bastantes en la agenda, pero seguro que se pueden utilizar más.

Lo he hecho sin apenas tener idea de JavaScript y mirando ejemplos. Agradecer a los que me ayudaron en este hilo para conseguir atrapar eventos en el HTML. Al final he utilizado la solución de [Mario Valdés](https://velneo.es/foros/topic/enlazar-velneo-con-html/)

Se puede mejorar y me gustaría que quién se atreva vaya compartiendo las mejoras. La primera que se me ocurre y a la que voy a dedicar tiempo (que ahora no tengo) es la de optimizar la carga de eventos, es decir cargar eventos en función del cambio de vista de la agenda y no tener que cargar todos los datos de la tabla, lo que seguro que no es operativo con muchos datos.

[Agenda](https://www.dropbox.com/s/3l7d0tcszssqtpb/Agenda.vin?dl=0)

---

<div class="post-metadata">

**Author:** ![oscarmjuarez](https://avatars.discourse-cdn.com/v4/letter/o/76d3ee/32.png) [@oscarmjuarez](https://foros.velneo.com/u/oscarmjuarez)\
**Post date:** [8 Abril, 2016 08:20 UTC](https://foros.velneo.com/t/evento-html/8816/16 "2016-04-08T08:20:48Z")

</div>

Sí señor, te ha quedado genial.

Muchísimas gracias por el aporte.

Un saludo

---

<div class="post-metadata">

**Author:** ![vgegeo](https://avatars.discourse-cdn.com/v4/letter/v/278dde/32.png) [@vgegeo](https://foros.velneo.com/u/vgegeo)\
**Post date:** [8 Abril, 2016 08:29 UTC](https://foros.velneo.com/t/evento-html/8816/17 "2016-04-08T08:29:22Z")

</div>

Que bueno Tomas, gran aporte.

Gracias por compartir

---

<div class="post-metadata">

**Author:** ![tempsmollet](https://avatars.discourse-cdn.com/v4/letter/t/977dab/32.png) [@tempsmollet](https://foros.velneo.com/u/tempsmollet)\
**Post date:** [8 Abril, 2016 09:13 UTC](https://foros.velneo.com/t/evento-html/8816/18 "2016-04-08T09:13:32Z")

</div>

@Tomas,

Me acabo de quedar a cuadros, excelente trabajo y grandioso aporte a la comunidad de Velneo.

Muchísimas gracias de verdad.

Saludos

---

<div class="post-metadata">

**Author:** ![joseantonio](https://avatars.discourse-cdn.com/v4/letter/j/3be4f8/32.png) [@joseantonio](https://foros.velneo.com/u/joseantonio)\
**Post date:** [8 Abril, 2016 09:29 UTC](https://foros.velneo.com/t/evento-html/8816/19 "2016-04-08T09:29:39Z")

</div>

Un gran trabajo y un gran aporte!!!

Muchas gracias!

Un saludo.

---

<div class="post-metadata">

**Author:** ![j.sotomayor.75](https://avatars.discourse-cdn.com/v4/letter/j/6de8d8/32.png) [@j.sotomayor.75](https://foros.velneo.com/u/j.sotomayor.75)\
**Post date:** [8 Abril, 2016 13:01 UTC](https://foros.velneo.com/t/evento-html/8816/20 "2016-04-08T13:01:26Z")

</div>

Muchas gracias Tomas, muy buen aporte!!!

[Página siguiente](https://foros.velneo.com/t/evento-html/8816.md?page=2)