Javascript Disabled Detected

You currently have javascript disabled. Several functions may not work. Please re-enable javascript to access full functionality.

Ayuda con jQuery UI - Sortable

Started by Sergio_Reynaga , Nov 01 2011 05:26 PM

Please log in to reply

2 replies to this topic

#1 Sergio_Reynaga

Member

Miembros
17 posts

Posted 01 November 2011 - 05:26 PM

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

Back to top

#2 Bish0p

Advanced Member

Miembros
64 posts

LocationMéxico, DF

Posted 01 November 2011 - 05:41 PM

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

Back to top

#3 Sergio_Reynaga

Member

Miembros
17 posts

Posted 01 November 2011 - 05:51 PM

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

Back to top

Back to PHP, Ajax, Javascript y HTML

Ayuda con jQuery UI - Sortable

#1 Sergio_Reynaga

#2 Bish0p

#3 Sergio_Reynaga

Sign In