Originariamente inviato da m4rko80
Ciao, appunto con droppable draggable o sortable sposti quello che vuoi, puoi gestire la cosa con i selettori di jquery che possono essere per esempio le classi, gli id o i tag stessi.
Dirlo è una cosa, farlo è un altra.
Se ti posto il mio codice puoi aiutarmi e dirmi come eseguire spostamenti senza lista?
codice:
<?php require("db.php"); ?> <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Titolo pagina</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1.7.1.custom.min.js"></script> <style> body { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-top: 10px; } ul { margin: 0; list-style-type: none; } #contentWrap { width: 250px; margin: 0 auto; height: 320px; } #contentTop { width: 250px; padding: 10px; } #contentLeft { float: left; width: 250px; } li { margin: 0 0 4px 0; padding: 3px; float: left; height: 50px; width: 70px; cursor: move; position: relative; } #contentRight { float: right; width: 160px; padding: 5px; background-color:#336600; color:#FFFFFF; } </style> <script type="text/javascript"> $(document).ready(function(){ $(function() { $("#contentLeft ul").sortable({ opacity: 0.5, cursor: 'move', update: function() { var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; $.post("updateDB.php", order, function(theResponse){ $("#contentRight").html(theResponse); }); } }); }); }); </script> </head> <body> <div style="background-image: url(immagine); width: 400px; height: 322px;"> <div style="position: absolute; margin-top: 50px; margin-left: 50px;"> <div id="contentWrap"> <div id="contentTop"></div> <div id="contentLeft"> <ul style="width: 240px;"> <?php $query = "SELECT * FROM records ORDER BY recordListingID ASC"; $result = mysql_query($query); while($row = mysql_fetch_array($result, MYSQL_ASSOC)) { ?> <li id="recordsArray_<?php echo $row['recordID']; ?>"> <?php echo $row['recordText']; ?> <?php } ?>[/list]</div> </div> </div> </div> </body> </html>
Voglio cercare di togliere la lista <ul>, è fattibile?
Permessi di invio
Rispondi quotando