jquery.ui-1.6rc4, dialog, BGIFRAME, and drag or resize hell
Hello, When I try to drag or resize a dialog with bgiframe: true and include the bgiframe <script type="text/javascript" src="../../plugins/bgiframe_2.1.1/ jquery.bgiframe.js"></script> when a user moves or resizes the dialog, the title, and content of the dialog become un-readable... how to fix?
Where is Autocomplete in 1.6rc5
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font size="-1"><font face="Tahoma">Where can I download the jQuery UI version of autocomplete? It was available to download on version 1.6rc2 Thanks, </font></font>
selecting a selectable via click
Is there some way to turn on the ability for a selectable to select an element via a click rather than requiring a drag of at least one pixel before it gets selected ? I'm pretty sure it used to do this going back a version or two but it seems this behavior has disappeared. cheers, rob
[accordion] Accordion selectedClass problems
Hi, www.alu.com/entest/products/index_test.php I trigger the accordion this way: jQuery(document).ready(function () { jQuery("#test-accordion").accordion({ header: "div.accordion-toggle", fillSpace: true, active:"div.accordion-toggle:first", selectedClass: "accordion-active" }); }); In the css I got .accordion-active{ background: #393939; } But selectedClass won't
Tab and Doube-Click Issue
I am new to javascript and I am hoping someone here can help me out. I added the tabs widget using the following code: $(document).ready(function() { $('#tabs > ul').tabs({ fx: { height: 'toggle', opacity: 'toggle' }, deselectable: true, selected: null }); }); The tabs work great in terms of what they are designed to do, but I am having a usability issue. Since I am using "deselectable" and effect options, when a user double-clicks the link that initiates a tab, the tab freezes in mid motion
datepicker setDate extremely slow
Hi, I just did some experiments with the datepicker and discovered that the setDate and options functions are extremely slow. When I do a datepicker create, call the getDate function and destroy the datepicker widget, it takes about 6ms (IE8) / 2ms (FF3). The same with a setDate or set option instead of the getDate takes 296ms (IE8) / 65ms (FF3) and 299ms (IE8) / 60ms (FF3), respectively. So the setDate function is roughly 50 times slower than getDate for IE8. I understand that there are input validations
draggable and droppable problems with li
Hi All, I'm having problems with draggable and droppable with li elements. I have a ul that is update using ajax, which populates a li. These li's can be copied/dragged to another li, but changing some format, while keeping the original li in place. The problem is when I drag and drop the li, the original li is always moved to the second ul. If I remove the "droppable" I will have the same effect. My code: $j(document).ready(function() { $j("#searchForm").ajaxForm({ url: "[@spring.url '/services/search.json'
problem with object embed
hi i have problem with modify "src" in embed object <script type="text/javascript"> $(document).ready( function() { $(".miniimage").click( function() { alert($(this).next("span").attr("class")); $(".youtube object embed").attr("src", $(this).next ("span").attr("class")); } ); } ); </script> <div class="youtube"> <object width="300" height="200"> <embed src="" type="application/x-shockwave-flash" allowfullscreen="true" width="300" height="200" wmode="transparent"></ embed> <param value="transparent"
Dialog not working in trunk
Hello. I recently tried out the dialog in 1.6rc4 and noticed that the dialog changed height every other time it was opened. The first time it was opened it set to it's proper height, the second time it was shorter in height and so on. I decided to check the SVN trunk in the hope that this has been fixed but the dialog from the trunk can't be closed once it has been opened. When I try to close it I get $.Event is not a function and I also get that directly when it's been opened. I have made a minimal
[accordion] accordion menu opens for a spilt second when navigating in internet explorer
hi, I'm developing a site where I'm using a jquery accordion as menu. The problem only happens in internet explorer both 6 and 7 when I'm browsing the site. When ever i go to a new page the menu expands all the way for a split second and closes again when the page is done loading. I can't figure out if it's a browser issue or a code issue. I've tried to place the jquery code both in the head section and before the closing body tag, but it renders the same way. It works perfectly in Firefox, Crome
Can't get Tabs to work
I just began playing around with jQuery tabs today, and I've had no success. My code so far is pretty simple: <body> <div id="header"> <ul> <li><a href="#blog">Blog</a></li> <li><a href="static/resume">Resume</a></li> <li><a href="static/code">Code</a></li> <li><a href="static/projects">Projects</a></li> </ul> </div> <div id="blog"></div> </body> var list = $('#header > ul').tabs();
how to recover original value on an input:text field
Hi, all If users going to undo an editing on an input:text field before he left this field, is there function or key to undo it? I mean how to recover to original value. Jack
Form Plugin ajaxSubmit and just one element event
I'd much much appreciate some help with the form plugin. I'm new to jqery. I have a double drop down box with select options and two radio buttons . The two radio buttons are a filter. The first Form "#TheMake" has a list drop down options that chooses a make (of helicopter) and when it changes the second drop down box "#TheModel" shows the models made by that manufacturer. Here's the html <form id="TheMake" name="makes" action="/wordpress/wp-content/themes/ copters-5/searchbox/models_form.php"
DatePicker not hiding consitently on external click
I have noticed when the datepicker is shown and I click outside of the document it does not invoke the document.body click. If I change the if block starting on line 7362 (full unminified jquery- ui-personalized-1.6rc4.js) to the following it works much better. I assume this is because I click outside the document body but still within the document (widescreen etc) if (!$.datepicker.initialized) { $(document.body).append($.datepicker.dpDiv); $(document).mousedown($.datepicker._checkExternalClick);
Sortable: How do I change ui.helper when it enters an undroppaple zone?
In a sortable list where a part of a list is unsortable I need to change the look of the ui.helper to give a response to the user that the item can not be dropped there. The options "over" and "out" do not solve the issue. Out is only fired when the item leaves the list, not when it leaves the droppable zone. Does anybody have an idea how to do this? Thomas Sømoen Norway
selected input text field
Hi, all On dialog UI, when a text is selected in a input:text field, any new typing characters will append after selected text instead of replacing it. Is that normal or I can config it as general editing feature? Thank you in advance!
Dialog box not honouring height when re-opened
I'm experiencing a problem that was mentioned on another group: http://www.nabble.com/Dialog-box-not-honouring-height-when-re-opened-td21258793s27240.html#a21390182 "Using the latest jQuery UI (1.6rc4) I am having a problem getting a dialog box to maintain its size when it is closed and reopened. The first, third, fifth... openings render the dialog box at the specified height, but the second, fourth, sixth... opening reduce the height of the dialog box."
[ThemeRoller] Why not use Unicode characters in place of the images ?
Hello, Already, sorry for my English. I think the ThemeRoller is a good idea. But I find that the icons are mismanaged. Why not use Unicode characters in place of the images that are too large (Total : 74 Ko). Thank you for your reply Forresst
[jQuery] stock price ticker plugin?
hi guys, i am looking for a stock price ticker plugin, that will change color of the price green or red, and also change in real time. do you guys know any plugins or any other suggestions for this? thanks
Trying to mesh UI slider and jCarouselLite
So I have an interface mockup here that will eventually be a real estate property search by price range. http://viewwestaspen.com/new/quicksearch_jcl.html I have the UI slider working, and was using the default array of 'properties' from the UI site real-world demo. On update of the slider range, the property elements nicely fade in and out if they are in/out of the range. However, what I would like to do is use jCarouselLite to scroll left and right on the matching elements instead of the default
.load(function()) not working...
I've got a web app that has a jqGrid in it. The loadComplete callback function has a piece that attaches a click event to the cell of an order line if that line has notes. The click event is getting there fine but what I want to do is load the notes in a jquery modal dialog. So here is what I tried, but the .load() doesn't seem to work and I was wondering if there is something blazingly obvious that I'm doing wrong... htmlcell.click(function(){ $("#lnTable").html("<table id='lNotes' class='scroll'
jQuery ui tabs website down
Sorry, if this is not the right place. The jQuery UI Tabs section seems to be down. It shows some sql errors: http://docs.jquery.com/UI/Tabs
DatePicker Documentation throwing error....
I don't know where to post this so I'll post it here and maybe someone who needs to see this will see it. I went to jquery.com this morning and then went to UI. From there I clicked on Documentation. After that I tried to click on DatePicker but when I did the server gave me an error as follows... MediaWiki internal error. Original exception: exception 'DBQueryError' with message 'A database error has occurred Query: UPDATE `site_stats` SET ss_total_views=ss_total_views+1 LIMIT 1 Function: SiteStatsUpdate::doUpdate
Simple Panel
What is the best way to have a simple panel with the new ui? I am looking for the same ui used in the dialog/accordion but just a simple panel.<div> </div><div>Nathan</div>
How to set Dialog height to auto?
Hi, here there's a test of the dialog plugin. http://lab.gianiaz.com/jquery/dialog/ I've tried with this init options: var dOffset = $('#dialogContent').offset(); $('#dialogContent').dialog({ buttons: { 'Okay': function() { $('#dialogContent').dialog('close'); } }, modal : true, height: 'auto' }); But with height auto the content is displayed also under the button_pane. How can I say to the plugin to resize in the correct way? Another question about dialog, I've seen the "overlay" option, but I can't
dialog content hidden after destroy - issue
Hello, I am designing a generic dialog that is supposed to handle dynamic content. I came up with the code (simplified) : $("#dialog").dialog("destroy"); $("#dialog").dialog({ autoOpen: true, }).load('something.php', data); The issue is after running the code for the second time the content of the dialog is just hidden. All other attributes changes accordingly to the new options (title, size etc.). Finally I could find an ugly hack to past around this: $("#dialog").dialog("destroy"); $("#dialog").dialog({
Problems with selectable and the selectionsquare
Hi, I want to use selectable from jquery ui in my project. I just tested the demo code and everything wents fine, but when i put that code into my project, the selectionsquare (the helper div) is one layer lower than my div where i actually need it. Thats probably a problem with the z-index, but i don't know how to fix it. The code in js is just: jQuery("#viewDiv").selectable({ filter: "div" }); and in html: <div class="viewDiv" id="viewDiv"style="width:100%; height:100%; overflow:
jquery UI tabs documentation doesn't work
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> Hello, i need to read tabs documentation but the web page doesn't work. Can you help me? Thanks. Here's error message: MediaWiki internal error. Original exception: exception 'DBQueryError' with message 'A database error has occurred Query: BEGIN Function: Database::begin Error: 2006 MySQL server has gone away (localhost) ' in /home/jquery/en/docs/includes/Database.php:694
Persistent draggable snap problem
Hello, Just had a quick question about the snap abilities of a draggable div. I'm using the "stop" param to trigger an ajax call to update the div's position for persistence. The problem is that if a div "snaps" to another div/container, the drag:stop param isn't triggered (ie it's not being dragged anymore - it snapped automatically). This is like what I currently have: $("div#box").draggable({ grid: [2,2], snap: true, snapTolerance: 4, containment: "div#box_container",
Suggestion: Resizable addition
Hi jQuery people Just a quick suggestion. I was browsing through the jQuery UI documentation, and noticed that the resizable function had a 'grid' option (which is awesome), but I would really like to have the snap tolerance being an option too. Considering this is already implemented in the draggable function (named 'snapTolerance'), this shouldn't be too hard to implement. Thanks in advance.
Tabs documentation broken
At the time of this writing, this url generates some bad output: http://docs.jquery.com/UI/Tabs Error: 2006 MySQL server has gone away (localhost) ' in /home/jquery/en/docs/includes/Database.php:694
.animate() queue without pause between animations
Someone at core jQuery group told me my problem with .animate() belongs here, so here it is. This is my original post: I'm using .animate() for a rotating navigation menu of 5 items, where the currently selected item is in the center. When I click on an icon next to the central everything works ok, but when I click on an icon to the far left or far right, two calls to .animate() are needed per icon for all icons to move correctly. The problem is that there is about a second of pause between the two
UI-Theme and Dialog Font Problem
Hi, I have used the theme redmond theme for simple dialog I am trying to create which is viewable at http://codedef.com/test/dialog.html .However I am having a problem where the fonts don't event closely match what was displayed in the themeroller or the demo.html of the theme.. All the fonts seem like they are huge, and the buttonpane area seems like it has too much padding.... Can anyone help me out here?
ThemeRoller downloads not working
Hello there, So i started to play with UI today after those that don't code here took a fancy to it, and it seems the themeRoller is having a few problems. Attempting to view any theme in the gallery other than darkness, smoothness or start fails with no update. Attempting to download any theme of any sort also hangs up until timeout. You're left with a blank screen and no response from the server, not even a header according to fireBug. If I take the /parseTheme.css.php?tr=etc from the href variable
Re-Center Dialog
I have a table with about 50 rows (more than a screen length anyway!) each row represents a distinct request. When I scroll over one of the cells in the row I am pulling the lengthy description of the request and displaying it in a modal dialog. <div id="descriptionDialog"> <div id="descriptionDialogContent"></div> </div> The descriptionDialog is the dialog, and I empty and re-fill the descriptionDialogContent with each new request as it is hovered over. If there are better ways of
Resizing an absolutely positioned element resets it's position. (1.6rc4)
Hi, I'm not sure whether this should be posted here or as a bug report but i'll start with here. I have a series of absolutely positioned elements that i've tried applying resizable to. When I start the resize by dragging the handle, the element i'm resizing is being repositioned vertically towards the top of the containing div. It's consistently moving the same number of pixels. This applies to jQuery UI 1.6rc4 with jQuery 1.2.6
Some updates to slider cause problems.
I have a temperature slider that can display temperatures in C or F and I need to change the scale after the slider was initialized. I used the $('#sliderElm').data('slider').options to change the min, max, stepping, etc. but when I do that, the change and slide functions get screwed up. If I specifically set them using $('#sliderElm').data ('slider').options.change = function() {} and $('#sliderElm').data ('slider').options.slide = function() {} when I slide or change the slider, I get multiple
how to display datepicker months in single row when using numberOfMonths: 2 ???
I'm using datepicker to select a date range using numberOfMonths: 2 and it's displaying the two calendars on two separate rows. How can you display the two calendars on a single row, so they're side by side? I've tried 50 different things but can't seem to crack it...
Request for comments: Lazy events binding.
feedbacks on this would be appreciated: http://haineault.com/blog/86/ thanks
Using datepicker in dynamic DOM
I'm constructing a page that contains a form of tabular data where the user is entering in multiple similar data items, one field of which is a date field that is using the datepicker component. I've placed the form inputs in a row with a fixed id and I've added a button to add a new empty row to the table to handle more inputs. I'm able to clone the DOM and update the inputs and such to post the data properly, but I'm running in to trouble binding the datepicker to the newly created DOM inputs.
Next Page