Syntax confusion
I'm new to both jQuery and jQuery UI. The jQuery part is coming easily enough, but I'm having a problem wrapping my head around the UI part. Specifically I'm trying to utilize datepicker. I'm using code as such: $("#calendar").datepicker({ prevText: "<<", nextText: ">>"}); I'm confused specifically because I'm later trying to modify the datepicker in code, but using the following statement does nothing: $("#calendar").datepicker({ prevText: "previous" }); I've looked through the demos,
Datepicker opens when "setDate" option is supplied.
<div dir="ltr">Below is the config of my datepickers. $("#leaving,#returning").datepicker({ numberOfMonths: [1,1], showOn: "focus", defaultDate: "today", changeFirstDay: false, minDate: "today", maxDate: "+330d", hideIfNoPrevNext: true, onSelect: function(dateText, input) { if(<a href="http://input.id">input.id</a>
The difference between jQuery, jQuery UI, and Plugins...
Hello, I have looked, but could not find a good explanation that tells the difference between jQuery, jQuery UI, and Plugins. What is the difference between them? I experimented with jQuery months ago, and don't remember seeing a UI version in the tutorials, is it new? Lastly, is jQuery UI licensed the same way as the original jQuery? I'm sorry if this has been covered elsewhere, but I didn't see any information in the FAQ or in the support groups. Thanks!
Fixing the Accordion height, scrolling the scolls if need be
Hi all, Accordion works great. I need however to lock the height of this control. There are some drawers which can be quite long, and i need to have a scrollbar automatically handle this. I tried to do this: <ul id="LeftAccordion"> <li><a href="#">Folders</a><div style="height:300px; overflow:auto"> Hello world<br /> Hello world<br /> ... It works on first load. But after you switch drawers the height and overflow seem to have been overwritten. Any suggestion to the problem is appreciated.
Datepicker bug:
The repeated day issue was addressed in 1.6rc2, yet it seems that a problem still persists. If you select the date October 12 (2008) on any example in the Datepicker demo page, the date returned (in the textbox) is October 11.
my text is getting jagged in IE when i use the pulsate effect.
my text is getting jagged in IE when i use the pulsate effect.It seems to be an issue when i use a bold font. When i set the font-weight to normal it looks fine. Font-size doesn't seem to be an issue. Anything i can do besides not use a bold font? <code> $("#savepulse").click(function() { $("#artsave").effect("pulsate", { times: 1 }, 600); return false; }); </code>
Resizable
Did anyone tried to aply resizables in IE6/7 to the absolute/relative positioned container by scrolltop >0 ? The container jumps down depending on scrolltop value.
Selectable Demo doesn't work
To whom it may concern: The demo on http://ui.jquery.com/repository/latest/demos/functional/#ui.selectable doesn't work.
Big datepicker bug with IE and no id on the attached input element
Hi all, I'm seeing a bug using the datepicker that appears to be related to having at least two input elements with datepickers attached that have no id attribute specified. Using the following HTML/Script <script type="text/javascript" src="http://www.google.com/jsapi"></ script> <script type="text/javascript"> // Load jQuery google.load("jquery", "1.2.6"); google.load("jqueryui", "1.5.2"); </script> </head> <body> <div
[accordion] navigation type menu active button is deactivated by anchors
Hi, that´s what I found out when building a navigation menu for a site: I use the feature highlighting the proper button referring to the active page which is quite useful and is working fine. Then I added a jquery coda-slider where the active tab is selected by hash-values e.g. page.htm#1 and s.o. Well everything was ok until I relaoded the current page which had at that time the proper url page.htm#1 the effect was the active button was deselected. Well that´s nothing critical, but one must imagine
Set minimum dialog dimensions?
Is it possible to limit the smallest a dialog can become? I have an <iframe> and a pair of buttons in a dialog. When the Dialog reaches a certian size the iframe (with a pdf in it) it overlays the buttons. This, unfortunately is a problem. $(document).ready(function() { $('#example').dialog({ autoOpen: false, modal: true, overlay: { opacity: 0.5, background: "black"}, buttons: { "Ok": function() {
[accordion] navigation type menu activated button is deactivated by anchors
Hi, that´s what I found out when building a navigation menu for a site: I use the feature highlighting the proper button referring to the active page which is quite useful and is working fine. Then I added a jquery coda-slider where the active tab is selected by hash-values e.g. page.htm#1 and s.o. Well everything was ok until I relaoded the current page which had at that time the proper url page.htm#1 the effect was the active button was deselected. Well that´s nothing critical, but one must imagine
[accordion] navigation type menu activated button is deactivated by anchors
Hi, that´s what I found out when building a navigation menu for a site: I use the feature highlighting the proper button referring to the active page which is quite useful and is working fine. Then I added a jquery coda-slider where the active tab is selected by hash-values e.g. page.htm#1 and s.o. Well everything was ok until I relaoded the current page which had at that time the proper url page.htm#1 the effect was the active button was deselected. Well that´s nothing critical, but one must imagine
sortable list of links
I have setup a list of links (anchors) to be sortable, but after I sort an item, the link is executed, and I am taken to the web page for that link. Is there a way to setup the Sortable plugin to prevent this from happening?
Additional <span> tag throwing off Accordion
In order to style my list appropriately I setup the structure of my accordion as such: <ul class="mainNav" id="test1"> <li><span><a href="#1" class="parent">PARENT ITEM</a></span> <ul class="subNav"> <li><span><a href="#1.1">item</a></span></li> <li><span><a href="#1.2">item</a></span></li> <li><span><a href="#1.3">item</a></span></li> <li><span><a href="#1.4">item</a></span></li> <li><span><a href="#1.5">item</a></span></li> </ul> </li> <li class=""><span><a href="#2" class="parent">PARENT ITEM</
why all juery theme demos looks bigger than Theme Preview?
Normal size in Theme Preview: http://ui.jquery.com/themeroller
autocomplete overlay of select drop down bug
<div dir="ltr">when using IE 6 select boxes are visible through the autocomplete drop down. </div>
UI Datepicker. How to enable it on dynamicaly added fields?
Hello! I'm on Drupal and I'v creating form with fields for date picking. I managed to enable Datepicker and it works ok with the form field, until I add another input field dynamicaly (via JSON), after new field added, Datepicker degrades on all old field and doesn't appear on new ones. This is untill I reload page, after the page reloaded, everything is back to normal. I guess, I need to activate Datepicker each time I add new input field dynamically, but how to do this? I'm pretty novice in JS,
Buggy IE6 (and 7?) drag behavior
Hello All, I'm having an issue with a strange IE 6 and possibly IE 7 behavior when dragging items. I've developed an online to do list site (just for fun) and it has drag and dropping of lists into custom folders so site users can organize their lists. The issue is when dragging a list, the lists parent disappears completely and when I move the list around with the mouse, the screen starts to redraw itself under the dragged item. I've got to images below that illustrate what's going on. Before Drag:
UI tabs
New to this so... I've downloaded the core.js and the tab.js from the ui download center...it packaged both of them in a file called, "jquery-ui- personalized-1.6rc2.js" I also have "jquery-1.2.6.js" <script src="/jquery/js/jquery-1.2.6.js"></script> <script type="text/javascript" src="/jquery/js/jquery-ui- personalized-1.6rc2.js"></script> I got the .css code from the UI example.... <link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/ latest/themes/flora/flora.all.css" type="text/css"
Two inline datepickers with range selection (start and end date)
I'm quite beginner on javascript so I ask help from you. How can I create the two inline datepickers and have range selection between those? So basically combining the ideas behind the "another data range" and "inline date picker". Thanks for your help
AutoComplete issues...
a newbie to JQuery..iam amazed with the ease of styling web applications using jquery ui. I encountered a issue while trying to use AutoComplete feature availabe in jquery-ui-personalized...., whenever i type in the input text box i get the list of autocomplete options available but i dont know how to customize the look of the list ie..background ,style etc. Thanks in advance.
How to get values out of a widget?
Hi, I'm using the ui.slider widget. I've set the min and max when I created it. Now later on in a different method I wish to get the min and max from the slider (it's my controller, want to use it as my model as well). I just don't get how that can be done?! Even after trying to modify the source to return it explicitly in a getter method: getMax: function() { return this.options.axis == "horizontal" ? this.options.max.x : this.options.max.y; } Instead I get a jQuery object returned, not the integer
jQuery UI trac?
I've been getting a 404 when trying to access UI's trac the last couple days. Anyone know how long it has been down, or when it will be back up? Thanks, Keith
resizing iframe inside a dialog?
Hi All, I'm wondering if anyone knows how to resize an iframe inside a dialog box when the dialog gets resized? I'm loading the dialog up this way: $this.click(function(){ $('<iframe id="externalSite" class="externalSite" src="' + this.href + '" />').dialog({ title: ($this.attr('title')) ? $this.attr('title') : 'External Site', autoOpen:true, width:800, height:500, modal:true, resizable:true, // note: if true, we have to resize the inner iframe on the fly overlay: { opacity: 0.5, background: "black"
Need some help
<div dir="ltr">Dear All, I would appreciate if someone let me know a JQuery plugin that sort an HTML table and does not keep data in memory. Data should be retrieve from database whenever click next page link. Thanks in advance, Iqbal. </div>
script tag in tab
Is there way to include a <script> tag using ui.tabs? when i pout this code into a tab -- <script type="text/javascript"> newVideo('http://assets.texasmonthly.com/multimedia/oovoo/ 20081006.flv', 'http://assets.texasmonthly.com/images/blogs/ speed_470_383.jpg', ''); </script> -- the window refreshes and displays only the video any ideas??
Loading jQuery UI dialogs from GreaseMonkey?
Hi -- Has anyone managed to get jQuery UI working via GreaseMonkey? I am adapting code from http://www.joanpiedra.com/jquery/greasemonkey/ to load jQuery and then attempting to display a dialog box. The UserScript is shown below. Things work fine until the actual dialog() call is made, at which point I get the following error in the FF3 error console: Error: $("<div id='example' class='flora' title='This is my title'>I'm in a dialog!</div>").dialog is not a function Note that the previous alert()
Altered Dialog box
Hello all, I've adjusted the dialog box to a more appealing one and added some extra functionalities. Now you can maximize the window and you don'd have to add the extra dives for all the slides in your code. I've also added a icon in the main bar. And a status at the bottom. It only works in FF3 and Safari. It also works in the other browsers but there are still some layout issues to solve. You can find an example on http://sandbox.tinctuur.be/dialog Looking forward to the feedback. Karel-Jan P.S.:
datePicker (IE6 & 7 bug)
datePicker in IE6 and IE7 when you click on any inputBox to display calender it displays a very long empty white space with text written, kindly fix it and make updated script to download. Thanks, Ashar Ali
jQuery UI in Drupal
<div dir="ltr"><a href="http://drupal.org/node/315035">http://drupal.org/node/315035</a> <br clear="all">--John </div>
Possible Repost: Sliders and startValues and moveTos
Hi all - My earlier post about this today is not showing up, so I am reposting now. Apologies if it's a repeat! My question is basically how to manage many (up to 168) dynamically- created sliders on a page. The idea is that the sliders are presented on a form. The user sets the sliders and submits the form, which saves the values of the sliders. On subsequent views, the sliders are set to those saved values. The basic code is fairly short, so it's presented inline below - this is all wrapped in
datepicker calendar width issue
My calendar seems to be a little off in alignment. And when I checked using firebug, the width of my calendar shows up as 200px. <div id="ui-datepicker-div" class="" style="display: block; position: absolute; top: 198px; width: 200px; left: 110px;"> While in the datepicker.css file it was 185px #ui-datepicker-div, .ui-datepicker-inline { font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0; margin: 0; background: #ddd; width: 185px; } I'm using the default
Dialog linking to external pages
Hello, I am trying to link external html pages to the dialog for the dialog's content. An example would be: In a footer there is a link for a privacy statement. When clicked on, the dialog box would appear containing the privacy policy information. This privacy policy information would be on it's own html page. The dialog plugin would link out to it and populate the contents of the dialog with this information. The reason the privacy policy would be its own html page is because it is a footer item
Can't get Autocomplete to work!!
Hi, I really need help, I'm using JQuery UI 1.6rc2 and I cant get the bundled autocomplete to work with local data. Example: //-------------------------------------- var data = [ "One", "Two", "Tree", "Four", "Five", "Six", "Seven", "Eight", "Nine", "Ten" ]; $("#example").autocomplete(provincias); //-------------------------------------- When I actually try it with firebug, the input tag gets the class 'ui- autocomplete-input' added but nothing more happens
Datepicker bug: duplicates certain days in month
I am using an inline datepicker and noticed that (as far as I've found) the month of November for any year has the first Monday following the first Sunday duplicate that day. For example, next month has Nov 2 on both Sunday and Monday. I have looked as far forward as 2017 and each November has that problem and I haven't seen it happen in any other month. Here is my test webpage the produces the error: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
Can't disable all tabs
Hello, after some problems I'm on a good way to successful intagrate the tabs ui module into my current project. Unfortunatly one problem remains open. First a short description what I want. Some checkboxes are synchronized with a tabs interface. When a checkbox is checked the tab is enabed, if it is checked off, then the corresponding tab becomes disabled. I found an example, so I can start with all tabs disabled. But when I check all checkboxes off, the last tab is still enabled, perhaps because
Autocomplete with autoFill - modifier keypress error
I am using jQuery UI 1.6rc2. I believe I found a bug with autocomplete fields that use autoFill. Here's the scenario: 1. I visit a page that has an autocomplete with autofill input field (it is designed to accept a time) 2. I want to input "12:45 pm" so I begin typing "12" which brings up a list of suggestions 3. I press shift to type a colon ":" and the autoFilled text is deselected and my colon ends up at the end (like this "12:00 pm:" I also noticed that the text is deselected when
[Sortables] What does this demo function do?
Hi, I am new to jQuery UI. I was looking through the demos and I found this: http://ui.jquery.com/repository/real-world/layout/ Can someone explain to me what the updateUpDown() function does? (http://ui.jquery.com/repository/real-world/layout/demo.js) Thanks, Jeff
Serialize does not work
Another try. After now spending quite some hours on it... How is it possible to get a serialize result like in this old demo ? http://interface.eyecon.ro/demos/sort.html The problem is, that when i move a item to another col, the value order changes, but not the col var value. In this demo it works. With sortable("serialize") it does not... JS: $("ul.elements").sortable({ items: "li", placeholder: "empty", forcePlaceholderSize: true, tolerance: 'pointer', connectWith:
Next Page