modal window demo/example
Hi, I am looking for a demo/example of how to create a jQuery popup window with an editable, resizable, pre-populated textarea in it and yes/no buttons, similar to this one. http://interface.eyecon.ro/demos/windows.html Thanks for any help!
Dialog not working with jui 1.6rc5 and jq 1.3: $[namespace][name] is not a constructor
With this HTML markup: <div title="Dialogo hola" id="dialogo">Hola </div> And this js code (it doesn't matter where do I place it, it throws the same error): $('#dialogo').dialog(); I get: $[namespace][name] is not a constructor jquery-ui-personalized-1.6rc5.js Line 272 Line 272 is: $.data(this, name, new $[namespace][name](this, options))); Any help is appreciated.
[ui accordion] alwaysOpen option for nested lists
Hi, Does anybody know how to get a collapsed nested accordion when it is first shown? From http://ui.jquery.com/demos/accordion#collapsible one would assume "alwaysOpen: false" however that is not enough when there are nested accordions. See the example below (borrowed from a previous post in this forum with a little change). I would like to have *all* items collapsed when the page is loaded but the first outer element gets expanded as soon as the page gets loaded. An extra thing to note is that
form not into a dialog
jquery-1.3 + ui-jquery-1.6rc5 This code run perfectly with FF: $("#creerDialog").dialog( { autoOpen:false, width: 415, height: 280, position:"center", title:"création d'un résident", resizable:false, buttons: { "Sauver":function(){creation();$(this).dialog ('close')}, "Effacer":function(){$("#form1").each(function() {this.reset();})} } }); <div id='creerDialog' style="display:none" > <form action='' id='form1' > ... </form> </div> But with IE7 the form part is not displayed into the dialog window
Question about Dialog: can you disable the esc key?
Hi - I'm somewhat new to jQuery and am fiddling with the UI library. I need a modal dialogue that has the escape disabled, or at least the ability to perform a function if the user hits the escape key (like send them to another page). Is this the right list to be on to do that?
jquery ui tabs take FOREVER to load
In certain parts of my site, the tabs take forever to load - in others they load quickly. Odd thing is, Imusing almost the same code to extract data - just extracting different data. The link to the site is below - it's almost like the css is not being applied right away - ?? If you click on Game Schedule, you'll see the tabs quickly, but if you click on Chain Crew, it takes a long time before the tabs look right. Can anyone figure out what's going on? I'm calling the tabs the exact same way on each
Dialog.modal not working Mozilla and IE 6.0
Hello Guys, Following is the code I am running <span style="background-color: rgb(255, 255, 102);">$('#ruleBox').dialog({</span><br style="background-color: rgb(255, 255, 102);"><span style="background-color: rgb(255, 255, 102);"> title:'Exceptions',</span><br style="background-color: rgb(255, 255, 102);"> <span style="background-color: rgb(255, 255, 102);"> <span style="background-color: rgb(255, 204, 255);"></span> modal:true,</span><br style="background-color: rgb(255,
Fields edition of modal dialog
jquery-1.3 + ui-jquery-1.6rc5 With this code I can edit my fields: $("#creerDialog").dialog( { autoOpen:false, width: 415, height: 280, position:"center", title:"création d'un résident", resizable:false, buttons: { "Sauver":function(){creation();$(this).dialog ('close')}, "Effacer":function(){$("#form1").each(function() {this.reset();})} } }); With this one I cannot ! WHY ? $("#creerDialog").dialog( { modal:true, autoOpen:false, width: 415, height: 280, position:"center", title:"création d'un résident",
What Does jQuery UI Recommend for Rounded Corners on FF2/IE7 ?
I notice that ThemeRoller (http://ui.jquery.com/ themeroller#themeGallery) has rounded corners even on browsers that don't support the CSS3 border-radius property, like Firefox 2. What do I need to download or include in my jQuery UI custom install, so that my site can do the same thing? Thanks very much in advance to all for any info. -Vik
1.6 Google site question
Quick 1.6 question. I'm not using all of the parts of UI, so I'm wondering if, when it's released and on the Google Ajax API site, will I be able to pull the pieces I need? So, I can grab ui-core.js, and ui-tabs.js, etc? I guess I'd rather not get everything if I don't need it. Of course, the way it's worked, I would only need to get it once, and then it would be cached, so maybe it's a moot point.
Load tab content into same div
Is it possible to have each tab use the same div for the content but have the tab url different? I want to trap the tab selected, select it and have the contents of the content div cleared and repopulated.
Datepicker beforeShowDay firefox, no IE
I have a datepicker working selectively allowing me to display dates from an archive of when content was available. It works perfectly in Firefox, Safari, Chrome using befoerShowDay, but it does not display in IE: <script type="text/javascript"> $(function() { $("#datepicker").datepicker({ beforeShowDay: nationalDays}) natDays = [[1, 22, 109, 'us'], [1, 21, 109, 'us']]; <!-- I'm actually using PHP to echo the available days from a database the above is just an example */ --> function
Attributes for a Tab
Is there any way I can add a tab programatically to the list that has attributes? Currently I use $(".selector").tabs("add", "#div", "Title"); and there is no way to add an attribute to the tab directly. I want to be able to get an attribute when the "select" function is called. Thank you, Nick
Can I create a blog system in Jquery?
Hello, I am very new to JQuery and I was wondering if it was possible to create a blog system in JQuery? Please help me. Thanks
UI Dialog show
Hello, I was just wondering if the show effects for dialog are going to be "tweaked" in the 1.6 relase. I noticed some funny behavior when using clip, fold and a few of the other UI effects with the show option. I can put together a little test page later today if you like... Thanks.
Theme Roller CSS Sprites
For the next themeroller update you should make it so that the icons are all on one image an use css sprites to handle them it would make loading the images much faster since there are so many. Just a suggestion thought it might help Jorge Fernanadez
How To use Grid in Jquery
Hi, I am a begineer to JQuery.I need to make a UI in which In which I have to show a lot of data. Please suggest me which type of grid Jquery Plug-in I should use for this. Regards, Himanshu Singh
slider bugs
For some reason the bugtracker doesn't work at the moment so, I'll write here. UI: 1.6rc5 | jQuery: 1.3.1 When in ranged mode the change callback is called everytime when one of the handle moves (exactly as the slide callback). If range is false it works fine. moveTo doesn't seems to work at all (maybe I'm doing something wrong). For example this doesn't do anything: $("#slider").slider("moveTo", 200, 0, true/false );
How to center a title ?
Hi, I am using the standard ui-dialog plugin (jquery-ui- personalized-1.6rc5.js). How can I center the title in this code ? $("#createDialog").dialog( { width: 415, height: 280, position:"center", title:"creation", resizable:false, buttons: { "Save":function(){creation();}, "Clearr":function(){$("#form1").each(function(){this.reset ();})} } } );
Gallery Themeroller download
Hi, Do you know how to download the full gallery of themes of the ThemeRoller ? I mean in one operation, not one by one.
DatePicker with many language
hi all, I implement datepicker for calendar event to day, but i get problem in mouseover in each day? how i can make own function to handle mouse over in each day? ~ saiful haqqi ~
Blind Effect
I'm trying to use the blind effect, but I want the item to start hidden. I cannot make it work. As close as I've come is to trigger hide () on document ready, but you can still see the menu before it disappears. So I tried setting visibility to hidden with both a style sheet and a style attribute, then setting visibility back to visible in the call back function. If I do that, however, that animation doesn't happen.The callback function does fire, but it re-displays visible. I've tried several combination
Accordion - HREF access to an individual element?
Hi, This is probably a stupid question... but I can't seem to find the answer: is it possible to create a link on one page that links to an accordion on another page, triggering a specific element of the accordion to be opened when the page loads? Thanks, - John
Inconsistent Results between Firefox and IE using DatePicker
I have a page with a datepicker input. Just below the datepicker is a flash object. In IE, the datepicker comes up just fine, on top of the flash object. However, in Firefox, the datepicker comes up under the flash object, making it impossible to select a date. In the datepicker.css file, I have set the z-index above anything else on the page... #ui-datepicker-div { display: none; border: 1px solid #217bc0; /* Border around the date picker */ z-index: 9999; /*must have*/ } Any ideas why
Inconsistent Datepicker results between Firefox and IE
I have a page that has a jQuery/UI Datepicker. Just below the date picker is a flash object. In IE, the datepicker comes up fine, overlaying the flash object. However, in Firefox, the datepicker window goes under the flash object, so you can't actually select a date. In the datepicker.css file I am using, I have the z-index set higher than anything else on the page... #ui-datepicker-div { display: none; border: 1px solid #217bc0; /* Border around the date picker */ z-index: 9999; /*must
Datepicker launched from a dialog does not move when dialog moves
If a Datepicker is connected to a text field in a Dialog, then in addition to the problem of it showing up behind the dialog, it does not move when the dialog moves (if the dialog is draggable).
tab's label text not activating tab
hi guys, pretty new to jquery and jquery ui, just trying out a lot of different things. Ive managed to get some tabs displaying nice, but in both Opera9.63 and FF3, when you mouse over the label text in the tab headers, the cursor changes to the text selector, and clicking won't change the tab - instead, you have to click around it. clicking on the text doesnt do anything so functionally it's slightly different to the tabs as seen on the demo page, where the entire tab heading is clickable. am I
Problem with dialog styling - ui-widget-header class never created
Hi All, I'm using the latest Google-hosted versions of jQuery: 1.3.0 with jQueryUI 1.5.3. When I download the 1.5-compatible theme from Themeroller, all of the interesting styles for dialog boxes appear to be in ui.theme.css under classes like "ui-widget-content" and "ui-widget-header". And, in the themeroller demo, the dialog box has that class applied. So it looks good. When I create a new dialog, I get no such classes inserted. I get all of the "ui-dialog-..." classes, but none of the "ui-widget-..."
Running jQuery code on tab select, doesn't work for 1st tab on page load
Hi guys I posted on here a few days ago about wanting to run some JS when a tab is selected. But the code I'm using only works when the tab is changed. // TABS BAR $('#tabs').tabs({ select: function(event, ui) { switch (ui.index) { case 0: // CONTACTS TAB $('#contacts_grid').flexigrid(); break; case 4: // INVOICES TAB $('#invoices_grid').flexigrid(); break; } } }); When the page loads, the 1st tab is selected but the jQuery call to flexigrid in case 0 above obviously doesn't fire. Also I have implemented
data grids - part of UI when?
Hello, in looking at the docs: http://docs.jquery.com/UI/Roadmap I see that datagrids are not scheduled till 1.7 and are tentative... When is 1.7 roadmapped for release (I know 1.6 is not yet released)....
Looking for useful articles, links, tutorials and more for the Support page
Hi all - I'm working on the jQuery UI site re-vamp and we want to have a lot more useful info on the support page: http://ui.jquery.com/support I have info on the google group and IRC channel and twitter accounts but I'd like to list on this page: - jQuery and jQuery UI books (include future titles) - Popular articles (Smashing mag, Nettuts, etc.) - Getting started/Tutorial/Intro articles and sites - Other popular UI widget plugins? Existing tree, grid, etc. - hand pick some good ones What web resources
Dialog - Content loaded via AJAX
Hey All, I have been trying to find out and see if the UI Dialog can load content via AJAX. I am trying to have my edit content page pop up and within that page I am using an edit in place plugin for jQuery. Do you know if the UI Dialog can achieve this? Thanks, Ryan
Accordion, with ajax and cookies
Hi everyone Just been eyeing up the Accordion widget here and think it could be useful for a project. Just wondering, has anyone successfully combined the Accordion with loading the content through Ajax, and also using the cookie plugin to remember which "tab" was last opened? With my level of jQuery experience though I think it is beyond me at the moment! Cheers, B
Sortable Flash Embed in FireFox
Hi all, I have a very peculiar problem that I have narrowed down to a certain point. I would appreciate any advice on it. ONLY in FireFox. ONLY when using AC_FL_RunContent When I use a sortable and drop, it refreshes the page to only show the object I dropped. It's as if it's dropping before the document tags and screwing up everything else. I have tried containment:parent and that makes thing very strange. JS: jQuery('#charts').sortable({ cursor:'move' ,axis:'y' ,items:'li' //,containment:'parent'
Dialog: position relative
Hello, This has already been discussed here but as far as I know there was no positive answer. So I would like to ask again if it is already possible to open a dialog centered relative to some element (say a div) instead of window. Cheers.
how to call JQuery functions in html
<div>Hi All,</div> <div> </div> <div>Could you please tell me how to call JQuery functions in html?</div> <div> </div> <div> </div> <div> Rgds,</div> <div>Simth.</div>
Tryout the demo didn't work
I'l like to know what did I make wrong in here: http://ttbugreport.2kool4u.net/form.php I can't make this work. The included file is in the scripts/file.
Understanding themes
Hmm, I'm confused about the themes. I' already made themes from theme roller for 1.6 to work with jui 1.6r5 and jquery 1.3. But now I have a doubt: which files do I need to include? Currently I'm including core, theme and the widget specific css file, but the problem is that the last CSS loaded seems to apply the theme to all the widgets, whatever they are. Is it possible to have, lets say, a datepicker with the dotluv theme and a slider with the redmond theme?, or the theme will be globally applied
Reg Jquery sites
Hi All, I am new to JQuery. Can you please Provide me some good sites for JQuery implementation. Rgds, Smith.
slider not returning value in ui.value
I am using http://www.filamentgroup.com/lab/update_jquery_ui_16_slider_from_a_select_element/ However, when using the stop or change event, the slider does not hold the ui.value. When using the slide event it does have it, but the slide event is already used by the filament group code (to update the select element), and I don't want to mess with that. My code is very straightforward $(function(){ var opts = {labels:10, tooltip:false, sliderOptions: {stop:function (e, ui) { console.log(ui.value);
Next Page