Problems with DatePicker
How can i manually position a datepicker that is attached to a text input?
Obtaining Tab Names/Labels
Hello, my first post to the jQuery UI discussion group. Gawd I feel like such a newb with that statement, but... I just recently started using jQuery to make webpages as a hobby, and I'm currently experimenting with tabs. I'm generating the tabs dynamically, and am attaching them to dynamically generated divs that contain tables, again with their own dynamic generation. The ID's of these divs are generated with the name of whatever data they're grouping, and this is also the same as the text in the
bgiframe option for dialog will cause flickering in IE6 while scrolling
Hello all, I just noticed that if you use the option bgiframe:true for the dialogs, in IE6, if you scroll around using the scroll bar, the dropdowns will flicker and show through on top of everything else. This is also reproducible while scrolling with the mouse but it is less noticeable since it's a much quicker "flash" Is there a way around this or should it be ticketed as a fix? I guess the easiest way to see this is to go to the demo section of the jQuery package \jquery.ui-1.6b\demos\functional\index.html
Feature suggestion - "isShown" for datepicker
I want to be able to toggle a date picker associated with an input box from my own button instead of using the built in button creation. I can pass in an unrecognised value like "neither" to showOn to suppress both the onfocus hook and built in button generation, so that's ok. Unfortunately the datepicker doesn't seem to have an "isShown" call available - would seem like a useful (and logical!) thing, and as dialog has "isOpen" I figure it would be fitting :). Matt
JQuery Drupal 6
I am working on a new Drupal 6 site, where the top of the homepage content needs to be an image that is replaced everyday and has an auto- fit size - depending on the middle column width and proportional height. I wonder: (a) is there any similar implementation out there ? (b) what Drupal 6 compatible modules are required ? (c) any pro suggestions ? Cheers, Monti
[accordion] Accordion open when page loads
(Posted into 'jQuery' group before finding this group) Is there any way to accordion open something upon loading page? I'd like a div group to accordion open on a page once a user has been sent there. Cheers
Adobe AIR
OK... is anyone doing any testing of the UI library in Adobe AIR? (Besides me?) I am finding issues and would like to know if there is a complete test suite I can run... or if Paul or someone would like me to help them learn to do AIR to do the tests there. (AIR runs on the WebKit browser if anyone reading this doesn't know.) John Farrar
ui.dialog overlay issue with onclick/onmousedown events
Hello all, I figured I'd write a simpler question than the one I had yesterday since it was a few questions jammed into one post. Basically here is some really simple code: <script> function donkey(){ $("#example").dialog({bgiframe:true, title:"hello there", modal:true}); $($("#example").data("dialog").overlay.$el[0]).bind("click", function(){ alert(0); }) } </script> <div id="example" class="dialog"> dialog content goes here </div> Note the 2nd line which binds a click
Setting Dialog width/height through CSS (not programmatically) possible?
Hello, Is it possible to set the width/height of a dialog through CSS and not through the dialog() function? Also, is it possible to allow the dialog to stretch dynamically depending on how much text is in the dialog?
Problem with nested empty Sortables
Hello I am trying to make a nested list with draggable items. But thereis a problem . It s very hard drop an item in empty Sortables if I am setting ul height less than a 50px. Of course I dont need such height UL. Is there any way to solve this problem?
reset title in Dialog
Hi all, just a quick question. I want to use one div (<div id="dialogWindow"></ div>) for multiple dialogs and just change the title and use ajax load to load different content. So instead of creating <div id="dialogWindow1" title="Add this"></div> <div id="dialogWindow2" title="Edit that"></div> I wish i could do $("#dialogWindow").dialog({title:"Add this"}).dialog("open"); and then straight after that do $("#dialogWindow").dialog({title:"Edit this"}).dialog("open"); The problem is, once the dialog
round corner doesn't work with dialog
Hi, all I tried to round up the Dialog corner by using Round Corner Plugin. Seems it won't work with Dialog at all. Please advise if you have any experiences about it. Thank you in advance! Jack
Margins in UI.dialog
Good Morning I have this code: Comun.CargarTelefono(capa, obj, function(res) { $("#divDialogo").dialog({ title:"Telefono", modal:true, height: 230, buttons: { "Aceptar":function(){ oComun.AgregarTelefono($("#tlfCapa").val(), $ ("#tlfObj").val()); }, "Cancelar":function(){ $("#divDialogo").dialog("close"); } } }); $("#divDialogo").html(res); }); This code works fine in Firefox, but in IE 6 shows me a problem, the content is moved to the left, leaving the hidden text by one third, every time I open
Accordion - hiding content after opening with IE7
A very strange thing happens in IE7. If all sections are closed and you open one, all of the content disappears after opening. However, if one section is open and you click on another, things work properly. Is this a known bug in IE7?
reload current tab ...
I'm trying to reload a tab with a different url on a click, only I don't actually (easily) know which tab is selected. I suspect I'm missing something simple (pretty new to jquery): $("...").click(function(e){ $('.tabs > ul').tabs( "url", 1, e.target.href ); $('.tabs > ul').tabs( "load", 1 ); return false; }); This does what I want, as long as I fix the index of the tab to be reloaded ... but if I don't?
[accordion] Is there a way to toggle active/inactive on click?
Subject pretty much says it all - I'm looking for a way to make the accordion section close if the header is clicked again while that section is open. (An aside - my [accordion] tag seems to get clipped from the header when I post via google groups)
Draggable
Hello, I made menu on my website using Draggable function and I there is one little feature that i need to solve. When I drag menu and move it to the browser border whole page start to resize, is there way to stop resizing I need that piece of menu that is over actual page is hidden. Thx have a nice day
Sortables text getting disappeared.
Hi all I am using sortable for sorting a list in which each list item is a textarea. when I sort the list list the text I have entered in textarea gets disappeared. The problem is there in Firefox however everything is fine in IE. I can no longer click inside the textarea as well. My code is: jQuery("#mylist").sortable({ placeholder: "ui-selected", helper: 'clone', containment: 'document', items: "li", cursor: "move", update : function () {
Setting max/min values on sliders that have a range...
I have a slider set up that is using range:true and stepping - but the stepping goes past the max set for the slider... In fact the max value doesn't work regardless of stepping... I am assuming I have to set a max value explicitly on the handle but can't figure out how to accomplish that. Here's the code: #valueBox displays the value of the #working_slider that I want to set a max value on... [pre] $('#slider2').slider({ minValue: 0, maxValue: 96, range:
UI Dialog appear during page loading
Hello, I use jQuery since a few time and I have a problem with the jQuery ui modal. When my HTML page is loading, it occurs sometime that the content of my dialog is displayed during a few time. However, I use $(document).ready un the head of the document. Could anybody help me ? Thanks.
ui.dialog & Accessibility (Screen Readers)
Hello, I have a webpage that has multiple dialogs. Since our goal is to make the pages as Accessible as possible (we support the screen reader JAWS 9), each time a dialog comes up, we must place focus on something inside the dialog so that the screen reader knows where to continue reading from. So far, my intermediate function that opens the dialog works in FireFox to target, say a password field so that the user can start typing right away without having to click into the password box. Also if the
Accordion ajax menu
Hi, is there any way to get the menu nodes with ajax? I mean instead of loading all the branches can I get it with ajax just when I click on the root menu level? Thanks
Issues with UI sortables 1.6b
Hi there, Trying to make a sortable list with UI sortables. I have a couple of issues. 1. auto scrolling at the bottom of the list does not work in Opera. 2. I cannot make a large <li> element go beneath a smaller <li> element on a sortable list. E.g. I initiate the sortable list with (I'm only showing the relevant parts of the code): $(window).bind('load',function(){ $("#chklist1").sortable({ axis:"y", handle:$(".clhandle"), tolerance:'intersect', }); }); Later, my
Bug in Sortables( 1.6b ) in function toArray
Hello, when I use "$('#id').sortable( "toArray" );" i get this error in line 82: o is not defined var items = this.getItemsAsjQuery(o && o.connected); I took a look at the function and there is a bug. It expected parameter "o", but it gets "attr". Hope this helps, Stefan Sturm
UI-Tabs Themeroller layout bug
Hi, New here and I've recently installed ui-tabs and a theme from themeroller. However, I noticed that there is a layout bug that shows only in IE7 (probably also in IE6 but haven't checked). There is a space between the tabs-nav and tabs-panel. I tried adding this: *bottom: -24px; for ui-tabs-nav to target IE* only, however, this pushes down the tab-nav. then I tried this: *margin-top: -23px; for ui-tabs-panel to target IE* only, this pushes the tab-panel up. This solves the problem, clicking on
Paragraph Counting and wrapping
Need some help with a issue. I want to count and wrap groups of paragraphs with a div and class. For instance i have 30 tags. I would like to wrap 10 tags and its contents even if not tags with a div and a class. Then the next set of 10 same thing till complete.
UI Draggable Safari bug?
Hello, I'm trying to drag an element inside a specific region using Safari 3.1.2 but it doesn't work. I'm able to drag the element vertically only. Any suggestion? Is it a bug? No problem using FF and IE. bye
subscribed
-- Please be free contact me for any question or suggestion. Thanks. 谷阳(Yang Gu) ======================================= Mobile: +86 13774305530 Email : hyysguyang@gmail.com MSN : hyysguyang@163.com =======================================
Extending tabs - panelContentPlaceholder
Hello, i've extended the tabs with a new little piece of code i needed. Maybe you guys think it's useful and want to add it to jQuery UI. I've added support for the a new option, the panelTemplatePlaceholder. It's a regular expression representing some part of the panelTemplate and gets replaced with content loaded via ajax. I've modified $(a.hash).html(r); to if ( o.panelContentPlaceholder ) { $(a.hash).html(o.panelTemplate.replace( o.panelContentPlaceholder, r )); } else { $(a.hash).html(r); }
1.5 UI Tabs - Error
With the new version I cannot access the selected tab. It works with previous versions: for example, here is my code: $('#Summary > ul').tabs({ select:function(ui){ switch(ui.panel.id) { case "GroundToGroundTab": LoadGroundToGround(); break; case "AirToGroundTab": LoadAirToGround(); break; case "AirSummaryTab": LoadAirToAir(); break; } } }); with the new UI tabs, I get exceptions with trying to get the ui.panel.id - so I've been unable to upgrade to the latest jQuery UI package.
Slider not moving on drag
I'm just trying to get the hang of the ui slider. Seems like it should be easy enough, but I'm running into a problem. When I drag on the handle, I get the following error in Firefox 3.0.1: Warning: Error in parsing value for property 'left'. Declaration dropped. My setup is pretty simple, and I I'm using the latest versions of jQuery, ui.core and ui.slider (the ui functions were downloaded as separate personalized packages.) HTML: <!-- Years Experience --> <div id="slider_bar" class="slider_bar">
demo page not working
Seems to be some problems with the demo site. "Oops, there is no template file for this component." http://ui.jquery.com/functional_demos/#ui.selectable http://ui.jquery.com/functional_demos/#ui.droppable http://ui.jquery.com/functional_demos/#ui.sortable http://ui.jquery.com/functional_demos/#ui.accordion http://ui.jquery.com/functional_demos/#ui.datepicker http://ui.jquery.com/functional_demos/#ui.dialog http://ui.jquery.com/functional_demos/#ui.slider http://ui.jquery.com/functional_demos/#ui.tabs
Problem with nested empty Sortables
Hello I am trying to build the nested sortable list and I have some problem. It is very difficult to drop some elements on a empty ul if its height less than a 50px. But i dont nee such lage ul's. Is there any solution of this problem?
bug fix: ui.resizable >> !respecting min height || width
<div dir="ltr">I was not sure where to post in the bug tracker, forum or email. The UI site stated that emailing gets a fast response, so here it is. version: 1.6b ui.resizable >> this._respectSize bug: min height || width is not respected when the data.height === 0 as calculated from this._change passed from this.mouseDrag result: box jump the size of min height || width since data.height=0 gets passed through fix: (1) add new function to 'this' to detect nothing but allow zero this._isNothing:
Simple syntax help please!
I'm trying to set up a 'mailto' href within an existing tag. The tag is set up to look like this before the jQuery <a href="#" mLink="partners" mSubject="Partnership Enquiry" mText="Click to enquire"></a> Our site is aliased to several domain names. Where the URL host is 2gc.co.uk, the final tag I'm hoping for looks like this: <a href="mailto:partners@2gc.co.uk?subject=Partnership Enquiry">Click to enquire</a> The code I have to do this right now looks like this: jQuery('a[mLink="partners"]').attr("href","mailto:partnerships@"+window.location.host
Sortable: Format of serialize result
I can get the serialize method working no problem, I'm just curious on the format of its output having never really worked with serialization before. I am wondering, what the purpose of the [] in the output is? These make the output appear like an aray, although doing a typeof on the output shows it is just a simple string. Are the square braces expected by server-side code? Also, what about deserialization? Is this best done on the server and then passing the results back as a JSON object maybe?
Restrict DatePicker by Specific Dates
I want to use the DatePicker to only allow specific dates which I'll specify in an array to be shown. Does anyone know how to do this?
Newbie decision
Hi there, I have been adding some java script functions for a web page and now I have at least 3 different js for that and it's begging to get messy. I need: Lightbox/Thickbox/... Tabbed/Slider Menu Tree/Accordion Menu Multiple CSS selection (to be able to alternate css for the website, with cookies and all) At the custom download I only see the Tabbed function I need... Looking at the plugin repository I couldn't find plugins for jQuery UI, so now I'm confused. jQuery UI is independent from jQuery?
Droppables : over, out, drop...isn't something like moveover missing ?
Hello, I'd like to provide a different visual feedback to the user depending on where the mouse cursor is positioned while a draggable is moved over a droppable, because the result of the drag&drop depends on the drop position inside the droppable. Is there a way to do this ? Splitting the droppable into several parts could solve the problem but it is not convenient at all. The "JQuery Dynamic" drag&drop plugin provides a "moveover" callback that allows to do just that, but is there a way to solve
Draggable cursorAt problem/bug
Hi all, I think I've run into a bug in the UI core, but I'm not sure. I wanted to run this past everyone to see what you think. On my page I have large draggables with small droppables, so to make it easier for my users I'm using cursorAt in the draggable options to specify the center of the draggable element: $('.draggables').each(function() { $(this).draggable({ revert: true, cursorAt: { top: Math.round($(this).height() / 2), left: Math.round($(this).width() / 2)}, handle: '.handle' }); }); The
Next Page