Bug with dialog and select in opera browser
Hello, all! I've tried to install jQuery dialog (ui.dialog.js) for my web application. All was fine until i added the <select> input in my dialog. It works in firefox, but doesn't work in opera. What i mean say 'doesn't works'? I mean that i can't select any option from this select item. It's behavior became strange. And any handler for 'onchange' event doesn't called. Is it my mistake or it's a bug of the jQuery? Thanks.
Accordiont to always select the first item?
I've a problem related to my project, since accordion when I click, it shows the related sub menu (eg. in my case an <ul>), it memorizes the previous activated state of the submenu's item (in my case an <li> element). I'm wondering if there is a way to teach acccordion to always activate the first element of the submenu (deactivate the previous activated submenu and activate the first, it only consist on a css class, but I don't know what option to use or where this function is handle by the code).
Order of dialog buttons
Hi all, Is there a way to specify the ordering of buttons that appear on a dialog? The buttons are specified as an object but the order of items in an object is not guaranteed and might be ordered differently in different browsers. Ian -- ======================================= 株式会社ビープラウド イアン・ルイス 〒150-0012 東京都渋谷区広尾1-11-2アイオス広尾ビル604 email: ianmlewis@beproud.jp TEL：03-5795-2707 FAX：03-5795-2708 http://www.beproud.jp/ =======================================
Link inside panel jquery tabs
Well, Links in my panel should be loaded inside the current panel I must be doing something terribly wrong, but I really can't find what that is. I'm not really used to work with both js and ajax, so it could be something easy (sure hope so). This code I put in the head of my page: <script type="text/javascript"> $(function() { $("#tabs").tabs(); }); $('#tabs').tabs({ load: function(event, ui) { $('a', ui.panel).click(function() { $(ui.panel).load(this.href); return false; }); } }); </script>
Tabs not showing dynamically loaded content
I'm using jQuery 1.3.2 and my tabs are not always showing content when the tab panels are clicked. I have 5 tabs, 3 of which have content produced via ajax calls. When I click on 2 of the 3 dynamically produced data panels, their content is not shown. However, when I view the page source in the web browser I can see the desired html. Interestingly, when I add static code to the dynamic panel, the panel then shows all the content. For example: <div id="list" class="ui-tabs-panel"> <!-- List Tab -->
Not a valid archive from "Build Your Download" at jQUery UI
Hi, I am sorry to have to ask such a basic question, but I am having trouble with the zip files I download from the "Build Your Download" at jQuery UI - I always end up with an "invalid archive". The only way I can get a valid archive is if I use the general link at the top of the page "Quick downloads: Current (stable)", but then I am loosing out on a lot of features and themeing. What am I doing wrong, I can not imagine that the page should not work; thanks for any assistance given. Kind Regards
Ajax Tabs won't resize via Resizable
I setup two really basic pages to try to troubleshoot a problem I'm having on a much more complicated layout. http://imbunche.com/jquery/tabs/tabs.html http://imbunche.com/jquery/tabs/tabs-ajax.html On the first page I'm using the example code for UI Tabs (stripped out of the index page that comes with a full download of the latest version). All I've added is the code to make the .ui-tabs-panel (the panel beneath the tabs) resizable. It's a little bit wonky, but the handle shows up in the bottom
Sortable connectWith - Having trouble
Can someone point out what I'm doing wrong? Here's my HTML: <ul id="showPages" class="vert"> <li>Contacts (1)</li> <li>Products (2)</li> <li>Training (3)</li> <li>UI Demos (4)</li> <li>Marketing Services (5)</li> <li>Approval (6)</li> </ul> <ul id="hiddenPages" class="vert"> <li>File Swap (0)</li> <li>My Account (0)</li> </ul> My javascript: $('#showPages, #hiddenPages').sortable({connectWidth: ['.connectedSortable']}); What am I missing? This is driving me crazy!
Sortable connectWith - Having trouble
Really sorry if this shows up twice in the group, I posted it about 3 hours ago and it hasn't shown up, so I'm doing it again. I really hope two don't show up. :/ Can someone point out what I'm doing wrong? Here's my HTML: <ul id="showPages" class="vert"> <li>Contacts (1)</li> <li>Products (2)</li> <li>Training (3)</li> <li>UI Demos (4)</li> <li>Marketing Services (5)</li> <li>Approval (6)</li> </ul> <ul id="hiddenPages" class="vert"> <li>File Swap (0)</li> <li>My Account (0)</li> </ul> My javascript:
Help polishing off hide/show menu
http://www.gnomonschool.com/menu_prototype/ In the top right is a "More About Gnomon" link, which reveals a UL menu on hover. I am not a Javascript person at all really, so just getting it this far has been a struggle. I ended up just using the code from this demo: http://www.ihwy.com/labs/demos/Current/image-hover-menu.aspx It's working fine but to polish this off I need two more things- 1.) The :hover state of my #moreButton link should stay in its :hover state not when the cursor is removed from
jQuery UI Ajax Tabs + CF + IE7 = My madness!
Hi to all the group members and sorry for my English that's not so good. I have a problem with jQuery UI Ajax tabs in ColdFusion with IE7. In static HTML/CSS all works well, but when I insert in the href attribute of the a tag a link to a .cfm page, IE7 doesn't show the content of the linked page in the tab content area. In the other browsers (Chrome, Opera, FF) my script works fine. My code is: <div id="showcase"> <ul id="nav_products"> <li><a href="include/ajax/page1.cfm">Page 1</a></li> <li><a
Tracking Slider Values
Hi, I'm implementing the slider for the first time and I'm pretty new to JavaScript/jQuery. For this page there are two sliders, each with a corresponding div that displays the value for each. The range is 0-100 and are displayed in % form. The sliders and the tracking divs are working fine. My goal is to create a third div which tracks and displays the sum of the values from my two sliders. The sum needs to equal 100% for the user to move on to the next step, so this visual cue is essential. My
Datepicker showing up in the wrong place
Hi, I'm trying to incorporate the date picker to a user control in an asp.net application. The input field is within a table when I click the input box the date picker shows up at the bottom of the page as opposed to below the input box. Any ideas on how this can be resolved??? I have the same date picker working on another user control and it works fine there. - George John
Is jquery safe ?
Hi, I am using the latest version of jquery. I want to confirm that is there any sort of virus or Trojan attacks in the latest version of jquery. i have searched about it on google, but not able to find any exact answer. Please confirm me. Thanks Devesh M
Dialog not working in IE7
i noticed my dialog width fills the whole width of IE... maybe caused by setting dialog width: auto? how can i fix this?
Bug IE 6 text indent with modal dialog
Hello everybody ! I'm trying to create a modal dialog with some text inside, defined with html tag but the problem is that the end of my text is not visible; the modal window seems to be too small and I didn't manage to resize it changing the css (theme downloaded from the JQuery UI site). Have you ever had this issue? Thanks a lot :) Here is my code (I'm using IE6 + jquery-1.2.6.min + jquery- ui-1.5.3.custom.min): <%-- ui-dialog --%> <div id="dialog" title="Session inactive"> <SPAN id="dialogHour"></SPAN><BR/><BR/>Attention,
JQuery ui - $("#tabs").tabs(
Error is showing on this line. $("#tabs").tabs() is not a function. i have download the css and js files from the link and i have include that too.. Please help me to solve this problem.. its very urgent.. Advance Thanks.. //My code <html> <head> <link type="text/css" href="ui.all.css" rel="stylesheet"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="ui.core.js"></script> <script type="text/javascript" src="ui.tabs.js"></script> <script type="text/javascript"
Repositioning Datepicker
My website currently has some DatePicker controls, set up to pop up when the user clicks a datefield in the application. At the moment, the datepicker appears beneath the text field that shows the selected date, however what I would like to happen is that the datepicker appears *on top* of the text field, hiding it. I can find anything in the documentation about repositioning the datepicker, and nothing I've found via Googling seems to do what I want (the fact there seems to be 100's of datepicker
momentary transition effects hiccup
One thing I've noticed specifically with transition effects is that there is a 1/2 second or so where the markup is rendered by the browser before jQuery or css manipulates the content (we use the accordion and step carousel effects often). The examples and demos of these effects are normally light, making these hiccups less apparent. But, when implemented on site with multiple flash elements, doubleclick ads, etc. the result isn't ideal. I was wondering if anyone could offer a general approach on
Dragged image change places with destination image
Hi. Maybe a bit complex to explain. I have a grid with 9 images 100 x 100 px like this (each number symbolize a picture): 1 2 3 4 5 6 7 8 9 What I want is that the user can drag and drop e.g. 9 over 1 and they change places like this: 9 2 3 4 5 6 7 8 1 Sortables from jquery UI will not work since their solution is using floats. That will "push" all the boxes to the right or left e.g.: 9 1 2 3 4 5 6 7 8 Thanks in advance.
Load user control when dialog is opening.
Hi, How it is possible to make all the input fields empty after closing the dialog. I am using the dialog to create a contact form. I wanted the dialog to load a page and that's why in the div i placed user control and in the user control there is an iframe. From the code behind I add src attributes on the I frame. Everything works fine, except the part when i am entereing some text and closing the window. After reopening i still have the text. I tried to make postback on close, it works, but i don't
datepicker weekends and attaching to an image + contributing question
Issue 1: Perhaps I'm missing something as I edited the datepicker css with the updated ui-datepicker-week-end class, but it doesn't show up as I want. The only way I could make the weekends appear in another color is by changing the datepicker code responsible for A class selection (the line starting w/ "(unselectable ?"). Q: Is there a simple way of changing the weekends style with the default settings? Issue 2: I want to attach the datepicker to an image (default behavior - show up on click) and
Themeswitcher - add my own themes?
Hi All, I was messing around with the themeswitcher. This is a great little widget. It really helped me tweak my css to ensure that it was completely theme-able. I was wondering if there was a way to add and remove themes from the list. When demoing a site to users it would be nice to have a subset of selected themes and allow them to choose. Is there a way to add my own themes? Thanks for the great UI library and tools like this to harness it! Dave
DatePicker
Howdy folks, I'm a big fan of jQuery. And I now have a project that requires using a Calendar such as the jQuery Date Picker. I have a custom themed version up and running and have figured out how to set the min and max dates. Now I want to be able to HiLite a range, and certain dates to show availability, and also to show a range and certain dates of no availability. Available dates should have a custom color and should function when clicked on and pass the date to a form field. Non-Available dates
ui.position.left returns floating point value in Firefox
Hello all, I'm new to jQuery UI and I hope somebody can point me in the right direction. I'm having a problem in Firefox 3.0.8 when attempting to use the draggable function. If, in one of the draggable events, I evaluate ui.position.left (or top), I find that the value is not an integer, but is a floating point value. Here's a sample call from my page: $(function() { $(".dragobject").draggable({ containment: '#container', scroll: false, stop: function(e, ui) { var pos = ui.position; alert('left:
Update?
Just curious if there is any progress on the fix for this?
Hello to the group
This is my first post so hello to everyone. I am a private contractor in the uk and starting to use jquery ui (which is excellent!) with drupal. Kind regards, Chad. p.s. I was wondering if the themeroller/custom save option on the site is broken. I did look around to see if there was any mention of it and didn't see anything so I apologize if I missed it. After making a few changes in the "roll your own" section I click the "download theme" button and it goes to the next page just fine. I leave all
Sortable update
The sortable update event is not firing. I'm able to sort the content, but the sort is not being recognized. Below is my code, does anyone know what is wrong? Thanks. HTML: <div id="sortImages" class="ui-tabs-panel ui-widget-content ui-corner- bottom"> <ul style="" id="organize" class="organizable ui-sortable"> <li style="" id="51" class="organizable"><img src="Water%20lilies.jpg" class="thumbnail"></li><li style="" id="50" class="organizable"><img src="image_thumbnails.php?path="Sunset.jpg"
Internet Explorer active content warning
I am using the Tabs UI widget in a site I am designing. One odd thing is that I get the "active content" warning when I view the page in IE7. But, I don't get that warning if I go to the Tabs demo page on the jQuery site. So, I assume I am not implementing the tabs correctly in my page. They look (and word) fine once I click the option to enable them in IE7 and, of course, they look and work fine in Firefox. For clarity's sake, here is the message I recieve: To help protect your security, Internet
accordion menu with event: click, but enable click to follow links on children items
I have a simple two-level menu utilizing the accordion and want to change from event:mouseover to click as the trigger to open the drawers. The problem Im having is that this change converts ALL links in the menu, even children, to return:false and all links are disabled. I understand that the main level links cannot do 2 things, but can re-enable the children links? I investigated the navigation option and navigationFilter but cant make sense of it- is this how I would configure a filter to re-activate
[autocomplete] minchars bug
Hi, I noticed on the autocomplete module with JQ 1.3 that the minChars is'nt quite totally happy. I noticed someone posted a fix to it on the <a href="http://baasistance.de">baasistance.de</a> site in 2008 but it has'nt made it to the codebase. Maybe someone here is watching and will update? Specifically, with a local array, the minChars only works with 0 or 1. Otherwise nothing happens. This is with something like : <pre id="line296"><<span class="start-tag">script</span><span class="attribute-name">
Using jQuery datepicker with Spring MVC form control ?
Hi, Can anyone guide me on how to use jQuery datepicker widget with the spring mvc form control ? <%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %> Thanks in advance. Best Regards, Sophie
How can I freeze the title row in a table?
I have a table with lots of rows (about 80 or so) and when the page scrolls, I can't see the title row any more. How can I freeze the title row so that as I scroll down, the top stays put? Thanks!
Download zip file damaged
I've setup a custom theme on the jqueryui site, and I'm trying to download it since yesterday, but I always get a damaged zip file...is anyone experiencing the same issue?
JQuery UI tabs documentation disable method
While checking the documentation on http://jqueryui.com/demos/tabs/, on "options" tab, i noticed the "disabled" option: //setter $('.selector').tabs('option', 'disabled', [1, 2]); using this worked for me to disable certain tabs but then i was wondering how to enable them again... so i checked methods which made me end up with the following examples: Enable a disabled tab. To enable more than one tab at once reset the disabled $('#example').data('disabled.tabs', []);. Disable a tab. The selected
jQuery UI Tabs Ajax Problem on IE in CF
Hi to all and sorry for my english. I have a problem with jQuery UI Ajax tabs in ColdFusion. In static HTML/CSS all works well, but when I insert in the href attribute of the a tag a link to a .cfm page, IE7 don't show the content of the linked page. My code is: <div id="showcase"> <ul id="nav_products"> <li> include/ajax/page1.cfm Page1 </li> <li> include/ajax/page2.cfm Page2 </li> <li> include/ajax/page3.cfm Page3 </li> <li> #showcase1 Non-ajax </li> </ul> <div id="showcase1">bla bla</div></div>
multicolor tabs
Is it possible / easy to use the tabs ui with each tab having its own color?
jQuery UI - CSS not applied (wrong mime type?)
Hi there, I tried using jquery ui for my website. right now, everything works just fine at least as long as the code itself is looked at. but none of my dialogues, tabs or whatever is styled! I tried custom themes, prebuilt themes, no themes, anything i could think of. the result was always the same: script works, but no css. so I included the css file by using "link rel…". still no css. and then i discovered, that there was an error in my webdeveloper: "Wrong MIME/Type for jqery-ui.min.js". Now:
IE7 + accordion aren't playing well
Hey, I have a weird issue with IE7 (surprise!). I have inserted an accordion on a page and it completely ruins the layout of the page after the accordion. http://greenenergysolutions.com.au/faqs_accordion.php The weird part is that if you have a new tab open to the Themes section of jQueryUI and click something (like the demo accordion there) and then switch tabs back to my page, the layout is fixed! Apart from a stuttering when you click one of the accordions. IE7 makes me sad - I can't use accordion
Serious problem with jQuery Dialog and IE6
Hi, I have been using jQuery Dialog for my project, haven't met any problem until this morning, I found when the HTML page is large, then it takes a very long time for dialog to open or close, however this doesn't happen with Firefox, has anyone else met the same problem with IE6? If this can't be solved, then I will have to switch to another dialog solution which I reluctant to do. Thanks.
Next Page