Concatenate selected jQuery date with existing text in input textfield
Hello! I'm new to this group and to Javascript. Here's the problem: I have an input textfield that reads the user input every time the user releases a pressed key. In particular I am searching for the first and only instance when the user inputs "due ", that is the word 'due' followed by a space. When this happens, I would like the datepicker calendar to drop down. Next, the user would select a date from the calendar. The selected date would then be concatenated to the string "due " so that the text
Tabs Fade Effect
Hi How can i use Fade effect with latest jQuery UI? --
Theme Roller Download still not working?
Weeks ago i tried to create a custom theme using the theme roller. When I downloaded the build including the theme there was no modified theme included, just the standard grey theme. Today it tried it once again (or better, 4 times without success). I created a theme with following parameters: http://jqueryui.com/themeroller/#ffDefault=Calibri%2C+Trebuchet+MS%2C+Verdana%2C+sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=10px&bgColorHeader=008961&bgTextureHeader=01_flat.png&bgImgOpacityHeader=100&borderColorHeader=008961&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=EEF0F8&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=008961&fcContent=008961&iconColorContent=008961&bgColorDefault=e6e6e6&bgTextureDefault=01_flat.png&bgImgOpacityDefault=100&borderColorDefault=008961&fcDefault=008961&iconColorDefault=008961&bgColorHover=008961&bgTextureHover=01_flat.png&bgImgOpacityHover=100&borderColorHover=008961&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=008961&fcActive=008961&iconColorActive=008961&bgColorHighlight=a8d1c5&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=100&borderColorHighlight=008961&fcHighlight=008961&iconColorHighlight=008961&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
Droppable tolerance
Hi, I have a collapsable/expandable tree menu for folders on my server. I was trying to make a file draggable and droppable on a folder. All works well on the folders that are visible in the tree after page load. But if I expand a part of the tree, there appears to be no droppable area for the newly shown folders. They have a link and all, and they have been set up as a droppable, but no event is triggered when I drag a file over it. Someone who has experienced the same? Is it solvable? Can I dynamically
Dialog Underlay Flash on Windows Browsers
Works on Macs, but on MSIE or Firefox on Windows, generated dialogs "popunder" Flash video object. See in action at http://myvnp.net Tried solutions found here - i.e., wmode = transparent but that did not seem to work. --
jQuery tabs w/simpleviewer displays differently in ie & ff
test page is at http://www.mangosteenarts.com/test/test3/tabs1.html There are several major differences in how this displays in IE and Firefox IE Firefox tabs square edges tabs rounded edges horizontal scroll bar no scroll bar viewer confined within jQ tab viewer extends beyond jQ tab substantial top margin slight top margin slight bottom margin square corners very large bottom margin w/ rounded corners Why is this? Is there any way to normalize the cross-browser display properties? Thanks. --
Accordion and Tabs - Getting the height right
I inadvertently posted to the wrong group initially. Here's a recap of what's been said: ================================= I've got a page I'm working on here: http://www.moxdom.com/the-goods/ ... that has an accordion with tabs inside of each accordion slice. The problem that I've can't figure out is why the height is being set to the combined height of all 3 tabs. (height: 1175px) Is there some CSS/jQuery I can override that will change this, and make it the height of the individual tabs? Also,
Accordion widget: navigation option problem
Hi, I try to use jQuery UI accordion with the navigation option but I can't make it work and I don't found much documentation... Source jQuery UI documentation: "If set, looks for the anchor that matches location.href and activates it. Great for href-based state- saving. Use navigationFilter to implement your own matcher." <div id="accordion"> <h3><a href="#first">Section 1</a></h3> <div> Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer ut
Datepicker not registering a select event from the mouse
I'm appending a new form to my page using a $.post. After I have appended the data, I am binding the datepicker to all the dates in the new form. The datepicker shows up with the image and when I click the image the calendar pops up. However, when I use the mouse to select a day nothing happens. I added a select: function() with an alert to the datepicker and the alert never shows up. The odd thing is that all the keyboard shortcuts work. When I hit the enter key the alert pops up and the date is
How can I reset tabs CSS for certain widgets?
I was wondering if there was an easy way to reset the default theme for specific UI widgets? I would prefer to write all my own CSS for certain widgets. Some widgets don't need styling at all, for example a text based nav for the tabs widget. Maybe something like: $("#example").tabs({ css: 'reset_all' }); I have scoured the internet for a solution but nothing so far. Any help would be greatly appreciated : ) --
UI.tabs steals focus when auto-rotating
Hello all! I'm using the ui.tabs for automatically rotating some images. However in my website, while it auto-rotates, it steals focus of the screen, which is very annoying. I tried googling my problem, but no chance! Can anyone help me on this issue ? here is the page I'm using tabs: http://goalvideos.tv/ try scrolling down the page, tabs located under "Top Rated This Week", you'll understand what I mean then... Thanks in advance!
Unable to delete JQuery UI Tab Plugin cookies
Hi, I am using JQuery UI tabs along with cookie plugin to remember tabs. The code on the home page works absolutely fine. When a tab is switched, it remembers the switched tab upon refresh. When the "Home" button is clicked, it switches to the first tab. When "Logout" link is clicked, it deletes the cookie and redirects to a login page. Upon visiting the "Home" page, it switches to the first tab again. All is well so far.. Following is the code on the Home page: ===========================================================
Got some issues with the UI plugin Spinner
Hi everyone I've just tried to use the ui plugin spinner. It works wonderful as soon as i use the url of the file core.js given on the example. It's the version 1.6r2 Nevertheless, when i tried to use it with the last version of the file core.js (1.7.2), it doesn't work anymore. I'm working on a professionnal environment so i have to use the new version, it's not my decision. I wonder if the plugin is compatible with the new jquery ui. If not, it would be great to update the documentation. I didn't
Dialogs and ajax reloading results in duplicate dialogs
Hello I encountered a bit of weird behaviour with the ui.dialog element. I tried to report it to trac but the page gave me an internal error, so this was the next best place that I found. Here is the scenario: I have a dialog that I want to init only when the dialog is needed to be opened. So I init it when Its opened and destroy it when it's closed. destroy methods definition is: "Remove the dialog functionality completely. This will return the element back to its pre-init state." However this dialog
Using datepicker() inside a modal dialog
Hello, I'm using the jquery UI modal dialog window to show a form. The problem is one of the form elements is a datepicker() field, and you can't see the datepicker() popup because of the modal form. Any ideas as to why this is? or how to overcome it? Thank you, Kstover --
j query resizable is not working
hi this is my small code just coppyed from demo and a little changed but i can't resize the div all the file are present in the same directory <html> <head> <script language="JavaScript" src="jquery-1.3.2.js"></script> <script language="JavaScript" src="ui.core.js"></script> <script language="JavaScript" src="ui.resizable.js"></script> <link type="text/css" href="ui.all.css" rel="stylesheet" /> <link type="text/css" href="demos.css" rel="stylesheet" /> <style type="text/css"> #resizable { width:
Theme roller download
Hello, I very much like the jQuery UI download system (the ThemeRoller) because it includes the jQuery and jQueryUI core libraries and produces downloads that work. However, of all downloads I have downloaded through the Theme Roller for the legacy 1.6.2 version none have contained a css file. I tried several times with the Humanity theme - to exclude an error on my part or a temporary server error - and two other themes, the Redmond and Vader themes. None of the examples included in the themes worked
How to call another function on slider handle change?
I am pretty new to jQuery. I have got the slider working and I am trying to create a volume control. I have got the control so far that I have a function which takes a value and changes the volume. Now I need to find a way to call that function when the handle of the slider changes, passing the value of the handle. <script> $(function(){ // Slider $('#slider').slider({ orientation: 'horizontal', step: 5, value: 50, animate: true }); }); </script> Tha'ts
How to Change the orientation of tabs
I am using the tabs controls using JQuery in a Arabic SharePoint Site. I want the tabs to be displayed from rigth to left as against from left to right being displayed presently. Please guide me how can i change the orientation of the tabs. Please reply at the earliest. Thanks in advance. --
Jquery UI Icons next to link
hey? how to use the icon next to link? when i use like this <span class="ui-icons ui-icon-triangle-1-e" /><a href="#">testing</a> it shows <span class="ui-icons ui-icon-triangle-1-e"><a href="#">testing</a></ span> --
Nesting UI effects
I want to use several different UI effects. I'd like to use accordion inside tabs for example. Is this an issue, is there likely to be conflicts? Thanks. --
Some problems with jQuery UI
Hi to every: I was getting some problems using jQuery UI Highlight and Error box fields. The live example is at this address: http://www.jose-couto.com/jcgoogle/index.php/search/index/data/t As you may notice here a message could be appear but instead nothing is showing. Why? What I'm doing wrong? Cheers and thanks in advance -- ReynierPM --
Not working out of the box...
So, I downloaded the latest (1.7.2), put it in my webspace, and pointed my browser to the index.html in the main directory and .... ... just get a text page w/ no graphics. A few highlighted divs, here and there. No accordion, no datepicker, no dialog, etc., etc., etc. Not a good first impression. Any thoughts? This is on a Mac running 10.6, FF 3.5.4, and Safari 4.0.3. rickb --
Newbie Question, disable UI style for tabs only?
Hi, I don't really like the tabs ui style, but the rest is good. How do I disable the styling on the tabs, but leave it in other elements such as calendar widgets? If I just remove the tab specific elements out of the stylesheet, there is still the base containers which affect the tab appearence. Any help much appreciated. b --
Blind effect - roll up from bottom instead?
Anyone know of a way to get the blind effect, when showing an element, to roll upwards from the bottom, and when hiding it to roll down from the top? I see you can choose between vertical and horizontal but not the direction of the animation. It's either: show (vertical) = top to bottom hide (vertical) = bottom to top show (horizontal) = left to right hide (horizontal) = right to left anyone know if it can be reversed, or if another effect can? --
JQuery Accordion help
I have a simple Accordion setup like this : <div id="accordion"> <h3><a href="#">Section 1</a></h3> <div> content <input type="radio" id="rb1" onclick="ChangeAccordion()" /> </div> <h3><a href="#">Section 2</a></h3> <div> content </div> <h3><a href="#">Section 3</a></h3> <div> content </div> </div> I am trying to figure out the javascript for the radiobutton event to show/hide Section 2. The accordion code is : jQuery(function($)
Draggable strange behaviour in firefox 3.5.4
Hi, I am using draggable & droppable on my website to drag menu items to a calendar grid. It works perfectly in IE8 but in Firefox 3.5.4 I get these faint red trails across the page when I drag something. These trails go away when I page down and then up again. Has anyone else noticed this behaviour. Is there any way to correct it. You can see what I mean here. http://webrecipemanager.com/menuplanner.php Any help would be much appreciated. Barb --
Where is the detailed documentation?
I'm new to JQuery and JQuery UI. I've heard a lot of good things about both libraries and have decided to give it a try. They site looked good and felt intuitive, at least at first. Building a custom download and getting the files was a breeze. Now it was time to do something cool. So i decided to make a panel slide in and out from the right edge of the window. And that's where the sh... hit the fan. The Toggle effect page talks about the options but does not provide neither the values for the options
Can I drag 2 items into a container just once?-- in drag and drop
hi, Now I can drag only ONE items to a container every time,is there any way to drag 2 or more items? --
Sortable revert checkbox state to original in IE6
Hi<div> </div><div>I am using ui 1.7.2</div><div>I have a Sortable with checkbox inside each item.</div><div>If I check or uncheck the checkbox (changing it form state what the page is loaded in), then sort(drag) it the state of the checkbox revert to the original state as when the page is loaded.</div> <div> </div><div>This only happens in IE6.</div><div> </div><div>Is this a bug? or someone has reported?</div><div>sorry didnt find anything relate to this on the mailing list</div><div> </div><div>Thanks</div>
Loading datepicker via ajax
Hi, I'm working on an app that loads a series of forms dynamically (via ajax) into a static DOM region. One of the forms is using the datepicker ui widget on two fields. When the datepicker fields are initialized after loading (via an ajax call) the "ui-datepicker-div" is added to the end of the static part of the page (as expected). Due to the nature of the process various user interactions may cause the form to load again (with new data pre-loaded in the fields, again via ajax). All of this works
start the Tabs collapsible with all tabs collapsed
is it possible? I want all the tabs to be in a collapsed state and only open when the user clicks on them, <head runat="server"> <title></title> <link rel="stylesheet" type="text/css" href="css/ui.tabs.css" /> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript" src="js/ui.core.js"></script> <script type="text/javascript" src="js/ui.tabs.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#tabs").tabs({
Jquery developers for hire?
Hello, I have a specific project that I want done in JQuery. Is there anyone for hire here? I'm a designer and need a page framework created. --
1.7.2 bgiframe IE6 select still shows through div
Using dialog I set to bgiframe to true $(function() { $("#addcontact").dialog({ title: 'Add New Contact', autoOpen: false, bgiframe: true, width: 675, modal: true }); }); yet the select element still shows through the div. From what I can tell bgiframe is integrated into jquery 1.7.2 I've tried with and without the bgiframe plugin and it doesn't seem to be doing any good. --
unable to resize past certain point with multiple draggables/resizables
When I have two divs on the page that are both resizable and draggable and I resize one of them to take up almost the entire page and then try to resize the other I am not able to resize the smaller one to be bigger when the smaller one is sitting on top of the bigger one. Both divs are absolutely positioned with different z indexes and are initialized as follows: draggable({ handles: "all",cursor: 'hand',cursor: 'pointer', stack: { group: ".reportContainer", min: 50}}); resizable({handles:'all'});
Refresh DIV seems to cause memory leak problem in IE
I have this code to refesh a DIV on my pages but if Internet Explorer is left running all day, it eats up all available memory to the point where the computer hangs. This is the code: var refreshId = setInterval(function() { $('#footerBar').load('liveTasksFeed.php'); }, 5000); This is the DIV code: <div id="footerBar">Loading...</div> Basicaly the contents of liveTasksFeed.php replaces the Loading.... message after 5 seconds and the liveTasksFeed.php has a recordset query which checks for any records
tabs (...open links in the current tab instead of leaving the page)
Hello, First of all, my first experiences with jquery UI have been awesome. Your example at http://docs.jquery.com/UI/Tabs#...open_links_in_the_current_tab_instead_of_leaving_the_page for opening links in the current tab recommends doing this. $('#example').tabs({ load: function(event, ui) { $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); } }); This works, but only for the first page. Meaning this * I click Tab A which loads a.html with ajax (just an href to the
Problem with submitting form in select function
Hello, I have problem with submitting form in select function. $(function(){ $('#tabs').tabs ({ event: 'click', cache: false, ajaxOptions: { cache: false }, select: function(event, ui) { $('#FORM').submit(); while($ ('#FORM').submit()==false){ return false; } if($('#FORM').submit() ==true) { return true; } } }); }); I can submit form, with ID "FORM" when I click on another item. It works only sometimes, not always. I load content throught AJAX, and form is inside. Please can you help me? Thank you!
jQuery UI Tabs - Preload Content for every tab?
Newbie question: Is there a way to preload content of every tab when loading the first tab? Calling the load function multiple times (chaining) does not work (only the last call to load works). I need this because fields between tabs are related. A change in the first tab triggers an ajax call that modifes fields of other tabs. This way when the first tab is loaded the first time, I need to have access to the fields of other tabs. Thank you in advance. --
How to deals with ordered action (in example, Blur and Focus)
Hey, I got this problem when I'm using jQuery-UI. Suppose I have a form with two inputs. <form action="" method="post"> <input type="text" name="input1" value="" /> <input type="text" name="input2" value="" /> </form> When I click the "input2", then the method "focus" was fired. Now, when the cursor is still on "input2", I want to click "input1". In details, the action should be like this (in order): blur at "input2" and focus at "input1". I create a jQuery function like this: $("input").focus(function()
Next Page