jquery-ui

How to set a fixed width on buttons within a jQuery buttonset?

I have a button set, and would like to set the width of each button so they can be the same size (i.e. if I have 4 buttons of 25% each of the element) Basically the site has a table on the left, and within that table I have 4 options. The way it is right now is it's not using 100% of the left column, so it looks bad. I'm looking to make...

CSS takes effect after page has rendered

Hey guys, I am running into this problem where my page loads and then after a fraction of a second the CSS effects or styling takes place. The main issue I am seeing is with the JQuery tabs that I am using http://docs.jquery.com/UI/Tabs#source When the page renders, the tabs show one below the other for a second like this: One Two ...

Drag & drop across frames with jQuery UI

I would like to do this: Drag a DIV element from a first document that contains an IFRAME Drop this DIV element into into a second document, inside the IFRAME. Is there a way to use jQuery UI draggable & droppable to achieve this? or otherwise do this in a cross-browser way, possibly with another JS library? ...

Add thousand separators to output from jQuery Slider plugin

I'm using the jQuery Slider plugin (jqueryui.com/demos/slider/) I'm calling the plugin with the following Javascript: $(function(){ $("#slider-price").slider({ range: true, min: 0, max: 5000000, step: 100000, values: [0, 5000000], slide: function(event, ui) { $("#amount").val('£' + ui.values[0] + ' - £' + ui.values[1]); ...

jQueryUI, radio button state, and click events

I have a page with several sets of radio buttons that are used to set options. When one clicks on specific ones, others are selected by default using click event handlers. The functionality works perfectly, but there is an issue with the button's visual state. I'm using jQueryUI's .buttonset() method to improve the aesthetics, and whe...

Using mouse wheel with jQuery UI Slider

Hi, I tryied to find some plugin of Content Slider with MouseWheel and scrollbar but didn't find any. I wander if jQuery UI Slider http://jqueryui.com/demos/slider/#side-scroll can work with MouseWheel? Please help ...

Jquery Spy - vertical auto scrolling of text - how to set dynamic height

hey guys, I am using this code to show latest user comments on my website - Some comments are 1 liners and others are longer. http://jqueryfordesigners.com/demo/simple-spy.html If you look at the source code - the height is set to 90px and overflow is set to hidden #sidebar li { height: 90px; overflow: hidden; } Now I want...

How to jQuery toggle multiple images on different button click ?

Hi Basically I have 4 images and 4 button. All 4 images are black and white. Button1 click -- > toggles image 1 from black and white to color image Button2 click -- > same for image2 Button3 click -- > same for image3 Button4 click -- > same for image4 So far my code is partially working. Problem is that when I click button 1 and...

Jquery special selection

Hello, I have the following html code: <div class="Radios"> <span class="radio"> <input type="radio" value="1"> yes <input type="radio" value="0"> no </span> </div> <div class="More">hello</div> <div class="More">hello</div> <div class="Radios"> <span class="radio"> <input type="radio" val...

Is there a way to make the jQuery UI slider start with 0 on top instead of on bottom?

Look at this demo of the jQuery UI Slider. Notice how when the handle is down the bottom, the value is 0? Is there a way to reverse this, so the handle up the very top is 0, and the handle down the bottom is the max range? I've played a bit with the options, but so far have been unable to get it to work. Thanks. ...

Reliably overlay div (tooltip) above modal JQuery UI Dialog?

I'm using CSS/Javascript to show tooltips for various inputs on mouseover. This works in a lot of various conditions but I'm having some trouble with inputs within a modal Jquery UI Dialog. When I open the dialog the first time, it works 100% fine (tooltips show up in front of dialog), but if I close it and re-open it (without reloading ...

jQuery (UI): Detect checking of a checkbox

How can I make jQuery fire an event when a user checks a checkbox? <input type="checkbox" id="test" name="test" /><label for="test">Check me</label> I could do it with .click though that doesn't work when the user tabs to the checkbox. I wasn't able to find info on this in the api docs or while googling. Cheers. ...

How to target dialog buttons/Add ids

I have a modal dialog. I want one button to be disabled and then later enabled. I plan to do this by adding an id to the button and then using that id to use the add/remove attribute disabled. If there is another way I am open to suggestions. Here is some sample code: $('#navDialog').dialog({ modal:true, autoOpen:false, ...

jQueryUI button state stuck when using click events

I am having the same problem as this person except I am using a regular html button. http://stackoverflow.com/questions/3077080/jqueryui-radio-button-state-and-click-events. The answer provided there seems to work for radio buttons, but it doesn't work for me. The state is maintaining a state of focus after I click on the button. ...

Its possible to secure Jquery ui dialog with https when the rest of the page in http?

Hi, The Case: UI JQuery Dialog should contain credit data of customer, when the rest of the page is product catalog in http. Question: Its possible to secure Jquery ui dialog with https when the rest of the page in http? or all the page have to be https and not only dialog? (What I know that dialog is part of the page because that ...

jQuery UI Dialog positioning

Basically I would like the dialog to remain in the same position on the page, even when changing the window size or switching to full screen window. How can I always have the dialog positioned in relation to the site container div, rather than the window? For example, my site container div is 960px wide and is centered on the page. I ...

How do I trigger a function with whatever table row I just dropped in jQuery UI Sortable?

I am working with jQuery UI Sortable plugin, and applying it to a table. How would I trigger a function when dropping whatever element I am dragging? Something similar to below: alert($(this).attr('id')); Full Solution For this, you have to set the container id's to something_number (something_1, something_2, etc). $(function(){ ...

JQuery UI Selectable stop event doesn't work in IE

I have a JQuery select component and a javascript function to handle the stop event: <script type="text/javascript"> $("#selectable").selectable({ stop: function() { $(".ui-selected", this).each(function(i, selected) { if ($(selected).text() == "Google") { ...

How is a click outisde of an element detected ?

In the jQuery autocomplete/menu widget (the autocomplete widget is based on the menu widget, which is a still unreleased widget), how is a click outside of the menu detected ? (A click outisde of the menu closes the menu) I have added a srollbar (similar to the classic select element) to that menu in a custom combobox widget I am writin...

Picking the Order of Images in a Component (Div) (Drag-and-Drop jQuery)

I have a problem. I have a div component where I'll drag multiple images. This part is working perfectly. But I am not able to read the order of these images played in the component. What happens, I can play any position in the image of the div component, however, like to read in order as they are, from left to right. I believe it is po...