Response title
This is preview!
- Screen name: Bhavnik
Bhavnik's Profile
8 Posts
17 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- 20-Dec-2010 07:19 AM
- Forum: Using jQuery UI
Hi All,
I've been using JQuery draggable/droppables in my application from last 1 year. Now, the application needs to be supported over iPad and iPhones.
Known, above JQuery won't support drag/drop over iPads...
I'm looking for a some JQuery plugin or so which I can connect to my existing JQuery codes for drag/drop over iPad.
After googling, I found some alternate ways like, JQTouch, jquerymobile etc.. But, it looks I would then need to do massive changes (or, write a complete drag/drop things from scratch) in my application :(
My application is very heavy and hence looking for some quick/easy way to connect my existing JQuery solution into iPad touch events etc....
Please help
Thanks in advance
- Hi there,$(".myCss").draggable({ cursor: 'move', other settings...)Based on this code, draggable object should show 'move' cursor while dragging. In IE and FF it works perfectly; but in Safari, it shows 'text' cursor while dragging.Tested in safari 4.0.5Is this a bug?
- 24-Jun-2010 09:08 AM
- Forum: Using jQuery UI
Hi all,My single draggable looks like,<table><p><a>some link</a></p></table>I have draggable elements (overall a table) which contains a hyperlink wrapped around in <P> tag and some other blank area. In load event, I initialized these draggable objects with [cancel:'p'] since I need user to be able to select the text of <a> element.My requirement now is, if user holds mouse down for x seconds over hyperlink (<a>) then he/she should be able to drag the element (ie, table). Note that, in initialization event I set [cancel:'p'] due to my text selection requirement.I have tried setting <some selector>.draggable("option", "cancel", ""); inside mousedown event of table. But, it doesn't work on first attempt of mousedown but on second/subsequent attempt it works.Please advise.- 22-Jun-2010 07:24 AM
- Forum: Using jQuery UI
Hi all,I have been facing a problem with the Jquery UI drag and drop. Please find out my sample code at,In above sample, There are two droppables. I have set [tolerance: 'pointer'] for droppables. In the middle, there are draggable elements. Now, start dragging element from the left side BLUE square and try to drop it over right side droppable (OR, start dragging element from the right side BLUE square and try to drop it over left side droppable). Both above scenarios, won't work!Please suggest what is the problem?Anybody can please look into this?Thanks,Bhavnik- Hi,I have two droppables shown once an item is dragged from the page. One dropable is shown on the left-top of the screen and other is shown on the right-top of the screen. Now, the problem is [cursorAt] property. I want to change this property dynamically when user is dragging an item on the page. If dragging goes more than 50% right to the screen then change the [cursorAt] property so some what {right: -20, bottom: -2}, whereas if dragging goes more than 50% left of the screen then again change [cursorAt].Please help me to solve this problemThanks in advance,Bhavnik
- 21-Jun-2010 06:59 AM
- Forum: Using jQuery UI
Hi,Following features I have implemented so far using jquery ui drag drop.As soon as user starts dragging some objects, a droppable DIV is shown and background of the window is made grayed out (so, only droppable and draged clone is visible clearly). Now, when user press escape key then drag/drop should be aboreted/cancelled out immediately. Ideally, this results into removal of grayed background, removal of droppable objects and removal of dragged clone object.I can successfully remove first two objects (ie, remove grayed background and droppable objects) but, how can I remove dragged clone object (ie, revert it back to originalposition immediately) ?????Can anybody please help?Thanks in advance,Bhavnik- 02-Jun-2010 09:24 AM
- Forum: Using jQuery UI
Hi, I have droppable elements inside a DIV. This is a scrollable DIV as lot of droppable elememnts (ui) are there. The drop accept begins even after a draggable item is dropped below this scrolling DIV. Note that, item is dropped even no droppable is visible (since, they are actually in DIV with scrollbar). Can anybody please look into this problem?
Sample is there at, http://jsbin.com/asatu3/3
In above sample, drag (Record 1, Record 2...) from left list to the right list which is scrollable. This will work as expected. Now, drag the items from left list to the bottom of the right list (ie, below/outside of scrollable region). Drop is still accepted, which is a problem.
Somebody please reply...............
Bhavnik- 01-May-2010 03:20 AM
- Forum: Using jQuery UI
Hi all,I have a draggable objects and one droppable object. Droppable object may contain list of items in it, contained in a DIV. Now, the problem is when there are lots of items in droppable box then scrollbar appears. Now, when a draggable clone goes over to this droppables then DIV doesn't scroll.I had already used scroll:true property of Draggable UI but this only scrolls the main window (ie, browser's scrollbar) but not my droppable DIV.Below is the sample code :$(".lidocument").draggable({
containment: 'body',
opacity: 1,
cursorAt: { right: -20, bottom: -2 },
revert: 'invalid',
zIndex: 10000,
scroll: true,
handle: "[move='1']",
addClasses: true,
helper : 'clone',
zIndex: 999999,
cursor: 'move',
start: function(event, ui) {
$("#divDropBox").show();
},
stop: function(event, ui) { $("#divDropBox").hide(); }
});$(".drophere").droppable({
tolerance: 'pointer',
addClasses: true,
drop:
function(e, ui) {
var dragId = _SelectedIDs;
var dropId = $(this).attr('id');
itemDropped(dragId, dropId);
},
over: function(event, ui) { this.className = "dropBoxActive"; },
out: function(event, ui) { this.className = "dropBox"; }
});Can anyone please suggest?Thanks in advance.- «Prev
- Next »
Moderate user : Bhavnik
© 2013 jQuery Foundation
Sponsored by and others.
