History support in Tab Controls
I would really like to have back/forward support in tab controls. I know the feature has been pulled out and has been a todo item for quite some time but short of waiting for it to be implemented, is there any other approach anyone here has taken to support browser history navigation on tab controls? I am looking for solutions that work on the latest releases of jquery/ui tabs. A working example would be sweet! Thanks a lot -- Aleem
Amazing code ;)
http://www.open-lab.com/mb.ideas/index.html Uses UI Drag/Drop
UI CSS Framework: Is there a simple way to...
Hello, Is there a simple way to apply the conventions of the UI CSS framework to any given DIV? Specifically, say, I'd like .thisDiv to also have the .ui-state- default class, on hover to have the .ui-state-hover class, on click etc... etc... I know I can easily do this by toggling / adding removing the classes but is there a simpler way to just include any given DIV into the framework? Thanks, Nikola
submit form from dialog using ajax
hi all, i'm having a bit of trouble figuring out how actions get applied to objects on pages. basically I want to load a dialog window with "remote content" (another file) which is a form. This form will then be submitted within the dialog window and the result will be displayed inside the dialog window. Do I need to use a .ajax call to submit the form, or does the content within the dialog just work automatically itself? Also, if I use "local content" - e.g. I make a div containing a form, and make
google maps in dialog
hi, how can I open a google map in a jquery dialog? i'm afraid I did sth wrong because in my case themap seems to disappear partially when dragged and it's being inproperly centered...
jQuery selectable list inside a dialog widget
I am trying to implement a selectable and draggable list inside a dialog widget. When the list is on the base page (outside of the dialog widget) it works as expected. When I move it into the dialog, the selectable nature disappears. Any ideas why this is happening? Is there an overlay somewhere blocking my click event on the list? I can't even trigger the click event at all actually. Thanks, JL
jQuery UI rc6 dialog() Causes 'Component is not available' exception when used in Greasemonkey
I'm getting this awkward error any time I try and create a dialog from Greasemonkey... I believe it has to do with the limitations of XPCNativeWrapper https://developer.mozilla.org/en/XPCNativeWrapper#Limitations_of_XPCNativeWrapper , though I am not 100% sure. None of the core jQuery methods that I've used have caused errors (append, css, submit, keydown, each, ...). It is possible that this could be an error in Greasemonkey or due to the interaction between Greasemonkey and jquery ui, but I am
Drag and drop functionality dosen't work with google ajax library files.
Hi all, I am unable to use drag and drop functionality using google ajax jquery and jquery-ui library files. It is working fine if i use Jquery-ui files from my server. Here is my code. <code> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <link rel="stylesheet" href="http://ui.jquery.com/testing/themes/base/
Styling away .ui-resizable-handle presets
Working with "resizable", I was finding that the handle divs placed inside of an resizable element seemed to be resistant to having the background styled: http://weston.canncentral.org/web_lab/jQueryResizable/ResizableHandleStyleTrouble.html The resizable is bordered in blue, and I styled the handles with a yellow border. I also tried to style the background-color of the handles... and found they were remaining rgb(242,242,242). Then I poked at the information for the handles in Firebug, and saw
Dialog Close-Hide conflict
I have a dialog that I create on the fly. I want to remove it from the DOM when it is closed, so I use a close function. This works fine. However, I would like to add some hide animation to it. When I do so, the hide animation and the close function seem to conflict. The animation does not fire and an "ui-effects-wrapper" div is left in the DOM with a z-index 3 higher. This ends up being above subsequent dialogs, preventing them from being accessible. Here's an example: $("<div>Make me go away!</div>").dialog({
Possible Bug: switchclass Method Fails in IE7
I am attempting to switch from an active to an inactive class where the CSS is only changing the border of the element: /* CSS */ .inactiveThumb{ border:4px solid #FFFFFF; } .activeThumb{ border:4px solid #0065B8; } /* The call to switchclass is a callback function in the function "transition" which is triggered by a click */ // Attach click handlers to buttons. $('> a:first', $buttonsWrap).click(function(){ var change = currentSlide ===
Disaster with Png fix
IE6 doesn't support transparent png file, so people usually use javascript to fix it. This is what I choose http://www.twinhelix.com/css/iepngfix/ but when I use it with ui such as $.dialog() in IE6, the effect become pretty slow for example http://www.yuri.com.tw/member_register.php This is a member registration page, 出生年月日 means birthday, I put ui datepicker here, in IE7 or Firefox or any other browser works well, but in IE6 it's like a disaster does any one have better solution to make it6 use
Widget Guide up-to-date?
Is the widget guide located at http://docs.jquery.com/UI/Developer_Guide still accurate for jQuery 1.3.1 and UI 1.6rc6? (soon to be 1.7) If not, is there documentation somewhere? Thanks, Dave
CSS framework goals: configuration
One of the things I've been thinking about with regard to the new CSS framework in JQuery UI is whether there are plans to allow the css classes to be configurable. Prior to soon-to-be 1.7 css classes used to be configurable via the options hash passed into each widget. For example, $('#tabs').tabs({loadingClass: 'ui-tabs-spinning'}); It would appear that this capability is being phased (or completed removed) from jQuery UI. If this is the case, I'm wondering if that are plans in the future to allow
Jquery 1.6rc6 Dialog Boxes Internet Explorer Bugs
Hi, I'm using JQuery 1.6rc6, and I am attempting to create dialog boxes which I had no trouble with using 1.5 and have no trouble with in Firefox, the problem is when it comes to Internet explorer (6 ro 7), there are 4 main problems these are listed below. Firstly I will give the code i'm using to open the dialog boxes: function openDialog(title,node,x,y) { $('#'+node).dialog({ width : x, modal : true, height : y, title : title }); $('#'+node).dialog('open'); } As I said this works great in firefox,
BlockUI's issue with flash in IE7
I found it's not work in IE7 with flash, is it? this is demo page. http://www.yuri.com.tw/debug/blockui.php
Help with a bit of an advanced sortable problem
Ok, I'm hoping somebody here can help me. I'm using jQuery 1.3.2 and UI 1.6rc6. I've got three lists: <ul id="list1" class="sortable"> <li class="item">Item 1</li> <li class="item">Item 2</li> </ul> <ul id="list2" class="sortable item2s"> <li class="item">Item 2</li> <li class="item">Item 3</li> <li class="item2">Item 4</li> <li class="item2">Item 5</li> </ul> <ul id="list3" class="draggable"> <li class="item">Item 6</li> <li class="item">Item 7</li> <li class="item2">Item 8</li> <li class="item2">Item
how can make button temperayly not work
Hi everyone Who know how to make <input type = "button" name = "t1" id ="t1" value = "test"> temperayly does not work when push it? Thanks in advance. Wang Suya
Tabs UI Fading
I am trying to build a slideshow with the new Tabs 3. I used fxFade on one website to fade from one picture to the next one. I'm trying to figure out how to accomplish this with Tabs 3. My code is below: $('#rotation > ul').tabs({ fx: { opacity: 'toggle' }}).tabs('rotate', 7000, true); My issue with the above code is that it fades to white and then to the picture. I would like it to go straight to the following picture. So instead of waiting for it to completely fade one picture before fading in
Jquery UI - Modal Form demo not resizing in ie6
Hi I'm trying to use the dialog modal UI example in a project and am noticing that it doesn't resize correctly in IE6 (I can make the window smaller, but I then can't make it larger). The demo located below doesn't work either. Does anyone have a fix for this? Example at: http://jqueryui.com/demos/dialog/modal-form.html Thanks in advance Jason
slider in 1.5.3 ui broken?
Error: curHandle.data("mouse") is undefined Source File: file:///C:/temp/ui.slider.js Line: 238 This is using firefox 3.0.6 and these includes <SCRIPT TYPE="text/javascript" SRC="jquery-1.2.6.min.js"></SCRIPT> <SCRIPT TYPE="text/javascript" SRC="ui.core.js"></SCRIPT> <SCRIPT TYPE="text/javascript" SRC="ui.tabs.packed.js"></SCRIPT> <SCRIPT TYPE="text/javascript" SRC="ui.slider.packed.js"></SCRIPT>
Tabs - Different URL for AJAX content and link
Is there a way to have Tabs load content from one URL but if javascript were disabled, then the actual link be to a different URL? Load: /ajax/comments URL: /comments Reasoning is that the AJAH would just be minimal markup, but the actual link would be the entire html document. My site is an example: http://www.murmp.com/ --Jonathon
columns within tabs
Hi there ... First, apologies, I'm always real slow on the uptake when it comes to CSS stuff. I was trying to set up a tab with a basic two column layout using float. I find that as soon as I float a div that it pops out of the tab box (you can see this using the example.html file, wrap the lorem ipsum in tab 1 with a div and give it a "float: left" style). Is there some way of getting this to work? Thanks -J
Setting/Getting accordion options
Hi there ... I posted a question yesterday on how to get the active element in an accordion, using .accordion('option', 'active') returns either the original value or one that had been previously set using .accordion ('option', 'active', X). The problem is that setting that option never seems to do anything, except cause the getter to return something different. In playing around w/ this today, I noticed something similar w/ other options. For instance, if I change the 'event' option to 'mouseover',
About JQuery Tab Latest RC Version
Hi, I have some problems. T_T Again T_T. I have created much tabs but the display of the tabs is not neatly ordered inline T_T. Have any idea to solve this? I'm very new in JQuery. Thanks. -- Best Regards, N3T
Deep Copy of UI Widget Options
I'm creating custom widgets with 1.6rc6 and I noticed that when creating a custom widget, the default options are NOT deep copied to the options passed in during instantiation. For example: // Create the widget $.widget('myWidget', { init: function (){ /* At this point, given the defaults and the instantiation below, I would expect the this.options to contain... { title: 'My Widget', classes: { 'header': '.my-widget-header', 'content': '.my-widget-content', 'footer': '.custom-widget-footer' } } Instead,
Dialog boxes with effect; stuck shadows
Hi there, i have got the dialog boxes working, but if i add a show or hide effect to the dialog box, the shadow seems to not follow the dialog box? The error shown is "this.uiDialog.hide(this.options.hide) is null". Is this a bug or am i doing something wrong? $(document).ready(function(){ //$("#myDialog").dialog(); $("#myDialog").dialog({ "autoOpen":false, buttons:{"Ok":function(){ alert('ok clicked');},"close":function(){ $ (this).dialog("close").submit(); }} , "hide":"fadeOut",
UI for buttons, checkboxes, radio, textarea etc
Hi, I just started using jQuery UI. I have found widgets for tabs, accordions etc. But is there any way that i can apply the UI to buttons, checkboxes, radio buttons, text areas etc? Right now i can have nice looking tabs, dialogs - but my checkboxes, radio buttons, text areas feel out of place. Any suggests Thanks Veeru
What type of 'tab' plugin should I use for my website
I want to use a JQuery plugin on my portfolio website (http:// cc.usu.edu/~A00541778/new_portfolio/). I will admit I am fairly new to javascript. I want to be able to add JQuery to the featured/new posts/ new photos tabs in the middle of the page while also keeping the same user interface. Any help is appreciated. Mike
jQuery UI 1.6 effect('bounce') ignores margin: 0 auto;
Hello, I've been using Jquery for a while and I just downloaded jQuery UI, to try and use some of the effects. I want to bounce and object that is centered using margin: 0 auto. When The effect is run, the element moves "jumps" to the left hand side of the container and then bounces. After it is done bouncing it returns to the center. Code: #container { background: #ccc; width: 800px; height: 600px; margin: 0 auto; position: relative; } #joint { width: 400px; height: auto; background: #cc3300; text-align:
jQuery UI 1.6rc6 - Selectables default behaviour
Using the demo at http://jqueryui.com/demos/selectable/#display-grid as an example, I have a question regarding the behaviour of selectables. When I click on (or drag over) an unselected element it is selected. So I would expect that doing the same action on a selected element it will be deselected. In this way, if I select multiple elements and realise that the one in the middle is not what I wanted I can click on it and deselect it. Likewise, if I have a large list of items and I want to select
Draggable and Resizable Button
Hello, I'm trying to apply the resizable and draggable behaviors to a standard HTML input button. I've found so far that the draggable behavior doesn't work outright. Is there something I need to do to make that work? I've also found that the resizable behavior will work as long as I don't apply any options. Once I apply options, I get an error that states that "options is null or not an object" on line 2214 of the jquery ui js file. Any suggestions? I'm using jQuery 1.3.2 and UI 1.6rc6. Sample code:
Probleme with NestedSortables
Hi Everybody, I try to use the nice plugin NestedSortables but I meet a probleme... when I try to send the datas by a POST request, I can't retrieve all datas which are serialized. I use this code (HTML): <ul id="list-container"> <li class="sortable" id="ele-1"> Element 1 </li> <li class="sortable" id="ele-2"> Element 2 </li> <li class="sortable" id="ele-3"> Element 3 <ul> <li class="sortable" id="ele-4"> Element 4 <ul> <li class="sortable" id="ele-5"> Element 5 </li> </ul> </li> </ul> </li> </ul>
Changing sortable received item
I've got a sortable list and a bunch of draggables. The user should be able to drag items from the draggables onto the sortable list and save it. This part works perfect. Now, upon dragging the item across, I don't want to add the same item onto the list, but rather I want to change it to something else (Like a preview of what the item they just added to the list will look like from the front end). I have tried to directly change ui.item, but it doesn't seem to work, any ideas on what I can try?
Bug in 1.6rc6 drag functionality?
I have a div with a picture and text in it. When I drag the div around by the image in Firefox, it's OK. In Chrome however I rather select the image than drag the div. That is OK with the older 1.5.3 version...
JQuery UI 1.5.3 Issues with them and functionality!
Hello, I have been trying for hours to get the datepicker working. The one on the site seems to work well. The themes are complete and the functionality works well; however, after I download a package with them it doesn't work the same way locally. I have unzipped my package with theme and opened the example.html file. The theme is distorted. There is no header background as in the examples. Also, I have tried multiple times to set a minDate and maxDate. When I set a minDate or maxDate the calendar
Accordion widget expand all?
Hi, 'I was just wondering if there is any property which will make all the sections expand at the same time ? Like I dont want section 2 to collapse on clicking section 1 and vice versa. Please let me know. Thanks, Prashanth
Tabs to Other Pages with Tabs
I'm having some trouble implementing ui tabs on a particular site we're doing for a client. We wanted to have 6 or so pages of content and on each of those pages have ui tabs. The problem I'm having is with linking to other tabs on other pages from a current page. For instance: I'm on page 1 - tab subnav 3, but i want to go to page 2 - tab subnav z. HOW DO I GET THAT TO WORK??? Here's some condensed sample code: <html> <head> <script type="text/javascript" src="js/jquery-1.3.1.min.js"></script> <script
How to use multiple jQuery UI Themes on one page
The jQuery UI Download Builder now allows you to scope your CSS. This article shows you how to use it. http://www.filamentgroup.com/lab/using_multiple_jquery_ui_themes_on_a_single_page/
Can I make Jquery UI Dialog work like Facebox?
Hi, I would like to automatically make a number of links on my page (with the rel="dialog") attribute set open their target via AJAX in the dialog. Exactly what the Facebox plugin does. I guess it would be possible but I am not sure how to implement it. Thanks for your help tonki
Next Page