JQuery :: UI Sortable - Limit Drag To Item Header?

Jun 21, 2009

how I can limit the "dragability" of an sortable item, to ex. a element inside the item. Meaning, I only want the item to sort when the header of the item is draged. Is there a simple way to do this, or do I have to modify core code/ create a helper to accomplish this functionallity? Have read the docs, but haven't found anything that mentions this..

View 1 Replies


ADVERTISEMENT

Jquery :: Sortable: Determine The Id Of The Item Replaced By The Dragged Item

May 11, 2010

$(document).ready(function(index){
$(connectSort).each(function(index, obj){
$("." + this).sortable({
connectWith: ".connectedSortable_" + this,

[Code]....

the first function(start: function ..) displays an attribute (title) of the dragged item once the sorting starts. supposedly, the second function (stop: function ..) would display the same attribute but of the item replaced by the dragged item once the sorting stops.

I have tried a lot of things already, but none seems to work.

View 2 Replies View Related

JQuery :: Drag And Drop Between Multiple Lists And Sortable

May 27, 2009

Any plugin/website that is jQuery, which will do what this Dojo example does, i.e: [URL]. I am wanting something similar to this as I would like to use as a means of allowing a user to administer a menu structure.

View 1 Replies View Related

JQuery :: Limit Drag To A Zone?

Apr 27, 2009

I was wondering if there was a way to limit a drag from a zone :for example I have a div zone with elements inside :<div> <my dragable element/> </div> and I don't want to be able to drag the element out from the div.I read the doc but didn't see anything...

View 2 Replies View Related

Jquery :: Copy Item In Sortable?

Jul 23, 2009

I have 2 sortable lists, #pieces and #grid. I want to drag items from #pieces and add them to #grid without removing them from #pieces. That way I could add any number of any item in #pieces to #grid. The current code i have is:

<script type="text/javascript">
$(function() {
$("#peices, #grid).sortable({
connectWith: '.column'

[Code]....

View 1 Replies View Related

Sortable And Scrollable Table With Fixed Header?

Feb 2, 2006

I'm trying to create a table that has a fixed header but the table contents can be scrolled and also sorted by column headings.I'm already using sortable.js (http://www.surfmind.com/musings/2003/12/01/) library to sort the columns.I can find examples where I can scroll the table with fixed headers, but most of these use a dual table approach, with sortable.js, I think only one table is required. I've found examples how to scroll within a table element using autoflow and scrolling using CSS that I can't follow (I'm new to all of this).How can I get the contents to flow with a single table? Forgive me if it's too easy. If you can help me with a solution, you can ridicule me 'til the cows come home...I'm ok with that. Here is the basic table I have layed out.

<table id="viewKeysetTable" class="sortable">
<tbody>
<tr>

[code]....

View 13 Replies View Related

Jquery :: Sortable Item InnerHTML On Form Submit?

Jul 28, 2009

I have a sortable with has nested content in each sortable item:

<ul id="sortable">
<li id="item_1">item 1<div>content i want to get</div></li>
<li id="item_1">item 2<div>content i want to getss</div></li>
<li id="item_1">item 3<div>content i want to get changed</div></li>
</ul>

I have a submit button which serilizes the sortable so I can save the changes of the order. I also want to save the changes I have made in the div's but that information doesn't seem to get passed, only the
ids of the items. So, the question, how can I get the inner html of the items?

View 1 Replies View Related

Click And Drag Item - Snap To Specific Location

Nov 16, 2009

Below is my script. This will let me click and drag an item on my site. I need the image to not only do this, but also snap to a specific location. There will be approx. 30 items that will be snapping to the same location.

<head><style type="text/css">
.drag{
position:relative;
cursor:hand;
z-index: 100;
}
</style><script type="text/javascript"> .....

dragobject.initialize()
</script>
</head>
<body>
<img src="test.gif"><br>
<img src="test2.gif"><br>
<b>"Hi there</b>
</body>

View 1 Replies View Related

Mootools Sortable List - Drag An Element From On List To Another But Leave The Original Element ?

Dec 17, 2009

I have some sortable lists.

I need to be able to drag an element from on list to another but leave the original element in its list and have a copy in the new list.

I tried this;

But it treats el and elcone as the same element.

View 3 Replies View Related

Sortable List / Data No Longer Sortable

Jul 9, 2007

My script is the same as this http://www.w3schools.com/php/php_ajax_database.asp

When the data comes back to me its using

document.getElementById("txtHint").innerHTML=xmlHttp.responseText

I get the data back fine. However inside getuser.php my data is in a sortable list. If i use this code above. My data comes back but I can no longer sort my list and move things around (I'm guessing because its returned as HTML only). Can anybody give me a solution of what i need to change so my list is also sortable again?

View 3 Replies View Related

Random Header Link - Adjust The Code So That The Header Also Serves As A Clickable Link

Jun 13, 2010

I am working on a website that uses a random header. I have been trying to figure out how to adjust the code so that the header also serves as a clickable link.

Here is the code that I have:

What do I need to add in order for the header to also serve as a link? I am completely new to JavaScript and I don't understand it very well.

View 1 Replies View Related

JQuery :: Find Out If Next Item Is Equal To Last Item?

Apr 7, 2010

I have some js code in which a click on a nav arrow causes list to be walked up or down and hilighted. Partial code is below. The problem is that when I get to the end of the list (e.g. there IS no next()), I want to skip this part of the code and actually hide the right arrow. I have no problem with the hiding part - I just want to set a flag when I have traversed the list to the last item.

[Code]...

View 4 Replies View Related

JQuery :: How To Use Sortable Tables

Jan 13, 2011

i am new to Html and i am helping run a website for virtual golf. we were thinking of adding a Statistics page but would need the table used to be sortable so by hitting the header the column sorts the figures in order, the tablw would only be 50 rows and 8 columns. i have looked at the website [URL]../docs/but cant seem to sort out where to place things. a step by step guide would very much be appriciated.

View 6 Replies View Related

JQuery :: Sortable Not Working In IE9?

Oct 21, 2011

Anyone had any luck getting sortable working correctly in IE9?

[URL]

I don't see anything in the bug tracker regarding this, anyone else experience this? Anyone have 5 seconds to fire up IE9 and try the above demo?

View 5 Replies View Related

JQuery :: Adding A Draggable To A Sortable

Mar 3, 2011

How to add a draggable to sortable programatically ?

<script>
$(function() {
$( "#sortable" ).sortable({
revert: true
});
});
[Code]....

In the above code i have a list of sortables, i want to add the draggable($obj) to a sortable, even though i add to the sortable in the add method, that gets added but does not play as a draggable,Do i need to call any method of sortable after adding the draggable ?

View 3 Replies View Related

JQuery :: UI Sortable Based On DIVs?

Aug 3, 2009

have such a structure in HTML which finally looks like shown on this

[Code]...

View 5 Replies View Related

JQuery :: Sortable Accordion-like Widget?

May 14, 2009

its an accordion like tool. It functions just how Ineed it, except id love to make it sortable.with the codeupdate?jQuery :

$(function() {
$("#accordion1").addClass("ui-accordion ui-widget ui-helper-reset")
.find("h3")

[code]....

View 1 Replies View Related

JQuery :: Get The Element That Received The Sortable?

Oct 19, 2009

I'm implementing a drag and drop newsletter, where my users can drag content to different areas of a template. Depending on where they drop the content, I need to add different HTML attributes to some of the code (essentially need to make the images float:left if they're dropped into a certain box). I've achieved a basic version of this using this code:

$('.review_list').sortable({
receive: function(event, ui) {
// somehow need to make this only apply to competition/
mainfeature

[Code].....

This adds align="left" vspace="4" hspace="4" onto any image dropped into an element with the 'review_list' class (I know I said it was float:left but this code will be emailed so I have to do it old school style...). Anyway: is there a way that I can get the element that has received the sortable item? It could be one of three in my case, and I only want this code to be added for two of them. I guess I could run a cleanup function when submitting that removed this addition for images in the other element, but this seems messier - I had assumed that the 'receive' event would return the receiving element.

View 1 Replies View Related

JQuery :: Sortable Inside An Accordion?

Sep 15, 2009

I'm trying to place a sortable list inside an accordion and it isn'tworkig. The list appears outside, below the accordion.

View 2 Replies View Related

JQuery :: Load A File And Use Sortable?

Apr 29, 2010

I'm working on a project and got stuck on this tiny script

I load some data from a file and I put in one div:

function getloadedfile (fileurl){
$.ajax({
url : fileurl,
dataType: "html",

[Code].....

The sortable only works then I don't load it as aseparatefile

View 4 Replies View Related

JQuery :: Applying Sortable To Images?

Nov 10, 2011

I've take the standard Demo code from 'm trying to make the images within the Trash container sortable.Despite attempts for the last couple if hours and a number of different combination, I'm still unable to get it working

View 2 Replies View Related

JQuery :: Sortable Get Its Embedded Fired Again?

May 11, 2010

<ul
id
=

[code]...

View 4 Replies View Related

JQuery :: Use Sortable For Multiple Columns?

Aug 9, 2010

In my design for admin panel, i wanna drag and drop modules. i have a php array with module names, and i need to save them sql like this[code]...

i can list right and left, but when i drag and drop something from one to another, it's not working.

is there any way to do that in jquery? can i get the information about where is the < li > ? how or where can i get the "where" columun?

View 2 Replies View Related

JQuery :: Click To Know The Position In Sortable List?

Feb 17, 2011

i have the following code to get the change of position, I dont know how to make the list tell me the position of aspecific elementwhen i click it.

[Code]...

View 2 Replies View Related

JQuery :: Display Sortable List With New Order?

Jul 3, 2009

i am trying to use jquery UI sortable on my webpage to displaytoolbars. what i want is, let people sort these toolbars in the waythey like. i have named toolbars with id "1","2","3","4", and i savedsorted order to database via toArray method. i was wondering how icould display these toolbars with new order when people browser mysite next time, is there any method that supports it?

View 4 Replies View Related

JQuery :: Make Sortable List Draggable?

Nov 2, 2010

I'm new to this jquery and still learning, i having a question on how to make sortable list draggable? For e.g drag a list from sortable list to droppable zone and drop it, after drag or drop the list will back to sortable list.

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved