jQuery Forum

hi
hope this is possible... i have a list on the right hand side.. need
to drag it out of the right hand side into the left hand side... the
right hand column is positioned inside a div with overflow hidden then
inside another div (both position absolute) with overflow: auto (the
second div has auto)
when i drag a list item... it renders as "hidden" as soon as it goes
outside the divs. anyways past it?
heres some demo code
<script>
$(document).ready(function () {
    $(".dragable").draggable({
            opacity: 0.8,
            helper: 'clone',
            containment: false,
            zIndex: 2710,
            stop: function(event, ui) {
                if (ui.helper !== null) {
                    console.log(ui.position);
                }
            }
        }).disableSelection()
});
</script>
<style type="text/css">
<!--
#right {
    border: 1px solid #000;
    overflow: hidden;
    position: absolute;
    width: 200px;
    top: 10px;
    right: 10px;
    bottom: 10px;
}
#dragzone {
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:auto;
}
.dragitem {
    padding: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
    border: 1px solid #CCC;
    background-color: #CF6;
    display: block;
    width:190px;
}
-->
</style>
<div id="right">
<div id="dragzone">
    <div class="dragitem">test 1</div>
    <div class="dragitem">test 2</div>
    <div class="dragitem">test 3</div>
    <div class="dragitem">test 4</div>
</div>
</div>

each "row"has a row beneath it with a "menu" part to edit / view the
record etc. using css the menu is set to display:none. when a user
clicks the record jquery does a .show() on the menu row
is it posible to sort the columns preserving the record row and menu
row (maybe grouping them with a class or something) the sort to not
read the menu row. and if you click on ID / Client / Cm on any of the
"sections" (Display / Classifieds) it sorts that colum for the whole
table... so say i click on cm under classifieds it also orders the
colum acordingly for display
i checked out tablesorter but its not quite working... help?
table structure demo http://www.press-store.co.za/store/adbookerv4/tablesorter.asp

each &quot;row&quot;has a row beneath it with a &quot;menu&quot; part
to edit / view the record etc. using css the menu is set to
display:none. when a user clicks the record jquery does a .show() on
the menu row

is it posible to sort the columns preserving the record row and
menu row (maybe grouping them with a class or something) the sort to
not read the menu row. and if you click on ID / Client / Cm on any of
the &quot;sections&quot; (Display / Classifieds) it sorts that colum
for the whole table... so say i click on cm under classifieds it also
orders the colum acordingly for display

&nbsp;

<table width="400" border="1" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3">Display</td>
</tr>
<tr>
<th>ID</th>
<th>Client</th>
<th>Cm</th>
</tr>
<tr>
<td>1</td>
<td>xx</td>
<td>16</td>
</tr>
<tr>
<td colspan="3">view | edit</td>
</tr>
<tr>
<td>2</td>
<td>yy</td>
<td>3</td>
</tr>
<tr>
<td colspan="3">view | edit</td>
</tr>
<tr>
<td colspan="3">Classifieds</td>
</tr>
<tr>
<th>ID</th>
<th>Client</th>
<th>Cm</th>
</tr>
<tr>
<td>3</td>
<td>zz</td>
<td>45</td>
</tr>
<tr>
<td colspan="3">view | edit</td>
</tr>
<tr>
<td>4</td>
<td>aa</td>
<td>32</td>
</tr>
<tr>
<td colspan="3">view | edit</td>
</tr>
<tr>
<td>5</td>
<td>bb</td>
<td>17</td>
</tr>
<tr>
<td colspan="3">view | edit</td>
</tr>
<tr>
<td>6</td>
<td>cc</td>
<td>87</td>
</tr>
<tr>
<td colspan="3">view | edit</td>
</tr>
</table>

im sure i can build an ajax thing to reload the table and do the
sorting server side but was kinda hoping against that

hi
i hope somone can help
i have a couple of records which all have (the idea anyways) have
select boxes. when a user changes the select box it submits those
changes and the record ID to another page using ajax to update the
database. so far i have
$(document).ready(function(){
    $("#priority").change(function() {
        jQuery.ajax({
data: "prio=" + $("#priority").val() + "&ID=1",
url: "do_priority.asp",
timeout: 2000,
error: function() {
console.log("Failed to submit");
},
success: function(r) {
$("#priority").removeAttr("disabled");
}
});
$("#priority").attr("disabled", "disabled");
    });
});
it works like a charm with 1 record... as soon as there are more
records it fails. i presume this is cause its finding multiple '$
("#priority")' select boxes in the page?
the above code when you change the value of a select box it disables
the box till ajax says that it "worked" then re enables it again.
regards
william