Problems with dialog confirm function
Hello, I developed a confirm script with jQuery UI and I thought everything was fine until I noticed it only sent one result all the time: $(function(){ $('#dialog').dialog({ autoOpen: false, bgiframe: true, resizable: true, modal: true, buttons: { 'Cancelar': function(){ $(this).dialog('close'); }, 'Continuar': function(){ window.location= $('.confirmador').attr('href'); }
Tabs: button on a form on a tab.
The technique described below (see Code for Tab Page:) is used to load aspx pages (forms) in individual tabs. Each form has a Save button which leads to a function that will Update the underlying database with changes on the form. Each Save button uses the same technique as the Close button on the Page containing the Tab Structure (see Code for Form Page: below). The close button on the page containing the tab structure leads to the CloseProcess() function but the Save buttons on the forms do not
Styling without JavaScript
Hi there, In the jQuery UI examples, initial HTML is written without CSS classes. An accordion, for example is plainly: <div id="myaccordion"> <h3>Heading</h3> <div> some content</div> </div> When you make it an accordion with: $('#myaccordion").accordion(), the JavaScript adorns it with jQuery UI standard classes, which you can refer to in CSS. But what happens if the person has JavaScript turned off? Then you also, by implication lose all the accordion and themed styles? Regards - Iwan
UI Tabs
Hi I'm working with the ui.tabs code from jQuery (http:// docs.jquery.com/UI/API/1.7.1/Tabs). I want to create a tab with a link for refreshing another tab without viewing it. So i have a parenttab and a child tab. The child tab is opened by the parent. The child tab knows its parenttab by it's divID. I have the following working code (BUT it first selects the parent tab, reloads its content and then switch back to the childtab. The problem is I don't want to switch the tabs and instant reload the
Messed up jqueryui site -- 404's and oriental writing!
Just been to the jQueryUI site to find 404 errors on anything other than the homepage, and oriental writing! Whats going on?!?! Screenshot: http://img291.imageshack.us/my.php?image=firefoxscreensnapz001.jpg
Auto-focus on dialog elements
I dug through some of the documentation, but I can't seem to figure out how to stop the dialog from auto-focusing on any element. Is there a way to prevent that from happening? On the flip side, is there also a way to specify what I wanted focused first? I did look at the Events portion of the documentation but it doesn't seem to click in my head for some reason. Thanks!
dialog triggering mouseleave
I am using a jQuery UI dialog (modal: true), which works fine. The div from which the the user opens the dialog has a mouseleave event bound to it. When the dialog opens, the mouseleave event on that div instantly gets triggered (in FF 3.0.10). (and I don't want that to happen, but I do want a modal dialog) Questions: 1. Is the dialog triggering this event, or is this the DOM-standard way of reacting the addition of the 'ui-widget-overlay' div? 2. Any smart way to prevent the event trigger (other
Different versions of a themerolled js file not working the same...
OK so I downloaded an accordion-only jquery/themeroller, and got it working nice and sexy. Then I downloaded the same theme, except the whole package, because i wanted to use tabs and some effects and some other stuff. When I point my javascript to the new jquery file that I downloaded, the accordion stops working. I tried copy/pasting the code from the accordion-only JS file into the full UI JS file, same problem. Any ideas?
IE6 content hidden in accordion UI1.7
The content contained inside my accordion panels is not visible in IE6. More accurately, it is visible briefly when the panel is opening and again when it is closing, but is invisible when the panel is open. Actually, plain text is visible - like labels for input fields in a form - but any textfields, textareas and submit buttons are not visible, and neither are any hyperlinks. Does anyone know about this and what can be done, if anything, to fix it? I should say that I'm using jQuery 1.3.1 and jQueryUI
UI Start
Hi, I'm wondering what happened to the UI Start Theme? I really liked that one but it seems to have been left out of the UI 1.72 themes. Was this overlooked or by design? Thanks, Nikola
jQuery UI Datepicker problem
Hi there, I am actually having a quite odd problem with the jQuery Datepicker... I've been using this datepicker for almost a year in more than 15 Java/ J2EE application, but right now I have the following problem : jQuery doesn't want to load multiple instances in the same HTML form. For example, I have two dates (so two input text field with different names): Start date and End date. <input type="text" name="strDateFrom" size="10" value="" id="datepicker" class="textbox"> <input type="text" name="strDateTo"
jquery datepicker icon trigger don't work with IE7
Hi jqueryUI comunity! I'm using the current jq-datepicker with i18n support. The code I use: script type="text/javascript"> $(function() { $.datepicker.setDefaults($.extend({changeMonth: true, changeYear: true, showOn: 'button', buttonImage: '/images/ calendar_16x16.png', buttonImageOnly: true, }, $.datepicker.regional[''])); $("#datepicker").datepicker($.datepicker.regional ['de']); }); </script> The problem is, that in firefox 3.0 the icon trigger works, <input class="hasDatepicker"
Datepicker + beforeShowDay + onChangeMonthYear + ajax get
Hi, I tried almost all but I cannot get this to work. The situation is that I have an inline datepicker. On the right of it, I print a list of events recurring during the selected month/year, and the days are highlighted using the beforeShowDay feature. When the user change month, the onChangeMonthYear function is called that it's supposed to get via ajax a new list of events for the newly selected month and a new list (eg "[1,5,...,28]") of specialDays to be used in beforeShowDay. I cant get this
Tick Marks for Slider
Hello all, javascript/jquery noob here. Is there a simple way to put tic marks onto the jquery slider, so that it is similar to the YUI one? (link: http://developer.yahoo.com/yui/examples/slider/slider-ticks.html) I would prefer not to use two libraries on this page, and jQuery is perfect for everything else I am doing. Thanks
Slider setting values after init
Hi everyone, I'm working on a user interface and I want to use the slider from jQuery.ui. Here is what I'm trying to make: When someone loads the page, they see one slider with two handles and they have the option to add more sliders below by clicking on a button. All these sliders can have different values and can be saved in a database. When they are saved and you return to the page, the sliders need to be set on the saved values. I'm now working on a test page where I have two sliders which are
Having trouble posting
I tried to post a message yesterday and again today, but my message never appears on the board. Can anyone tell me why that is?
Problem with dialog - size changes when dragging
Hi, when I move my dialog box, the first time I release it grows about 10px. It happens, of course, in IE. To be exact, the bar with buttons grows. Did anybody came across something like this? Thanks Paweł
Is downloading of custom theme 1.7+ fixed?
I'v see that downloading of custom theme (broken zip-archive) fixed. http://dev.jqueryui.com/ticket/4431 But when I try to generate http://jqueryui.com/download/?themeParams=%3FffDefault%3DVerdana%252CArial%252Csans-serif%26fwDefault%3Dnormal%26fsDefault%3D1.2em%26cornerRadius%3D6px%26bgColorHeader%3D678fca%26bgTextureHeader%3D21_glow_ball.png%26bgImgOpacityHeader%3D75%26borderColorHeader%3D808080%26fcHeader%3D222222%26iconColorHeader%3D580e0e%26bgColorContent%3Dffffff%26bgTextureContent%3D01_flat.png%26bgImgOpacityContent%3D75%26borderColorContent%3D808080%26fcContent%3D22222%26iconColorContent%3D0d0c0c%26bgColorDefault%3D678fca%26bgTextureDefault%3D21_glow_ball.png%26bgImgOpacityDefault%3D75%26borderColorDefault%3D7c81d0%26fcDefault%3D3b3b3b%26iconColorDefault%3D3b3b3b%26bgColorHover%3D2e5484%26bgTextureHover%3D21_glow_ball.png%26bgImgOpacityHover%3D75%26borderColorHover%3D65699a%26fcHover%3Dffffff%26iconColorHover%3Dffffff%26bgColorActive%3Dffffff%26bgTextureActive%3D02_glass.png%26bgImgOpacityActive%3D65%26borderColorActive%3Daaaaaa%26fcActive%3D212121%26iconColorActive%3D454545%26bgColorHighlight%3Dfbf9ee%26bgTextureHighlight%3D02_glass.png%26bgImgOpacityHighlight%3D55%26borderColorHighlight%3Dfcefa1%26fcHighlight%3D363636%26iconColorHighlight%3D2e83ff%26bgColorError%3Dfef1ec%26bgTextureError%3D05_inset_soft.png%26bgImgOpacityError%3D95%26borderColorError%3Dcd0a0a%26fcError%3Dcd0a0a%26iconColorError%3Dcd0a0a%26bgColorOverlay%3Dc8b8d5%26bgTextureOverlay%3D01_flat.png%26bgImgOpacityOverlay%3D0%26opacityOverlay%3D30%26bgColorShadow%3Daaaaa%26bgTextureShadow%3D01_flat.png%26bgImgOpacityShadow%3D20%26opacityShadow%3D30%26thicknessShadow%3D8px%26offsetTopShadow%3D-8px%26offsetLeftShadow%3D-8px%26cornerRadiusShadow%3D8px
dialog plugin - secure web logon
<html><head><style type="text/css"><!-- DIV {margin:0px;} --></style></head><body><div style="font-family:times new roman,new york,times,serif;font-size:12pt"><div><div style="font-family: times new roman,new york,times,serif; font-size: 12pt;"><div>Hi I am using the Dialog jQuery UI plugin. One of the examples is using the Dialog for a logon box. Is there anyway to do secure web ( ie https) logon using the Dialog plugin? I would like users to be able to log onto my site without taking them to another
IE 7 UI Issues
Hello, I am new to this post, fairly new to using JQuery, not at all new to web development..(let me make that clear ;) ) .... I have a question and am seeking some advice and help from more experienced JQuery users on this group. If you view http://organicumdesign.com/getty_calendar/create_event_2.html , in IE 7 you will obviously see a mess, due to a div that is appearing on top of the main content of the page .... However, I only know of this error from checking on machines running IE 7 , in IE
Autocomplete plugin, how to use formatMatch option
Hi everyone I'm working on a company name autocomplete on our intranet DB But as the user types the company, I'd really like to also show the town/country but not have them matched From the brief description here... http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions it looks like I need the formatMatch option but I can't work out how to use it. I'm basing my solution on the Single Birds remote example here http://view.jquery.com/trunk/plugins/autocomplete/demo/ I output my
sortable <div>'s
Hello All, I am at the moment working on sortable <div>'s, that's because the stuff I want to be sortable is between loads of <tr> <table>'s and such, and it is 2 times. 1 for the title and one for the block itself. So to make it easy for me I wanted to to some <div>'s around it. I already included all the stuff needed and made some #sortable thingie for it, but it still doesn't work. This is the code: <script type="text/javascript" src="/skins/effect/ jquery-1.3.2.min.js"></script> <script type="text/javascript"
drag and drop portlet system based on DotNetNuke
Hi Just wanna show of our portal system based on DotNetNuke jQuery and jQueryUI We took the sortable example and modified it with up down movement animation slide into place smooth animation drag to delete and click to delete restore functionality Inspiration was the bbc.co.uk site http://www.2dnn.com/DragnDrop/tabid/128/Default.aspx
Autocomplete plugin, get different data to that entered
Hi everyone Been experimenting with the autocomplete plugin (http:// docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions) Couldn't wait until it was incorporated into jQuery UI ;) What I'm trying to achieve is to use the box to search for a company, but actually to get hold of the company ID then save that into my database. At the moment users have to look up the company_id manually and enter it into a field, which is totally stupid these days! I've been using the Single Bird (remote)
Widget Factory: Number in collection and current number
So I'm trying to use the widget factory for a plugin I am writing, but need access to two things that I can't find. 1) A count of how many items are in the collection 2) What item I am on (number). How would I find these items? In a regular jQuery plugin I can get the number before I go into the "return this.each(function(i){..." and then use the "i" in that example to get the current number. Are these available when iniside the _init of the widget factory? Thanks
Restricting selection to a specific day of the week.
I would like to have the datepicker restrict selection to a specific day of the week. Looking at the UI docs, nothing jumps out at me as an obvious way to do this. I am pretty sure this can be done but I am new to jQuery, so I need some help getting started. Thanks
Flicker in accordion
I noticed an annoying flicker on the accordion widget, using ths all- in-one UI Bundle: <script type="text/javascript" src="lib/js/jquery- ui-1.7.2.custom.min.js"></script> The flicker can be noticed when changing the Tabs. It seems for a millisec. all tab are displayed. The animation looks very jerky in ALL browsers. when I run the demos with the development bundle <script type="text/javascript" src="development-bundle/ui/ ui.core.js"></script> <script type="text/javascript" src="development-bundle/ui/
Accordion: disable certain headers?
I'm trying to set up the Accordion widget and use it as a navigation menu and it looks and works great. However, some of my headers don't have any sub-content (se the first header in the sample code below), so I'm wondering if there's a way to disable expanding of the empty sub-content on some elements and have them follow the href instead. Here's the code: $("#foo").accordion({ autoHeight: false }); <div id="foo"> <h3><a href="/">Home</a></h3> <div></div> <h3 id="mm2"><a href="/page.php?p=140&m=2">Header
Problem opening 2 dialogs
Hello community, I have the following problem I have page with 2 dialogs, lets call'em dlg1 and dlg2, I open the second dialog(dlg2) from my first dialog (dlg1) but when I close the second dialog (dlg2), something really strange happens, the textbox controls inside my dlg1 are blocked (readonly) and I am no able to make any change anymore. In this link you can find this issue http://jsbin.com/ariqo Hope you can help me P.S: For reproduce this error do this: 1. Type something in the textboxes 2. Click
AWESOMENESS
The new themes are awesome! (I grabbed a zip form the SVN..) Absolutely a great job done!
jQuery UI Server Status
Hi I am using the themeswitcher referencing ui.jquery.com, noticed that the theme is gone, is the ui site down? I tried to access it directly from going to jquery.com, but no luck so my assumption is that it is. When can we expect it back to working status?
Sortable position help
Hi, I'm creating a sortable list that I'm struggling with. The problem is that this list requires slightly different functionality where certain items need to stay in the same position, while items are sorted around it. For example, if i want an item in a sortable list to be anchored in the third position, it must always stay in that third position. All other sortable items must be able to sort around it. If an item below the third item gets dragged above, then whatever is in the second position
Date Picker Not Working on Popup
Hi, I have been trying to use jquery datepicker on a popup jsp. The PopUp jsp has a date field and ui.datepicker is attach to it using jquery. On clicking on the calendar image of dateopicker, I am able to see the proper calendar momentarily, but immediately after loading, the calendar popup is painted over by the html of the parent window. I am using jqmodal for popup. Some forums says about the z-index issue with either the uidatepicker / Jqmodal window. Any assistance in this regards will be appreciated.
a question on date picker
Hi there, I have a question on the datepicker. Is there any interface to define some days with special css? I'm using the plugin as a calendar for an activity module. I hope that if there is some activity one day, that day can be easily identified out due to different display. Is this possible to current datepicker? Many thanks!
2 datepicker enhancements
Two issues / enhancement requests for the datepicker: 1. datepicker currently ensures that it fits on screen, even if it covers the input it's bound to. it would be nice if it could learn to a) show below the input if there's room, or b) show above the input if there's room, or c) do what it does now. The show-above-the-input part is what's missing. 2. the current javascript that fixes up the input field allows for some bad dates (e.g., if you hit the right combo of keys, you end up with a year of,
ui.accordion navigationFilter
Hello, i am searching for a solution for my jquery navigation using the accordion plugin. All works fine, but i have a little Problem with the subnavigation. I use the following site structure. Navigation Point 1 (accordion-title) institut/ Navigation Point 2 (accordion-link) institut/overview/index.html institut/content/index.html and following sites inside this path: institut/overview/index.html - Accordion Navigation Point institut/overview/site1.html - No Accordion institut/overview/site2.html
Draggable unable to be dragged outside window in IE7
Using jQuery UI 1.7.1 (on WinXp with IE7) I've been trying to get a Draggable div to be dragged outside the window viewport in IE7, as it can be in the following browsers: Chrome 1.0.154.48, Opera 9.63, Firefox 3.0.8, Safari 4beta. In IE7 the drag gets stopped prior to the div leaving the viewport. Try in jquery-ui-1.7.1/demos/draggable/default.html dragging the Draggable left, out of the window in IE7 and then in one of the other browsers listed above. Can this be fixed?
PLEASE HELP! How to initialize size of a draggable().resizable() div?
I have posted this topic several times already and cannot seem to get any replies, so here's another attempt. I am having trouble getting a draggable().resizable() div to conform to the size of the content within it. Instead, the draggable ().resizable() child div assumes the width of the parent div (which happens to be a draggable() if that makes any difference). Then when I grab the east resize handle of the child div and move to the left, the border of the child div jumps over to where it should
drag drop manually trigger event drop
I have a normal drag drop plus an option select box, when the user clicks on a selection I would like the item to appear in the "dropped" container... so apart from the normal drag drop stuff I have added this $("#custom_draggable").draggable({ revert:'invalid', helper:'clone', cursor: 'move', scope: 'things' }); and my drop box looks like this $chosen.droppable({ scope: 'things', drop: function(event, ui) { alert("in drop ui is " + ui); addItem(ui.draggable); } });
NEWS: Custom theme download issues
Hi all - We've seen that a lot of people have been reporting issues when trying to download a custom theme from ThemeRoller. We've been able to reproduce the problem and will be looking to resolve this as soon as possible. In the meantime, you can still download with a theme gallery preset. A ticket has been created to track this issue: http://dev.jqueryui.com/ticket/4431 Thanks to everyone for their patience.
Next Page