I'm a jQuery newbie, and I want to use UI Draggable + Sortable Boxes [URL] for a website. Well, I want to store the position of the boxes, for example If I drag Box 3 on top, I want to save its position. How can I do that?
View 1 RepliesHow 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 ?
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[URL] When I clone a list that is part of a Sortable, the Draggable objects are not bound to the cloned list, only the original one.
View 2 Replies View Relatedi 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]...
It have a problem with the sortable tabs. When i try deleting one of them after changing their position, this is another which is removed. have read that tabs don't check the new DOM positions.
View 1 Replies View RelatedI have a slight problem with IE, when everything works with firefox.
The goal is to _create_ boxes using the createElement method. And then
making it draggable with the mouse. The code example below is still
very temporary, but I could not get IE to drag the created box, when
firefox does it without problem.
The drag n' drop is straight from brainjar.com. Since their code works
for hidden/shown divs, I guess it all has to come from IE's lack of
DOM support and problems with it and the used method? Is there any
solution around this problem?
I'd really like to avoid turning boxes on/off (ie, block/hidden or
visible/invisible) because the potential number of them being present
in the future page can be enormous. The advantage of the createElement
method is that it allows for light pages and a lot of client-side
treatment....
I have a page where you can dress someone up in silly clothes using a skeleton image, and several items of clothing as gifs in dragable layers. Code:
How can I use a bit of j'script to grab the X and Y values of each layer and then put them in to a load of hidden form fields?
I then intend on having the user click the submit button when they've put all the stupid clothes in the wrong places... and saving the results in a database.
I am designing a site where users can submit a location. I want to use Google Maps with a draggable marker which posts the lat, lon when dropped on a position. I was wondering if anyone knows of a tutorial or could point me in the direction of anything similar.
View 2 Replies View RelatedIs there a way to save the scroll position in order to recover it when the page gets reloaded or resend from the server?
View 12 Replies View RelatedI have created the text boxes dynamically(as many boxes as the user wants) and he can drag and drop the text boxes in the page. I need to create a dynamic line from one text boxes to other text boxes and delete the test boxes which the user does not want. I have created the dynamic graphic line. I know the values of the text boxes can be saved using php in the backend. But is there any way the values with the dynamically created boxes(with <div></div> elements, not with the text boxes) with values and graphics line can be saved online and the user when log-in again can retrieve the work that he saved? Can we code this either in javascript/php?
View 4 Replies View RelatedI am doing a website project and I am currently designing product page.
I have created the text boxes dynamically(as many boxes as the user wants) and he can drag and drop the text boxes in the page.
I need to create a dynamic line from one text boxes to other text boxes and delete the test boxes which the user does not want. I have created the dynamic graphic line.
I know the values of the text boxes can be saved using php in the backend.
But is there any way the values with the dynamically created boxes(with <div></div> elements, not with the text boxes) with values and graphics line can be saved online and the user when log-in again can retrieve the work that he saved? Can we code this either in javascript/php?
Is it possible to have a draggable div that will only be draggable between certain coordinates? in other words create a window through which the draggable div is visible and draggable. Would you use a stop drag when cursor hits a certain point? my div is a map and will be about 2000px by 2000px and want to have a fixed position and size of 500px by 500px so that that is all the user will see or be able to interact with. I know in image slider plugins that the divs scroll to the side or up and down through what appears to be a window so it should be possible?
View 8 Replies View RelatedI found this script online that lets users on an iPhone drag boxes around the screen. The problem is that when you reload the page, the boxes are in different positions than what they were before the reload. Like, you would drag the boxes around and then reload the page, but the boxes would be in the default locations. I want the boxes to stay in the same spot that they were the previous time they moved them. Does that make sense? Anyways, here's the example I found online: [URL] Only works on iPad/iPhone/iPod Touch.
View 1 Replies View RelatedHere's a little script I wrote to save your place in larger documents.
View 2 Replies View RelatedMy 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?
Here's what I'm trying to do is...If you select a color, then select a shape, the color option would return to the 'selected' position.If you select a shape, then select a size, the shape option would return to the 'selected' position and so on. The end result is I would like to have only one item selected from one of the select boxes, with the other two select boxes returned to the selected position.The code is presented here.
<html>
<body>
<h2>List Switch</h2>[code].....
I'm looking to build a user form where the user can drag and drop markers onto an image and then retrieve/send the resulting new image with markers back to the server
for processing.
what UI functions / Framework will be in the right direction to achieve this?
Anyone familiar with some existing similar functionality?
i,m trying to make a map who show me as position A and a target adress as point B.I have made it so i can choose adress a and adress b from a dropdown but i want to automaticly load my position as possition A then choose position B from a dropdownlist. How can i do this ?
[Code]....
In my site I show low quality pictures. When someone right clicks an
image and selects 'Save Picture As...', I wish to let him save the
high quality picture.
When you right click on a link you get the option to save target as...(ie) and save link as...(netscape). Is there some JavaScript to call this function like the JavaScript to open a new window?
View 3 Replies View RelatedI have a set of Div's which are all draggable, the coordinates of the div's are stored in a DB, so each time the page is reloaded the div's will have the same pos as they have when previous visitor left it.
There's one area on the page which uses the droppable function, when you place an div within the area the div, which is placed within the area. changes color.
My problem is that if a place a div in that area and then reload the page i find the div within the area but the div has the same color as if it would have when it's not located in the droppable area. In other words, It only changes color when I use the mouse to drag the div to the area not when it's positioned in the area with the coordinates from the DB.
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 RelatedAnyone 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?
It works fine but I like to have the draggable div over the content div. I tried to set the position (in my css file) as "absolute" with "top: 1px" und "right: 1px" but then the div is no longer draggable. Also tried to set the z-index on 1 and 2 for the draggable div. It's not working..
View 2 Replies View RelatedI'm trying to create custom scroll box, but under IE, the drag-drop event commit once. Under Mozila, Safari, Chrome and Opera it works fine but in IE.
[Code]...