elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: ¿Eres nuevo? ¿Tienes dudas acerca del funcionamiento de la comunidad? Lee las Reglas Generales


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  [Aporte] Arrastrar y Soltar		0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: [Aporte] Arrastrar y Soltar  (Leído 2,788 veces)
AFelipeTrujillo

Desconectado Desconectado

Mensajes: 160



Ver Perfil WWW
[Aporte] Arrastrar y Soltar
« en: 23 Junio 2010, 09:03 am »
Hola a todos les dejo este pequeño code bastante atractivo a la hora de implementar, algo al estilo wordpress

Código
  2.   <head>
  3.      <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
  4.      <script src="drag.js" language="JavaScript1.5"></script>
  5.      <!-- LLAMAMOS LAS LIBRERIAS NECESARIAS PARA LA IMPLEMENTACION -->
  6.      <script>
  7.       window.onload=function(){
  8.         //VALIDAMOS QUE TRAMADO ESTE COMPLETO
  9.         REDIPS.drag.init();
  10.         //INICIALIZAMOS EL "OBJETO"
  11.         REDIPS.drag.hover_color='#CEEF9C';
  12.         // SELECCIONAMOS EL COLOR PARA EL HOVER
  13.         REDIPS.drag.drop_option = 'single';
  14.         //VALIDAMOS PARA QUE EN CADA CELDA SOLO haya UN ITEM LA OTRA OPCION
  15.         //ES SWITCH
  16.  
  17.         //MANEJO DE EVENTOS
  18.         var x = document.getElementById("evento");
  19.         REDIPS.drag.myhandler_clicked=function(){
  20.           x.innerHTML="Click sobre el elemnto";
  21.         }
  22.         REDIPS.drag.myhandler_moved=function(){
  23.            x.innerHTML="Estoy moviendo el elemento";
  24.         }
  25.         REDIPS.drag.myhandler_dropped=function(){
  26.            x.innerHTML="Elemento movido";
  27.         }
  28.       }
  29.      </script>
  30.      <title>:: Drag and Drop ::</title>
  31.   </head>
  32.  
  33.   <body>
  34.     <div id="drag">
  35.         <table width="0" border="0" cellspacing="0" cellpadding="0">
  36.         <colgroup><col width="400"/></colgroup>
  37.           <tr>
  38.             <td width="311" scope="col"><div id="link1" class="drag t1"><center>A</center></div></td>
  39.             <!-- APLICAMOS LA CLASE -->
  40.             <td width="311" scope="col" rowspan="3"></td>
  41.           </tr>
  42.           <tr>
  43.             <td scope="row"><div id="link1" class="drag t1"><center>B</center></div></td>
  44.           </tr>
  45.           <tr>
  46.             <td scope="row">&nbsp;</td>
  47.           </tr>
  48.           <tr>
  49.             <td scope="row">&nbsp;</td>
  50.             <td width="317" scope="row"><div id="link1" class="drag t1"><center>C</center></div></td>
  51.           </tr>
  52.         </table>
  53.         <div id="evento"></div>
  54.       </div>
  55.   </body>
  56. </html>
  57.  

FUENTE

VER EJEMPLO FUNCIONANDO

Salu2
En línea
C0mUnidAd C0dif|cad4.C0M
Debci
Wiki

Desconectado Desconectado

Mensajes: 2.021


Actualizate o muere!


Ver Perfil WWW
Re: [Aporte] Arrastrar y Soltar
« Respuesta #1 en: 23 Junio 2010, 11:02 am »
Me ha gustado mucho, y muy bien el diseño todo muy Light xD
Por cierto el script js que incluyes donde esta? porque he visto uno definido in-code y otro que llama a un archivo :S

Saludos
En línea
AFelipeTrujillo

Desconectado Desconectado

Mensajes: 160



Ver Perfil WWW
Re: [Aporte] Arrastrar y Soltar
« Respuesta #2 en: 23 Junio 2010, 20:31 pm »
hummm el que incluyo tiene la clase y las funciones y el que esta en el código son los eventos
En línea
C0mUnidAd C0dif|cad4.C0M
Debci
Wiki

Desconectado Desconectado

Mensajes: 2.021


Actualizate o muere!


Ver Perfil WWW
Re: [Aporte] Arrastrar y Soltar
« Respuesta #3 en: 24 Junio 2010, 16:01 pm »
Cita de: 4ng3r en 23 Junio 2010, 20:31 pm
hummm el que incluyo tiene la clase y las funciones y el que esta en el código son los eventos
Y de donde saco la susodicha drag.js?

Saludos y gracias
En línea
Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
Esto es lo que ocurre al soltar un robot por la 'deep web' con cien dólares ....
Noticias 		wolfbcn 0 2,592 Último mensaje 10 Enero 2015, 01:47 am
por wolfbcn
SLICEMAKER el mejor editor de DIVS - Editor grafico de DIV arrastrar y soltar
Software 		Graphixx 1 2,506 Último mensaje 23 Febrero 2015, 11:38 am
por EFEX
Microsoft Edge añadirá soporte para arrastrar y soltar archivos
Noticias 		wolfbcn 0 1,487 Último mensaje 17 Septiembre 2015, 21:38 pm
por wolfbcn
Listview ordenar items con arrastrar y soltar (vb.net)
.NET (C#, VB.NET, ASP) 		MegaCR 1 2,211 Último mensaje 23 Noviembre 2022, 19:35 pm
por richardu1980
Error por clic y soltar fuera del botón.
Programación General 		Tachikomaia 0 60 Último mensaje Hoy a las 05:19
por Tachikomaia
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines