Detectado javascript desactivado

Tienes el javascript desactivado en este momento. Muchas funciones podrían no funcionar. Por favor reactiva el javascript para obtener una funcionalidad completa.

Ayuda con jQuery UI - Sortable

Comenzado por Sergio_Reynaga , nov 01 2011 05:26

Por favor identifícate para responder

2 respuestas en este tema

#1 Sergio_Reynaga

Member

Miembros
17 mensajes

Escrito 01 noviembre 2011 - 05:26

Muy buenas tardes, acudo a este foro para ver si alguien a utilizado jQuery UI la opcion de Sortable?, esque tengo unos problemitas con esta parte, estoy utilizando especificamente jQuery UI - Sortable Display as grid. Ya lo e podido implementar a mi proyecto utilice listas y si las pude mover a diferentes lugares, tambien probe con DIV's y al igual que las listas si las puedo mover, el problema es que ocupo mover botones "<input type='button' />" pero aun no encuentro como hacer esto.

Para mover lista o div ponia en el script:

$("#idListaoDiv").sortable()

Hice lo mismo, con los botones, coloco el ID pero no puedo moverlos, alguien sabe como se hace?.

De antemano muchas gracias!

0

Volver arriba

#2 Bish0p

Advanced Member

Miembros
64 mensajes

LocationMéxico, DF

Escrito 01 noviembre 2011 - 05:41

Hola que tal Sergio,

prueba con este codigo.

delphi

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title></title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js" type="text/javascript"></script>
	<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/bgiframe/jquery.bgiframe.min.js" type="text/javascript"></script> 
 
    <script type="text/javascript">
        $(function() {
            $("#subsortsortable tbody.content").sortable();
            $("#subsortsortable tbody.content").disableSelection();
 
            $("tbody.subcontent").sortable();
            $("tbody.subcontent").disableSelection();
        });
    </script>
 
</head>
<body>
    <div id="demo">
        <table id=subsortsortable>
            <tbody class=content>
                <tr><td>one</td></tr>
                <tr><td>two</td></tr>
                <tr><td>three
                    <table><tbody class=subcontent>
                        <tr><td>three.one</td></tr>
                        <tr><td>three.two</td></tr>
                    </tbody></table>
                </td></tr>
                <tr><td>four</td></tr>
            </tbody>
        </table>     
    </div>
</body>
</html>

Saludos.

0

Volver arriba

#3 Sergio_Reynaga

Member

Miembros
17 mensajes

Escrito 01 noviembre 2011 - 05:51

Hola que tal Bish0p, ya utilice el ejemplo que me proporcionaste, gracias!.. pero aun sigo con el mismo problema, osea si funciona el que me mandaste, con ese puedo mover contenido de una tabla por ejemplo, ya utilice listas, divs y tambien funcionan a la perfeccion, solo que yo necesito mover botones, pero al parecer no es igual o tal vez no se pueda, no se la verdad, eso es lo que ando buscando

.

Gracias!

0

Volver arriba

Volver a PHP, Ajax, Javascript y HTML

Ayuda con jQuery UI - Sortable

#1 Sergio_Reynaga

#2 Bish0p

#3 Sergio_Reynaga

Iniciar sesión