I just wanted to know if there is any way i can use the Effects JQueryUI provides like Bounce,Blind,Slide etc to be used in conjunction with JQueryUI tabs Fx options. if yes how do i do it? Someone provide me with working code or a template
Now here is the functionality all i wanted, when user clicks the Comment icon the Span with ui-widget-content class turn into textbox with the value. OnMouseOut i want the textbox to be removed and the text typed inside the textbox to be content of the span. Just reminding you that I have about 10-12 div's of that sort and they can also be added dynamically. Here is the code i have come up with only thing is it is not working
only thing i don't know is how to get the textbox value and then update the information. Note: Sorry!! i don't want to use any plugins as this functionality is a 1 page requirement.
Quickly explaining the situation, here is what is happening,
<div class="ui-widget">
<div class='ui-widget-header'>Heading</div>
<span>Description</span>
</div>
code 1.structure of existing code
for the code1, in document ready handle i write mouseover,mouseout events and effects. Great it works :D. I also provide a button to create a similar widget to be added to the body. Now this also works , But the mouseover and other effects don't. How can i bind these events without writing whole bunch of code again.
Hi fellow Jquery lovers,just bumped to a silly question and came to forums to get it answered . Here is a brief overview of what is going on, I have a page with 2 divs.Assume div1 as id="Toolbox". and div2 as id="Canvas". Now people will drag the images inside Toolbox (which is also wrapped by a Div that is Draggable) and drop it to the Canvas and again can drag the images and align them. Here is a excerpt of the code
$('#toolbox div').draggable({helper:'clone'});
Now i am able to drag the item to the canvas but , I also want another instance of the Dragged Item in the ToolBox always available. How can i carry on with this?
Note: By making #canvas as droppable i was able to achieve retaining the position, but the Dropped Item inside Canvas was not draggable anymore
Hi , i have implemented a Draggable interface similar to igoogle. Now the structure of each draggable is linked via the sortable and connectwith options if JQueryUI. Now don't direct me to JQueryUI forums because i have used JQueryUI. The question is pertaining to JQuery :D Structure: <div class="column"> <div class="ui-widget"> </div> </div>
there are six of such divs, Now i know how to get the children of a column like below
just loop through to get the child's Header and then save the position. But how do i find Which div column the child div widget lies in. Also do you have any ideas how i can persist the position of the widgets after they are dragged. Don't give any links. Please explain how it could be done