Opening a dialog box with option "modal: true" causes IE to hang due to processor spike
Hello, I am using the latest version of jQuery (1.3.2) and jQuery-UI (1.7.1). I've implemented a jQuery UI dialog box, and opening it in any browser other than Internet Explorer works fine. In IE, clicking the <input> element to which the jQuery dialog() method is attached causes the iexplore.exe process to spike to 99% and the browser to hang. I can stop the issue by removing the "modal: true" option from my code: jQuery(function(){ jQuery("#choose_pubs_dialog").dialog({ autoOpen: false, width:
A Tree which can be filtered or searched...
Hey Guys, Few weeks ago, I started a thread trying to inquire if there is a tree similar to Ext GWT Filtertree written in jQuery yet. Checkout demo of Filtertree here: http://www.extjs.com/explorer/#filtertree It is also on the left hand side. If you start typing on filter box above it automatically hides nodes and the parent of nodes that don't match. I'd prefer to have something similar that is not GWT which I don't like as much as jQuery. It was suggested I ask on this UI thread. So, has anyone
Adding Values to One Slider
Hello, I am looking to place up four values on one slider. I am looking to have the capacity to add and remove values freely. I can think of a couple ways to do this programmatically but I was wondering if there were any built-in functions to JUI to accomplish this as I am fairly new to JavaScript and JQuery. I was wondering if there was an easy way to accomplish this. Thank for your help
tabs: select a tab from a text link with a parameter
Hi, I'm trying to select a tab from a text link, similar to this example: var $tabs = $('#example').tabs(); // first tab selected $('#my-text-link').click(function() { // bind click event to link $tabs.tabs('select', 2); // switch to third tab return false; }); My html code looks like: <a href="/people/2-steveodom/activities?account_id=29" id="my-text- link">I want to open tab 2</a> The problem is my account_id param isn't being passed to my controller. If I remove the jquery function then the param
Can't create new instance after calling destroy
My understanding is that when writing my own extensions to ui, Iuse the destroy method to revert the root widget element to the state it was in before _init(). So, I do that like this: (function($) { $.widget("ui.myWidget", { _init: function() { // add some needed classes, bind events etc. }, someOtherMethod(): function() { // do some other stuff }, destroy: function() { // take off all classes I added in _init() // unbind events from this.element // do whatever else to revert element back to pre
Download Issue
Has the Download issue been fixed? I can download the stable file with smoothness theme no problem; any other theme/customer, etc however does not provide a valid download file. Thanks:)
Your friend wants to share their favorite sites with you
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="robots" content="none" /> <title></title> </head> <body style="background-color: #fff; font-family: Helvetica, Geneva, Arial, sans-serif;"> <div align="left" style="padding-left: 10px;"> <table width="600" border="0"
Toggle large panel in IE causing content leaks out
Hi, I tried to show/hide a large panel that contains a large amount of div's and text in it using some animation effect (toggle('normal'), slide('normal')). It all looks fine in FFox and other browsers, but in IE, the content of the panel being animated leaks out of the panel and stays on top very briefly and then hides away when the panel completely collapsed. It doesn't look so obvious on smaller panels. Using and CollapsiblePanelExtender of asp ajax toolkit had not problems. Any thoughts? Eric
Tabs showing the bullet. How to remove?
While developing a tab UI page, everything looked good. But when I plug it into my site, something about the existing site CSS causes the tabs to display buellets in FF as seen here: http://www.warbeats.com/Home/Charts.aspx But when I designed the page before putting into the website, it did not have those squares as you can see from my work page: http://www.warbeats.com/wb_charts/Default.aspx It only happens in FF. I know it has to be conflicting CSS, but I cannot figure it out and Firebug has not
Opening a dialog box with option "modal: true" causes IE to hang due to processor spike
Hello, I am using the latest version of jQuery (1.3.2) and jQuery-UI (1.7.1). I've implemented a jQuery UI dialog box, and opening it in any browser other than Internet Explorer works fine. In IE, clicking the <input> element to which the jQuery dialog() method is attached causes the iexplore.exe process to spike to 99% and the browser to hang. I can stop the issue by removing the "modal: true" option from my code: jQuery(function(){ jQuery("#choose_pubs_dialog").dialog({ autoOpen: false, width:
Selectable selecting can fire for an item that is already selected.
I am trying to keep a count of the selected items and hook the selecting and unselecting events to keep count. This works fine except for one problem. If you hold down the "ctrl" key and click a selected item the selecting event fires even though the item is already selected. I don't see any reason to fire the selecting event for an item that is already selected.
Out of Memory using Dialog with fade effect
Using JQuery 1.3.2 and UI 1.7.1, with a simple dialog demo with FadeOut effect, I get "Out of memory at line: 1280" in IE and similar "too much recursion" errors in FireFox (starts with line 26 of jquery-1.3.2.js). It's repeatable. All I have to do click the "Show the Dialog" link, close the dialog, and then click it again. Am I doing anything wrong? Here the page (put this in the development- bundle\demos\dialog directory): <!DOCTYPE html><html><head> <link type="text/css" href="../../themes/base/ui.all.css"
.Effect issue - animation sequences
Hi folks i was a bit bemused this morning and i wonder if someone can explain what is happening els is a set of divs say $(els).each( function (i) { $(this).effect('pulsate',500); }); setTimeout( function (){anotherFunction()},2000) I have a set of elements (6 say) and i wanted a pulsating effect on them - hoping to run for 1/2 sec. After 2 secs i wanted it to do something, so i stuck it in a timer. However (some of) the els are still pulsating when the timeouted function
JqueryUI v1.6 Final vs IE7
I am trying to update the jqueryui of Zenphoto to the 1.6 Final release but am having troubles with our implemetation of image and album sorting (using sortable). Everything works fine on the 1.5.3 version and with both versions on FireFox. With 1.6 Final IE is throwing a Javascript error. It is complaining about something not being an object on line 3301 which I believe is this code: this.offsetParent = this.helper.offsetParent(); var po = this.offsetParent.offset(); The developer who did our
creating an animated PNG loader pinwheel
So I was trying to think of a way to create what was effectively a PNG animation similar to an animated GIF. What I decided was that it would be fairly simple to make a PNG sprite of each 'frame' of the animation, then set that image as the background of a container div, then move it in a stepping fashion to reveal each frame, then reset it when it gets to the end of the strip. If someone could help with the JQ to do the background-position stepping and the reset, I will post a link to the completed
NEWS: jQuery UI 1.6 released
blog post: <a href="http://blog.jqueryui.com/2009/04/jquery-ui-16/">http://blog.jqueryui.com/2009/04/jquery-ui-16/</a> changelog: <a href="http://jqueryui.com/docs/Changelog/1.6">http://jqueryui.com/docs/Changelog/1.6</a> - Richard Richard D. Worth jQuery UI Release Manager
Resizable Containment documentation sample not working
When I test the resizable containment example at http://jqueryui.com/demos/resizable/constrain-area.html I can resize outside the containment area when resizing downwards. This happens in FF & Chrome. I didn't test others. Is this a known bug and if so is there a workaround? I am having all sorts of trouble getting the resize containment working on my site and was wondering if others are experiencing problems also. Thanks.
clone problem
Hi everybody I'm in trouble with clone function. It works with this stub of code: //copy to .dropzone all the array .draggable $('.draggable').clone().prependTo($('.dropzone')); but it doesn't works if i try to copy only one element of it: $('.draggable')[0].clone().prependTo($('.dropzone')); why ??!! Thank you.
slider - min and max distance between range
Hi Just a quick question/request, I've implemented a jquery UI slider - one of the requirements was for the distance between the sliders to never be less than 0.5 (range 0 - 10, 0.5 increments). There doesn't seem to be a way to do this with an option but I was able to code a solution by returning false in slide() if the diff ever got below 0.5 and resetting the values to the previous values (as the handles had both reached the same value and the active one lost focus). It'd be nice if there was
Slider and IE 6
I am using a slider and when I hover over another button and alter it's css class, the slider disappears until I hover over it. This issue happens in only IE 6. Does anyone have any ideas? Thanks
Google adsense inside a JQueryUI Dialog
I have a dialog box on my site that displays while a file is uploading. While the upload progress is going I have some google adsense ads under the upload progress to give my users something to look at while the files are uploading. I recently ditched my custom made popup windows with some nice JQueryUI ones. Things work fine until the dialog displays the div with the ads in it. Then bam... white empty screen. I have tried several workarounds including displaying the ads on the main page and then
secure links for 'jqueryui.com' css and js files
Hello All, I am a developer who has just begun using JQuery for a new application. Pretty cool stuff. My question is, how do I link to the standard 'jqueryui.com' .css and .js files from a secure application? i.e., suppose my URL is https://www.someapp.com/some-jquery-page-here also suppose I need the following external links on my page: <link href="http://jqueryui.com/latest/themes/base/ui.all.css" type="text/css" rel="stylesheet" /> <script src="http://ui.jquery.com/latest/ui/effects.core.js" type="text/javascript"></script>
slider handle jumps few pixels right or left if it's clicked on it
If the slider has a larger with then the default and has a range specified and it's clicked on the handle jumps few pixels to the left or right. This problem occurs when I specify the width of the handle(and also it's left margin to center it) in pixels or ems. When I specify it with %, then the problem doesn't occur in Chrome or Opera, but in IE and Firefox it still jumps few pixels.
Accordion & Forms
I am running into a variety of difficulties attempting to use the accordion plugin to enhance a form. What I would like to write is: <form> <fieldset> <legend> <a href="#token">Heading</a> </legend> <fieldset id="token"> ...form section... </fieldset> </fieldset> </form> To effectively style form legends, it's necessary to wrap the content in another element (and display:block if it's not already). Normally I'd do this with the link
customize style level tabs active
hi. tabs version 1.6 you could customize the different levels of tabs in version 1.7 removed that option. there is any way to customize each level of active tab. thanks.
Hi i'm new member & i have question in JQuery and ASP.NET ?
I add JQuery to my project (datepicker) when i run the page its give me error (Microsoft JScript runtime error: Object doesn't support this property or method) i don't face any problem with firefox only IE this is the code : <link type="text/css" href="JQuary/css/smoothness/jquery- ui-1.7.1.custom.css" rel="stylesheet" /> <script type="text/javascript" src="JQuary/js/jquery-1.3.2.min.js"></ script> <script type="text/javascript" src="JQuary/js/jquery- ui-1.7.1.custom.min.js"></script>
widget option not working
widget option not working. I have a widget that when interrogated for a value using option returns a jQuery object instead. $('#action').action_list( 'option', 'action_id' ); instead of returning a value (0 in this case) returns [div#action.action_list 0=div#action.action_list length=1 context=document]. Any ideas ?
CSS for table
Hello everybody. I've just started to user jQuery UI and I like it a lot. Only one thing I don't understand, why are there no style for table ? I thinking about CSS for a basic table with a resultset. I know I can add declaration for it but I'm just wondering why they are not included in the default CSS. Bye -- Simone
Tweaking Dijit (Dojo Widgets) for use with JQuery UI and Theme Switcher
The following code demonstrates a way to have Dojo widgets display and act almost like native jQuery UI controls.The init function is called 10ms after the window has been loaded, which (in most cases) give the Dojo framework enough time to parse the widgets and turn them into Dojo widgets (dijits) (does anyone know how to get a handle to a Dojo callback for when the Dojo parsing lifecycle is complete?) Then the function changeStyle is called to use jQuery manipulation to apply jQuery UI specific
Dialog buttons disappearing in Chrome
The buttons in the dialog have the text disappear when the mouse goes over them, and it never comes back. This is using Chrome 2.0.174. IE7 works fine. Using jQueryUI 1.7.1
Theme Roller editing disabled and focus state
Hello, World! The theme roller really rocks! but i was wondering why it is possible to edit the default, hover and active states but not the focus or disabled states... any idea? i would guess that to add that functionality is a matter of 10 mins... i would even offer myself for doing it! thank you Michael
how invoke mousedrag event manually?
Hi all. I am newbie in jquery that's why ask your help. I have jquery draggable element which is initiated by this code: $("#set div").draggable({containment: 'parent', helper: 'original', stack: { group: '#set div', min: 1}}); all works perfect, but I need to add click event for each $("#set div") element, when element is clicked it must appear on the top of the stack. I have tried increase z-index of element which was clicked, but it has no effect, because z-index increases to determined value,
viewport moving while dragging
hey there, i have another problem with the Draggable function. i have built a little page with an large background image thats draggable vertically. on that image is an absolute positioned box that is not draggable. now, when i drag the big image out of the viewport, the box is scrolling upwards, and doesnt come back when i stop dragging. i made a little example piece to show you what i mean: http://warnsinnig.de/trashbin/dragable_test/ and a video if my description sucks: http://warnsinnig.de/trashbin/capture.mov
Tabs messes with dataTables?
Hello JQuery UI mailing list, i usually try to solve my problems but i have tried now for three days with this problems and can't find a solution. http://working.kulturveckan.com/ If you click Tisdag or Onsdag, it works fine, but when you click a new tab after that, the only tab that loads the data is Måndag? I really have no clue why. Can someone just give me a guideline on Why it isn't working and what to do about it. I considered things as: Destroying the dataTables object when reloading a tab,
Can't send mail
I been posting 3 different mail to the Jquery UI development group today but they do not show up then I search for them or if I look in my profile. (They get sent to my Gmail account though) After I sent the messages I get a notice saying that they will show up in a moment (or something like that). The first mail I did send 5 hours ago. Have this happen to somebody else here? Can you read this mail?
Problem with UI 1.7, Sliders and IE
I've been trying to upgrade to UI 1.7.1 from 1.6 and have run right into a problem with an example that worked just fine under UI 1.5. I have a ranged slider with 2 handles, using a custom image for the handle. When I go to set the initial value of the handle like so $ ('#acreSlider').slider('values', 0, currMinAcreKey); ... I get an error in IE6 and IE 7 saying "Invalid Argument". I traced this back to line 1062 in jquery-1.3.2.js that's doing this: if ( set ) elem[ name ] = value; I further traced
Accordion Flash and IE
So I have an accordion with a swf in each accordion panel. When switching in FF or Safari the swf stops. In IE the swf continues to play. Any idea how to stop this in IE?
Selectable and single select (or no mouseDrag).
Is there a way to disable the drag select in a jQuery.UI.Selectable list? I only want single selections, and want to turn off the ability to select multiple items. Thanks Jack
sortable('cancel') on a master sortable
I have 3 sortables ('#master', '#child1', '#child2'). I'd like to reset the #master list after every drag/drop event (either internally or externally). In other words, the master list will always be the same. Ideas on how to accomplish this? I originally tried using 2 droppables, and 1 draggable using a clone helper. This did not work for some unknown reason and sortable was the closest I could get to having a workable solution.
Theme Roller editing disabled state
Hello, World! I was wondering why theme roller does allow editing the default, active and hover states, but not focus nor disabled. it seems for me to be possible to fix in less than 10 mins. what do you think? regards Michael
Next Page