Hi, I am trying to change the body background color when the user changes the theme of the page using the jQuery UI Themeselector. I have tried this function updateBodyBackground() { $("body").css('background-color', $('.ui-widget-header:first").css("background-color") + ' !important;'); } Then I call it on document ready (to set...
site.css: a:link, a:visited, a:hover, a:active { color: #0033CC; text-decoration: none; } in page: <a href="/foo/boo">test link</a> jQuery: $('a').button(); jQuery nicely creates a button for the 'test link' but some text colors on button's different states are the ones defined in site.css, not jQuery theme's. So the po...
This theme I found seems to be using jQuery UI tabs but they're not working... header.php has: <link type="text/css" href="<?php bloginfo('template_url'); ?>/css/ui-lightness/jquery-ui-1.8.4.custom.css" rel="stylesheet" /> <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/js/jquery-ui-1.8.4.custom.min.js"></scrip...
Hey, is it a bug in jQuery UI? When I call .datepicker('setDate', date); and date is a date-object with time, datepicker set the time of date to 0:00? And if I clone the variable.. var datewithtime = new Date(); var lTmpDate = datewithtime; $('#Modal_KalendarTermin #DP_DatumVon').datepicker("setDate", lTmpDate); .. datewithtime is j...
<form> <input type="checkbox" id="m_q" name="m_q" value="271">Name</input><div name="status"></div> <input type="checkbox" id="m_q" name="m_q" value="271">Age</input><div name="status"></div> <input type="checkbox" id="m_q" name="m_q" value="271">ID</input><div name="status"></div> <input type="checkbox" id="m_q" name="m_q...
I'm a complete noob to jquery and jquery ui but have successfully implemented a couple of ajax tabs. I am now trying to combine this with the cookie persistence feature so that the page will open at the last opened tabe when returning to the page. Code for the ajax tabs looks like this: <script type="text/javascript"> $(function() {...
I have a jQueryUI tab control set up that has two tabs. One loads its content via ajax, and is the default tab. The other is a simple non-ajax tab. When a user visits the page, the ajax tab is shown. Since it takes at least 5-10 seconds for the content to load, some users click to view the 2nd tab. At this point, it appears like the aja...
The thing is, I'm trying to use a multiple handlers slide like jQuery example, but I what to be able to drag the part between the handlers. Is this even possible? Thx jQuery example: http://jqueryui.com/demos/slider/range.html ...
Hi, How do we handle connect draggable items that should be connected to sortables when the sortables are created at run time? For example: <ul class='sortable'> </ul> I create instances of the above sortable ul when the user clicks a button: function onBtnClick1() { var element = $("<ul class='sortable'></ul>"); element.app...
I am using jQuery UI radio buttons, and can't find how to set them all to be a fixed width. The code I'm using is: <script type="text/javascript"> $(document).ready(function () { $("#radio").buttonset(); }); </script> <div id="radio"> <input type="radio" id="radio1" name="radio" /><label for="radio1">A</label> ...
I am using jQuery UI tabs to create a vertical tab section of a page, and want the last vertical tab to link out to a URL rather than load a tab panel. Any suggestions for the best way to do this? I can stick another element besides an LI into the list, but would rather have the last li just behave differently. Thanks for any help. ...
I have an issue where I'm reusing the dialog so I wouldnt have to duplicate the code. The issue I'm having is when I click an "Add New" button, I have as button "save" and "cancel". The save button in the dialog handles saving the information. If I click the "Edit Existing" button to edit my information, I would like the "save" button to...
Hi, I have a drag and drop to a sortable setup like this: <table width="500px" height = "400px"> <tr> <td valign="top" width="50%"> <ul id="target"> </ul> </td> <td valign="top" width="50%"> <ul id="source"> </ul> </td> </tr> </table> so the ite...
Hi, I'm developing a quick solution that uses a Slider with multiple handles to define widths for a dynamic layout. I've attempted to use both ExtJS3 and the latest JQuery UI. In ExtJS, you can constrain the handles so the don't cross over each other, and it's quite an intuitive approach to the UI I need, however there are reasons why...
i am trying to display my products animation with the following code (jquery) var prodNum = <%=prodNum %>; var i = 1; $.timer(5000, function(timer) { $(".prods").hide("slide", { direction: "down" }, 500, function() { $(".prods").html("<div class=\"prod\">" + $("#pr" + ((4*i) % prodNum)).html() + "</div>" + ...
I have a textbox where i want to have an autocomplete that lets the user search through addresses. The user must be able to type in different words and the autocomplete must search through them to narrow its list. I've been trying and reading the documentation, but nothing seems to do the trick as it always searches on the whole string...
hey, I want to use jQuery.contextMenu (http://abeautifulsite.net/blog/2008/09/jquery-context-menu-plugin/) in jQuery.fullcalendar.. when i right-click on an event.. but how it works? ...
Hi All, I am working on a web project using spring mvc and i am using jquery.sheet plugin to create a spreadsheet on the web page. You can check this at http://www.visop-dev.com/jquerysheet.html The sheet is internally using html table to display the rows. I want to select a particular row from the sheet but i am not able to do it. A...
I am trying to use Jquery UI button plugin for my radio button group. The UI looks cool but the problem is when I change the underlying radio button's checked property the UI does not change. for ex. If I have 3 radio buttons say radio1, radio2, radio3 and if I make radio1 to be selected then the button does not change but when I refresh...
I want to use the jquery-ui datepicker for my project, but I need to be able to have multiple, disjoint ranges of valid dates. Dates not in one of these ranges shouldn't be selectable. $(function() { $("#datepicker").datepicker({ numberOfMonths: 1, minDate: new Date(2010, 8, 1), //range 1 maxDate: new Date(2010, 8, 20) //rang...