UI + AJAX Dialog
Hi all, I'm making a page with a number of AJAX dialogs - each calling a different page. I'm not very well up on javascript but from various places i've come up with this code to call the popup: $('.popup').click( function (){ var url=$(this).attr('href'); var winTitle=$(this).attr('title'); $("#popup").dialog({ title: winTitle, width: 400, height: 500, modal: true, autoOpen: false, open: function() { //display correct dialog content $("#popup").load(url);}
IE issue: Tabs inside a DIV with overflow on
I have found this glitch in IE7 when using tabs inside a DIV with overflow: auto set. When you scroll the DIV, the tab header section doesn't scroll correctly. Sometimes it stays where it was originally, or it will jump and be placed incorrectly. Scrolling works perfectly in the other browsers. This will also happen if you have tabs inside a modal window created with jQuery UI dialog. When the modal window content needs to scroll the tabs header placement is incorrect. However, in both cases the
how to start effect working when the page is loaded
Hi, I am new to jquery. I want a show effect to start working when the page is loaded without the need of any click. Can this be done. So what I want is like this http://www.bazuin-webdesign.nl/test.html but with no button. I hope you guys can help me out here. Greetings Dirk
how to set jquery datepicker
i want to set 1/1/2010 this day disable and set 1/2/2010 to 1/3/2010 disable ,how to set?
Confused about jQuery and jQuery UI
I am confused. Does jQuery UI include jQuery? Or do I have to have jQuery installed also. I assume that I have to have jQuery and jQuery UI but I can't seem to find anything on the jQuery UI site verifying this. Please help.
UI Tabs Loading the entire current page's code inside the tab div.
I am implementing tabs in a CMS system that insists on adding "/" to the beginning of all href attributes that it did not generate. I have these three tabs ( notice the preceeding / ): <ul> <li><a href="/#newstab"><span>News</span></a></li> <li><a href="/#articlestab"><span>Articles</span></a></li> <li><a href="/#pressreleasetab"><span>Press Releases</span></a></li> </ul> When the tabs are generated it loads the entire page you are on in a div after the tab list through what I assume
Problems with dialogs and java applets
I have a java-based uploader (aurigma) as well some modal dialogs on my page. The modals conflict with the java applet though, and I end up with part of the applet having a higher z-index than my dialog. Anyone have suggestions on how to fix it, if it is even possible? I was hoping for a param similar to wmode=transparent for flash content. Thanks for any help or direction.
Current Year Inline Datepicker
I want to create an Inline datepicker for the entire year of 2009. Currently the default shows the first month as the current month. Is it possible to start at the beginning of the year and end the monthly datepickers at 12/2009?
Massive memory leak with dialog in IE7 (6 not tested)
Opening a modal dialog with IE7 causes an increase of about 20 mb in used memory for IE7. If you keep opening and closing the dialog the amount stacks up rapidly, and even navigating away to another page doesn't free up all the memory (only about 40%). The demopage of the dialog (http://jqueryui.com/demos/dialog/#modal-message) shows this too, try clicking the modal dialog a few times in a row and check mem usage. We use the dialog in an ajax application with many popups, and an avarage user can
UI sortables change the placeholder element when moving to connected sortable
HI there, I have two sortables One where children are DIV's and an other where they are TD's If I start dragging from the DIV, the placeholder is also a DIV, and this create some rather odd results when moving into the TD sortables as the placeholder is placed above and below the TD's instead of side by side. And the vice-versa example is equally odd (although visually more "understandable" ) Of course there is nothing strange in that behavior since that is how the browser behaves. What I would like
Accordion, link to close all...
I've set up a link to close any open panel on my accordion, and whilst it works fine in Safari, in Firefox and Opera it takes me to a blank page with the text: [object Object] what have I done wrong, the code I'm using is: <a href="javascript:$('#accordion') .accordion('activate', -1)" class="closelink">Close</a>
Tabs layer problem with css navs
So here's the problem. The tabs work great on a plan html webpage, but when i try to implement it into my website, the css navigations will drop down behind the tabs, rather than over them. I'm assuming it would have to do with positioning/z-index, but I'm not an expert in those fields, so I really need someones help. I'm using a free template that i got from "justdreamweaver.com" (Trellion Dreamweaver Template) - http://www.justdreamweaver.com/dreamweaver-templates.html Hopefully that will provide
Multiple or one Dialog objects
Perhaps a stupid question, but bear with me please: Let´s say I have 20 links on a webpage that needs to trigger a Dialog, with different options and content. Is it quicker, JavaScript performance-wise in different browser, to make one object, close it, adjust the settings with setters and open it again, or initiate a new object with the correct settings and destroy it each time? Stian
Dialog box "genie" effect
Hi. I'd like to implement a dialog box "genie" effect on opening and closing the dialog box. The dialog box is opened by a button on the web page, and I'd like the dialog box to "genie" into the button when it is closed. And also to genie out of the button when opened. (Without this genie effect, it's harder for the user to keep track of how to reopen the dialog box.) Right now, I can do this, sort of, by setting the "show" and "hide" effects to "scale". What's missing, is that the "scale" effect
JQueryUI downloader screwed up
Hi - it is the morning of Fri March 27th and the auto-config JQueryUI downloader is not functioning properly. Thanks.
jquery functions having no effect?
Hi, I've run into a problem where it seems that when I call certain jquery functions nothing happens. Both for plugins and jquery-ui. An example can be seen on http://test.hestar.dk. When clicking the "Log på" button a dialog is supposed to slide down, but only the overlay is shown. Another example can be seen on http://test.hestar.dk/annoncer.action where I attampt to make an accordion from some divs. A bit of styling is applied, but not an accordion. I also tried using jqDock for the dock effect
Dialog close challenge
I posted this before, I thought to this list... but it isn't showing up for some reason... I have a dialog that I need to initiate one function call when clicking on the 'X' or 'Cancel' buttons, and a different call when closing the dialog with javascript. I can figure out easily how to all do the same function (with close event) or have the Cancel button execute the function, but not the 'X'. How can I call a function when the X is clicked to close the dialog, but not when I close it with javascript?
Closing the dialog question.
I want to initiate one closing action if the user clicks a cancel button or the 'X' and another when it is closed programmatically. I can easily do this with the cancel button, but am not sure how to override the 'X' action and if I put it in the 'close' event for the dialog it always executes even when using javascript to close it. Any advice would be appreciated, thanks! Josh Powell
how to use ui.position, ui.offset and ui.helper
here is my code <html> <head> <title>gallery</title> <script type="text/javascript" src="jquery-1.3.2.min.js"></script> <script type="text/javascript" src="jquery-ui-1.7.1.custom.min.js"></ script> <script type="text/javascript" src="jquery.json-1.3.js"></script> <script type="text/javascript" src="jquery.uploadify.js"></script> <link rel="stylesheet" href="cupertino/jquery-ui-1.7.1.custom.css" type="text/css" media="screen" /> <script type="text/javascript"> function getparams(s){ a = s.match(/[^&?=]*=[^&?=]*/g);
changing a theme once it's been downloaded
I've made a custom theme and downloaded it. Now I want to be able change some of the parameters, and/or add more controls, and I have already closed the browser window. I may have missed it, but is there a mechanism for this? I see that the URL dynamically changes as you make changes to the settings, but it would be nice if a URL shortcut file was added to the download package, so one could simply open it to get back to the theme roller page with all of the current settings. Sorry if this has already
Selectable and click-events on childnodes in Firefox 3.0
With jQuery UI 1.7.1 and jQuery 1.3.2, I still have the problem to work with click-events. HTML: <html> </head> <link type="text/css" rel="stylesheet" href="css/jquery-ui- themes-1.7.1/base/ui.all.css"></link> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.7.1.min.js"></ script> <style type="text/css"> #contacts {list-style:none;width:260px;} #contacts li {margin-bottom:5px; background-color:silver;} #contacts .ui-selectee
OnMouseDown = create draggable, OnMouseUp = create droppable
Hello, I am creating a website that must have hundred's of drag- and droppables, so for performance purposes I want to enable a Draggable on the mouseDown event (partially working) and a Droppable on the mouseUp event or something. So that they don't have to be created at once. <b>Question 1): </b> As my title suggest, I want a draggable on the OnMouseDown event. This is already working: <i>function createDrag(id){ $("#"+id).draggable(); } <div id="draggable" onMouseDown="createDrag('draggable');">Drag
DatePicker: How to make the days in the next month be selectable
Hi, I've set my Datepicker with: showOtherMonths: true. But the days of the next/prev month are not selectable. Is there a way to enable them? Thanks.
Selectable and click-events on childnodes in Firefox 3.0
I'm having a problem with selectable in Firefox. When I set selectable to an element, I lose lose all the click and doubleclick events on childnodes. Testcase to resemble my situation: http://pastebin.com/m5d9fe732 Online: http://since85.be/test/test.html This works well on Opera and even on IE but not on Firefox 3.0.
Drop Shadow not working in theme
Hi list, I'm a relative newbie to jQueryUI (used it just in one project). To put it short, I used the ThemeRoller to customize the theme "smoothness" by changing the drop shadow colour to green. I am using the Dialog widget and I need a modal dialog with overlay and drop shadow effects. I downloaded the theme and used it in my program. The overlay effect does work, the "drop shadow" does not. In the demo file downloaded with the library ("jQuery UI Example Page") the section "overlay and shadow classes"
jQuery UI tab slide and fade effect
Is this achievable? i have a tab page like this... <div id="tabs"> <ul> <li><a href="#tab-1">tab 1</a></li> <li><a href="#tab-2">tab 2</a></li> <ul> <div id="tab-1">xxx</div> <div id="tab-2">xxx</div> I've tried this function $('#tabs').tabs({ fxSlide: true, fxFade: true, fxSpeed: 'normal' }); but that only makes it switch between tabs with no effects at all. i like it to fadeOut/slideDown on clicking on another tab.
Dialog shadow is disappeared on UI 1.7.1
I found the shadow behind dialog is removed on UI v1.7.1. It does look good. Don't know why 1.7 won't support it. And the opacity property on modal type seems have been removed. So the background opacity may not be adjustable?
Newbie: datepicker API problems
Hi. I'm a new user of jQuery and of JS in general. I'm trying to modify a script I found, for a different jQuery-based calendar widget, here: http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/datePickerIntoSelects.html The basic idea is that I have a hidden field #date_pick on which hangs a button for a datepicker; I have three select fields, for day, month, and year, and I want any changes I make to the datepicker to be reflected in these fields. Conversely, I want any changes made to these
validation using datepicker maxdate
hello people, i'm quite new to jquery, i did a lot of RTFM, still i wasn't able to figure out if it's possible to make a validation rule (using Jörn Zaefferer validation plugin) on a date field using the boundaries provided by the minDate and maxDate options used by jquery UI datepicker. what makes me want this, is that even if the calendar can only be clicked on the valid dates, a user could still enter a date manually out the range, and won't get any validation error. i thought about writing a
Still missing menu?
I can see archived discussions of a planned addition to UI that would include standard menu functionality. Posts in this group last fall alluded to a probably December inclusion for the menu, but it seems to be absent yet. Any update on that? It seems to surprise everyone that it doesn't exist. I don't mean to sound impatient or ungrateful--it would just be helpful for me to set accurate expectations with managers etc so I can talk them out of their ExtJS love affair. Thanks...
UI-Sortable classes
I am wanting to use UI-Sortable/draggable lists on a number of pages with different styles. When I drag a list item to another list, the ui-sortable class is added to the dragged item. This limits to a single style for the list item, which really doesn't work for me. Is there a way to have the dragged item have its own stylesheet class?
remember image order when using sortables
Hello. I use sortables and it works fine. But I need the system to remember the order of my images. The catch is that it is the image names I need to save + their order: <ul id="sortable"> <li class="ui-state-default"><img src="images/pic1.jpg" class="sortableitem" /></li> <li class="ui-state-default"><img src="images/pic2.jpg" class="sortableitem" /></li> <li class="ui-state-default"><img src="images/pic3.jpg" class="sortableitem" /></li> </ul>
Item drop zone when connecting lists through tabs
When connecting sortable lists through the tab widget like in this demo... http://jqueryui.com/demos/sortable/connect-lists-through-tabs.html ...the interaction is a little strange if the list item is set at 100% width. The only way to drop it on the tab is to 'grab' the very center of the list item and move it over the tab. If you drag the list item from the far left or right side it is very awkward to try to get the center of the list item to hover over a tab. Is there a way to have the position
Tabs cookie "name" problem
Hi folks, I'm using UI 1.7.1 and I tried to make use of the new cookie "name" option, but when I do the act of clicking on a tab makes the page scroll down like it's going to a named anchor. When I back this change out and go back to my old tab/cookie code the behavior returns to normal (no scroll on switching tabs). This behavior is bizarre enough that I assume the problem is with my code, but so far I haven't been able to run it down, so thought I'd mention it in case anybody else has run into
JQuery UI accordion with IE7, FF3 funkiness
Hi all, new to jQuery. Trying get Accordion to work proplerly in IE and FF. IE7, the content tabs get consecutively smaller on each mouse over eventually shrinking to nothing! In FF, the content boxes resize in width and then return to normal size by a few pixels making the whole container wiggle on animation. I have no idea what is going on. Any pointers?
Ajax Tabs Not Adjusting Height?
Hi folks, Another small issue with my recent upgrade to UI 1.7.1. I have some Ajax tabs that, once they load, contain tables of varying size. The tab container does not seem to expand to accommodate the height of the table, so the border around the tab dives behind the table. Screenshot here, arrows pointing out the issue: http://www.biancolo.com/jim/tabs_border.jpg I'm currently working around this with this code: $('#tabs').bind('tabsshow', function(event, ui) { var list = $('.recipient_list',
Sortables no longer working with droppables in jQ UI 1.7?
I've got a trashcan droppable where dropping a sortable on it would append it to the trashcan's items but for some reason this no longer works with 1.3.2 and jQuery UI 1.7. The object seems to be passed correctly to my trashcan.trash(trashableobject) function but it cannot be appended to the trashcan items, instead the sortable reverts back to its original location. If I make the sortable into a draggable instead it works but since I need it to be sortable. Any reason why this no longer works? It
NEWS: jQuery UI 1.6rc2.6 released
The legacy preview release, jQuery UI 1.6rc2.6, is ready for download and testing. See <a href="http://blog.jqueryui.com/2009/03/jquery-ui-16rc26/">http://blog.jqueryui.com/2009/03/jquery-ui-16rc26/</a> Development bundle: <a href="http://jquery-ui.googlecode.com/files/jquery.ui-1.6rc2.6.zip">http://jquery-ui.googlecode.com/files/jquery.ui-1.6rc2.6.zip</a> Svn: <a href="http://jquery-ui.googlecode.com/svn/tags/1.6rc2.6/">http://jquery-ui.googlecode.com/svn/tags/1.6rc2.6/</a> Please file any issues
DatePicker: How to highlight a range of dates
Hi, I have startDate, endDate. How can I highlight the range of dates in the Datepicker? thanks
"load.tabs" Help-me, please!
In the documentation says to get the url for a tab is used the "load.tabs. http://jqueryui.com/demos/tabs/#...open_a_tab_in_a_new_window_instead How to use this in the simplified code to get the "load.tabs" the tab index of 0? I did the tests: var test = $("# tabs").tabs().data("load.tabs"); alert (test); Other tests (var test): $("tabs").tabs().eq [0].date("load.tabs"); $("tabs").tabs().date(ui.tab, "load.tabs"); ... Several, but none worked. If you call this function within the select event, normalment
Next Page