jquery-ui

Jquery+Plugins randomly crashes on load

This happens about in about 40-60% of loads, both in FF and chrome, though slightly differently. I'm somewhat new to js, and have no clue to why this would happen randomly. Any ideas? Here's one readout, they vary.. Usually jquery-min and/or jquery ui are listed as culprits.. Uncaught SyntaxError: Unexpected string :3000/public/javascr...

Making a table in a scrolling div resizable?

I've got a table in a div, with a vertical scrollbar on the div to allow the table to be longer than the div can hold. Works fine. But I'd like to allow the user to resize the div vertically if they want to be able to view more of the table. I've been playing with the jQueryUI resizable interaction, but it doesn't seem to quite do what I...

jQuery UI: Two semicolons after logical expression with function wrapper

I was looking at some jQuery UI code, a found a weird behavior there: jQuery.ui||(function(a){ /*... */ })(jQuery);; The logical OR is clear for me, the function wrapper (still searching the correct name for it), too, but why two semicolons? Thanks in advance Vincent EDIT: Just found a another weird thing: In the version on google ...

jQuery UI Tabs Not Working

I just downloaded jQuery UI Tabs. In the included index.html file, it works fine, CSS and all, with no customization. I copied the files over to my web server, keeping the directory structure intact, and copied the content code to my already-existing index.html, but it does not work. My Header Code <script type="text/javascript" src=...

I have one Textbox and inside the textbox i want the text which user cannot be deleted

Hi, i have one text box in which the text inside the text box should not be deleted and after the text only the cursor has to be placed Ex: For the textbox: "http://" should be available and the text which is in quotations cannot be deleted inside the textbox and the cursor should be after the quotations. Thanks in advance, Vara Prasad...

Jquery UI button gets disabled on refresh

I asked about this on the jquery forum a few weeks ago without luck, so I will try again here :) I've made a simple widget for a project I'm working on, but I have encountered an odd problem. It is easiest to explain it with an example implementation. http://decko.dk/buttontest On the page there are 3 button. The first one is my drop ...

Problem with jquery-droppable in Chrome

I have a simple application that users jquery-ui's draggable and droppable. In Firefox, it works perfectly. In Chrome, however, I'm having problems. This is the code: $(".cell").droppable({ drop: function(event, ui) { var originalTarget = event.originalTarget; ... } }); In Chrome the 'event' obj...

Where to put the default destroy in the jQuery UI 1.8.1 widget's destroy function

Ok, I'm having a slight bit of confusion writing my own jQuery UI widget plugins. The problem lies in the destroy function. In the docs, it says to put the default destroy first then write other things particular to the widget after it. $.Widget.prototype.destroy.apply(this, arguments); // default destroy // now do other stuff particu...

How do you size the jQuery Button?

Hi. I'm using the jQuery UI Button control but don't seem to be able to adjust the size (width and height). Here's the API documentation. I tried setting a STYLE attribute on it, but then the LABEL wasn't centered correctly. Thanks. ...

Documentation on jQuery-UI widgets

I have the following html: <h3 class="accordion">My Accordion</h3> <ul class="accordion"> <li>a</li> <li>b</li> <li>c</li> </ul> And I've mocked up the behavior I want by doing the following: $('h3.accordion').click(function() { $('h3.accordion+ul').toggle('slow'); }); But I'd like to style it like the Theme Switch...

jquery plus minus sign on collaps and expand

hi I am using the code below. What I wanted is to have a + or - sign on expanded or collapsed view. How can I do that. Here is the code Thanks in advance! XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX <!--//---------------------------------+ // Developed by Roshan Bhattarai | // http://roshanbh.com.np | // Fell Free...

jeditable accidentally triggering on Draggable on nested items

I'm using jquery-ui's draggable for drag-and-drop, and jeditable for inline editing. When I drag and drop an element that's also editable, right after it's dropped jeditable kicks in and pops into 'edit mode'. How can I disable this behavior? Edit - the problem happens because of netsting - see this example. I also added draggable to ...

JQuery Resize div

I want to add a div on a click and automatically start the resize mouse ui functionality with the mousedown. I can add the div easily, I have the resize functionality easy. But I can't figure out how to pass the mouse event and bind them so that the resize can start right away. Imagine a painting like program so the div can be added an...

jQueryUI widgets

How do I work with widgets? Here's what I've got so far: <html> <head> <script src="http://www.google.com/jsapi"&gt;&lt;/script&gt; <script type="text/javascript"> google.load("jquery", "1"); google.load("jqueryui", "1"); </script> </head> <body> <div class="ui-widget"> <div class="ui-widget-header"> header </div> ...

jQuery UI combobox Ajax options

Hi, I need to customize the combobox widget build from the jQuery UI Autocomplete http://jqueryui.com/demos/autocomplete/#combobox Currently drop down options are predefined from the SELECT tag OPTIONS or from a JSON array. //getter var source = $( ".selector" ).autocomplete( "option", "source" ); //setter $( ".selector" ).autocomplet...

Whats the best to resize a north panel dynamically in jquery.ui layout plugin?

Hi all! I m using jquery ui layout to create 3 panel on a webpage, north, west and center. The north panel needs to be auto sized based on the contents added via ajax calls. The contents are block level. so i am using this function to resize the north panel when a block is added to north panel .. layout.sizePane('north',layout.state.n...

How to drop larger object on a smaller one when near edge of the containment?

I'm trying to drop a large box onto a smaller box. The large box seems to be 'over' the box only when its very center is inside the smaller box. Can I change the part of the big box which needs to be over the smaller one? Why? Because it all works fine until I add a containment. When the small box is near the edge of the containment t...

Drag and drop not working while using JQuery UI dialog

Hi Guys ! I m using jquery ui.core.js with version 1.7.2 and jquery-1.4.2.js . I got the issue saying "proto.plugins"(query ui.core.js for draggable module) is undefined ,hence i am not able to perform the drag option.My Code is given below. $("#linkfortag").click(function(){ var $dialog=$("<div id='testing'></div>").dialog...

jQuery selecrors. help for newbie

Hello. I have this code, which open new jquery-ui dialog and then hide the dialog's titlebar. <div id="keyboard" class="keyboard dialogs">...</div>   $("#keyboard").dialog({ width: 1136, height: 437, position: ['center',400], closeOnEscape: false, autoOpen: false, resizable: false, open: f...

How can I determine if jquery tab is shown because of user click or from tab rotation

I've been using the jQuery UI tabs for a bit now and an interesting request has come up. The current tab setup is using the rotation feature. I need to find a way to determine if the tab is shown because of the result of the rotation itself, or because a user physically clicked the tab. I've wired up all of the standard events, show and...