Cerrado

Aplicacion Drag & Drop para pagina Web

El trabajo solicitando corresponde a la programación para una pequeña aplicación dentro de una página web. Es decir, corresponde solo a un segmento de una página. Se adjunta la imagen para visualizar la explicación. Lo que trabajo exige es la entrega de un código claro.

La “aplicación” debe funcionar con tecnología Drag and Drop en Javascript, o su librería Jquery, y CSS.

La aplicación posee fijo: un formulario con dos elementos tipo text, un botón para la información de lo que se escriba, menú de imágenes drageables dentro de circulos. A medida que se va apretando el botón, se empieza a generar una secuencia.

Secuencia

A medida que se agrega un Apellido y cant de Personas (con el formulario y el botón), van apareciendo los círculos amarillos con su número de la secuencia. También van apareciendo los círculos más pequeños y las flechas. Por ejemplo, al agregar el primer Apellido, aparecerá solo el circulo amarillo con el ‘1’. Al agregar el segundo Apellido aparece también el circulo amarillo ‘2’, y la flecha que los une (también el circulo pequeño).

Solo se aplica tecnologia Drag and Drop a los círculos de la secuencia.

Círculos pequeños:

• Se debe poder mover hacia ellos las imágenes de letras disponible (A, B, C, D) en el menú debajo del formulario (aclaración, lo que se debe mover es solo la letra que es una imagen, no el circulo con la imagen). Estas posibilidades deben estar siempre. Es decir, si se desea debe ser posible poner la A en todos los círculos.

• Cuando aún no se ha movido la letra (imagen), el circulo debe ser blanco con borde rojo, una vez que se mueve la letra su color cambia a gris.

• Debe ser posible quitar estas letras y hacer que el círculo quede nuevamente vacio.

• Debe ser posible cambiar la letra. Es decir, si ya se coloca una A, al desplazar del menú una B, debe quedar la B.

• Al posicionar el mouse sobre un circulo que ya tiene una letra, debe aparecer un pequeño dialogo donde se puede escribir unas pequeñas palabras.

Círculos grandes amarillos:

• Cada uno tiene el número de la secuencia.

• Debajo del círculo debe aparecer la información escrita en el formulario.

• Deben poder borrarse.

• Deben poder cambiarse entre ellos. Es decir, el Circulo 1 debe poder cambiarse por el Circulo 4. Cuando esto suceda debe ocurrir: [url removed, login to view] se cambia la información que se escribió en formulario (el texto debajo, Apellido y num de Personas). 2. Los círculos se desplazan en orden, es decir el 2 pasaría al 1, el 3 al 2, y el 1 al 4 (es el cambio), 5 sigue siendo 5, 6 sigue siendo 6. Aclaración: Estos movimientos se pueden hacer moviendo el círculo, y al desplazarlo también debe verse el número en el movimiento. Sin embargo, una vez concretado, visualmente lo único que cambia es la info del circulo (Apellido y Cant de Personas).

Aclaraciones:

• La secuencia no tiene un límite. A medida que se van agregando apellidos puede ir alargándose la secuencia.

• Posteriormente la información de la secuencia será almacenada en una base de datos. Es por esto que lo escrito en el formulario (apellido y cant de personas) deben estar en variables (separadas). Si se realizan desplazamientos entren los círculos Amarillos, los cambios se generan en la secuencia. Es decir, Si Orsatti (el 2), se mueve al 4, ahora queda este apellido en la variable que corresponda al círculo 4. Tambien debe quedar en una variable lo escribo en la ventanita del circulo con letra.

• Borrado: Debe incluirse una imagen de un tacho de basura, a donde se puedan desplazar los elementos drageables para eliminarlos.

Adicionales a futuro:

• Cambios en el CSS en la tecnología Drag&Drop (cambios al desplazar el objeto, que se marquen las aéreas donde se pueda arrastrar el elemento, etc .)

Habilidades: CSS, HTML, Javascript, jQuery / Prototype, PHP

Ver más: Busco un logo, y un diseño para una pagina web para gestoría/asesoría de empresas (fiscal laboral contable) que sea tan comer, Busco un logo, y un diseño para una pagina web para gestoría/asesoría de empresas, inicie a hacer una pagina web para mi consultorio psicologico pero que no pude, tenemos que desarrollar nueva pagina web para una red de restaurantes vegetarianos, trabajo pagina web para freelance, pagina web para trabajar como frenlance, pagina web para freelancers fotografia, pagina web para freelance, http www redactorfreelance com 2012 07 monta tu propia pagina web para html, crear pagina web para promocion freelance, donde puedo registrar mi pagina web para ser freelancer, diseñar un logotipo para una pagina web de accesorios para animales, disear un logotipo para una pagina web de accesorios para animales, pagina web para recursos humanos html, trafico para pagina web

Información del empleador:
( 0 comentarios ) La Plata, Argentina

ID de proyecto: #14739323

12 los freelancers están ofertando un promedio de $3210 para este trabajo.

letshappy

hello, i have more then 7 year experience in development and i am ready to start work now thanks.........................

$4000 ARS en 5 días
(136 comentarios)
7.0
kanika6665

Hey There! I have read your job description and would like to apply for it. I find myself eligible for this job since I am having 7 years of extensive experience in Website Development and Designing. I am expert in Más

$2469 ARS en 7 días
(40 comentarios)
6.1
taimursharif

Hi This is Taimur i will start work RIGHT NOW....! I am experienced in Boobstrap,Wordpress,Php and template customization (Html/css,jquery). I can asure you one thing that i will submit best quality work within the gi Más

$2472 ARS en 3 días
(61 comentarios)
5.4
fbettiol

Hola. Me gustaría asistirle con este proyecto de jQuery. He revisado con detenimiento llas indicaciones, y aunque persisten algunas dudas, estoy capacitado para llevarlo a cabo e interesado en realizarlo. He revisad Más

$4666 ARS en 15 días
(12 comentarios)
4.3
sisteberca

Buenas, tenemos experiencia con portales y sistemas web y sistemas de escritorio. Tenemos un equipo de profesiones con experiencia para satisfacer sus necesidades. Nuestros Sistemas son desarrollados de acuerdo a la Más

$4000 ARS en 5 días
(6 comentarios)
4.0
djcarras

Hola, te puedo ayudar en tu proyecto. enviame mas informacion al respecto via el chat de freelancer.com. saludos

$2777 ARS en 5 días
(15 comentarios)
3.7
$2250 ARS en 3 días
(15 comentarios)
3.2
cesaraaron

Buenos días, tengo amplia experiencia en desarrollo de aplicaciones con javascript, html5 y jquery. He leído todos sus requerimientos, y si son factibles de realizar tal como lo especifica. Tengo disponibilidad i Más

$2300 ARS en 5 días
(15 comentarios)
3.4
$5000 ARS en 30 días
(4 comentarios)
0.8
manorma7bimsman

Hi Sir, I am very glad to see this project and i am very much interested to work with you. I have been working since last 8 years and i served a lots of companies and individual projects. I request you to prov Más

$2472 ARS en 3 días
(0 comentarios)
0.0
Ritesh2777

Hei i have an excellent knowledge of jquery css java script php & HTML5 as much as i can understand i am 100% assured that i will complete ur project

$3333 ARS en 35 días
(0 comentarios)
0.0
Iitichondriusii

Tengo experiencia en el manejo de imágenes vectoriales SVG, en HTML, programados con javascript. Puede ver algunos ejemplos que he realizado en mi canal: [url removed, login to view] [url removed, login to view] Más

$2777 ARS en 7 días
(0 comentarios)
0.0