Tabs: prevent a tab from loading via AJAX
I have four tabs. Three of them I want to use normal tab functionality. The fourth tab is a link to another page on the site, but when it is clicked, the tabs attempts to load it in via AJAX. Instead, I just want the user to be directed to that page. I tried some inline JS on the actual tab itself, disabling the tab, etc. to no avail. Any ideas on how this can be accomplished?
how to Persist JQuery object into HTML string & convert back from HTML String into JQuery object
Hi All, Sorry if i am not enough researching about JQuery, i am a newbie in JQuery. i can do simple stuff like draggable and droppable object in JQuery, the problem is, i want to convert the result into HTML+JQuery string and save it into database table, and also i want to be able to read the HTML+JQuery string from database table and convert it back into JQuery object , so i can start to play with it and save it whenever i am satisfy. Is there a tutorial how to do that ? cause i have been searching
Selectables: How to prevent unselect from occurring?
Hi I'm using the jQuery UI Selectables library, and so far so good - it's easily taking care of all the things I'd like to do. Though what I'd like is for the user to make their selection with a number of drags if they choose to. I was wondering if people have recommendations on the best way of preventing previously selected items from becoming 'unselected' when a new selection is made. I could attach my own events, or modify the callbacks, or try to comment out the lines from the Selectable library,
Jquery dialog box with scroll bars
Hi, I'm trying for displaying a very long string onto a jquery dialog box. Can anyone help me in solving this problem. I would appreciate if i can have code for this :-) Thanks, Kishore
defaults...
Hi, I have a cuestion about the use and abuse of the plugins... I want to use the next configuration $('#'+MyChildID) .dialog({ title:$(this).html(), resize:function(){ $('#'+MyChildID+" #dialog").height($(this).height()-78); $('#'+MyChildID+" #dialog").width($(this).width()-12); }, bgiframe:true, height:510, width:820, position:'right', close: function(){$(this).empty().dialog('destroy');}
Status of 1.5.2
I'm looking specifically for a fix to Dialog that I believe is in 1.5.1, but both the builder and dev bundle downloads today offer 1.5.2, which as far as I can tell hasn't been released, and is giving me problems. Is there any way to download a customized minified version of 1.5.1 any more? I'm asking specifically because I get a fatal error with tab code that works fine in 1.5.0, using jquery 1.2.6 as before. Top part of the stack trace is this, but I doubt that's very useful: data(undefined, "load.tabs",
Date Problem (dd/mm/yy)
Hello, I got a problem sorting dates(dd/mm/yy). I already tried almost all kind of solutions, but no success all cases. Here is my snippet: $("#testandoTable") .tablesorter({ widthFixed: false, widgets: ['zebra'], debug: true, headers: { 0:{ sorter:"shortDate" } }, dateFormat: 'dd/mm/yy' }) As you can see, there is nothing wrong, since script runs fine. When i build my table displaying 'yyyy/mm/dd' it is sorted ok, but my date column is always sorted by mm/dd/yy when i display other format, like
Ui Slider startValue
Hi, I have some trouble with my slider : $('#price').slider({ min: 100, max: 200, startValue:150, stepping: 10, slide: function(e,ui) { $('#priceUser').html(ui.value); }}); The startValue doesn't work. May i forget something ?
Tracker error (again)
I've the same problem as months ago. After I filled a ticket (for italian localization) I'm not able to see any report. Here the trace of the trac Oops… Trac detected an internal error: IntegrityError: (1062, "Duplicate entry 'apaella@gmail.c-1-0' for key 1") There was an internal error in Trac. It is recommended that you inform your local Trac administrator and give him all the information he needs to reproduce the issue. To that end, you could ==== How to Reproduce ==== While doing a GET operation
draggable TDs possible?
I'm building a table and I want to drag around TDs, but I'm having trouble. When I drag a TD around, I don't see the box move. I can put a div inside the TD, and that drags OK. Is it wrong-headed to drag around a TD?
question about shadow effect
Hi, all I try to use shadow effect as it states on UI document. It came out with an error said that shadow() is not a function. Don't know what part of UI is depended. Thank you in advance! jack
Searching through a multi-select box
Hello all, I am having some problems with a plugin I am trying to use to search through a multi-select box in a form I am creating. I have attached the plugin code here is the application code <script type="text/javascript"> $(document).ready(function () { $('select#target_FC option').quicksearch({ position: 'before', attached: 'select#target_FC', loaderImg: '/images/loader.gif', focusOnLoad: true }); }); </script> and here is the HTML in the multi-select <select name="target_FC" id="target_FC"multiple="multiple"
Tablesorter Metadata plugin documentation
Another note about Tablesorter's documentation -- it doesn't say that the metadata plugin requires the metadata.js. There's a note about this file at the bottom of the page and you can also figure it out if you look through all of the linked JS files in the metadata examples, but you shouldn't have to look through all the links in the source to know to include the link. It would be great if the maintainers added a note about that.
loading jquey after tinymce
I'm having a problem with TinyMCE popups where the document.body.innerHTML is being completely replaced by tinymce's javascript based translation engine when the popup window is loaded. (ie: jquery form is initialised, then the form is replaced with a translated form and ajax is broken.) The obvious, and least intrusive solution is to make jquery load after tinymce, but I can't seem to figure this out. Any help would be greatly appreciated. -Matt
Quick Syntax Help: CSS Overflow property and borderBottom property.
Hi All, Just getting familiar with the jQuery animate() syntax. The recent updates in the jQuery library are incredible. Way to go team. I've got a couple questions: 1#. USING ANIMATE TO ADJUST CSS (OVERFLOW AND BORDER-BOTTOM): For overflow, I'm using this (though it's not working correctly due to a syntax error I'm missing): $("#slogan").animate({ overflow: 'visible' }, 1000 ); For border-bottom: I'm using this (though it's not working at all either): $("#slogan").animate({ borderBottom:'1px solid
Change settings
Different ways to change setting: .api({settings}) (most, do we need to destroy them before reset options?) .datepicker("change",{settings}) .autocomplete("setData",{settings}) (is this right?) and I think datepicker and colorpicker should use same code for floating container :)
How to find the new size of a div via the resizeable stop function call?
I'm working on my first JQuery UI routine and have divs that are stretched by the user. The size snaps nicely to a grid, but I'm having trouble making sense of the e and ui variables that are passed by the stop function. Can anyone point me to information on these structures, or some examples of people using the values when resizing stops. All the demos I've found just size the divs but do nothing afterwards. Thanks
SVN 1.6 branch
Why 1.6 was removed from SVN branch? Where can we get this?
google maps and tabs
Hello, I am very new to the javascript world and just started to use jquery. I am currently testing zenphoto gallery And tried to add tabs to display on one tab the image on the other the map. But it seems that embedding google maps in a tab, does not work very well. IE seems to ignore the error and continue. Opera does not like it very much, and firefox definitively do not like it. It looks like once in a tab google map script do not manage to access the DOM did anyone have that problem? Thank you
ui dialog not working in ie7
I've got a web page here that is using the jquery dialog boxes fairly frequently. I can't even get the dialog boxes to come up in IE7, though they work well in Firefox. I've got the web developer plugin in IE, as well as Fiddler but can't see any errors. Can anyone check out my page to see what might be wrong with IE7? Thanls http://www.pvifootball.com/test/ IE7 Dialog Problem Check out Volunteer Opportunites, then click any button with Volunteer on it! -- View this message in context: http://www.nabble.com/ui-dialog-not-working-in-ie7-tp18475392s27240p18475392.html
Problems with FF and UI Tabs
Hi there, I have a problem with FF when creating the tabs horizontally. Please view my demo at http://www.compasswebservices.com/web/billboard/demo.html My problem is that I want the default to be dark blue, when active or focused to be grey and when no longer active return to blue. It does this fine until you select one of the tabs and it remains grey. In IE (go figure) I don't have this problem. So I'm thinking it might be the CSS. Any ideas?
fadeOut and remove
Hello guys! I'd like to fade out an element and then remove it: $(this).animate( {opacity: 0.0}, 1000 ).remove(); but it removes it immediately. How can I solve this?
Dialog broken in IE7 and IE6
I've been using UI/Dialog for a while. I recently updated my jQuery UI build to include some modules I had left out before, and now I get an error every time I tried to create a dialog in IE (6 and 7). I've created a minimal test case that consists of: ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ <!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" xml:lang="en" lang="en"> <head>
animation
I used JQuery animation to enlarge a picture. the only issue is that I have multiple pictures, whenever i move mouse over one picture, if the enlarged picture is too big then it goes under the nearby picture instead of over the nearby picture. what I want is that the enlarged picture cover/hide the nearby pictures. I listed my code below, thanks. <ui:define name="body"> <style type="text/css"> .pic-normal { width: 120px; border: 2px solid #ACBECE; } .wrap1 { width:190px; height: 130px;
Can we set a minimum height for UI Accordion items?
Is is possible to prevent accordion items from closing completely, so they still reveal a little of their content when closed? I'm using a standard <dl> list with a <dt><dd> arrangement for each item. A bit of background: The <dd> elements must show some of their text content even when closed. Clicking the dt or dd will reveal the whole content. (I suppose one solution would be to use the closed-style of the dt to show a little content in it when the dd is hidden, but that requires the text content
Sortables - need some advice
Hi there, I'm using jquery UI sortables for an iGoogle style interface but have some questions about how to get it to be easier to use and perform better. Sortables clone the entire object to drag when you start dragging. In my case this is a fare chunk of HTML and as a result it feels clunky and slow, the docs don't have examples of how to write your own helper function. How could I remove a chunk of the HTML in the clone, or ideally not use a clone at all but treat the original object as a draggable
Getting html of dragged element
If I have a few elements with the same class and drag them, then drop them into a droppable, how can the function for when this drop occurs get the inner html of the particular element which was being dragged and dropped? $(document).ready(function(){ $(".customer").draggable({helper: 'clone'}); $(".drop").droppable({ accept: ".customer", activeClass: 'droppable-active', hoverClass: 'droppable-hover', drop: function(ev, ui) { $(this).append($('.customer').html());
(ASP.net) Preventing postback on dialog button click
Hi guys, I'm newish to JQuery and having a problem using the dialog with asp.net. I've had to change the dialog.js file so that it attaches the dialog to the aspnetform instead of the body so i can get the postback values from asp.net gridviews. Now i'm having a problem when clicking on a button on a simple message dialog that simply closes the dialog down and it's causing a postback (because the button is within the server form) Normally I get around this problem in javascript by simply doing a
1.6 documents
Hi, guys I've finished documents for spinner, colorpicker, progressbar and magnifier. Please check them because of my bad English. http://docs.jquery.com/UI/Spinner http://docs.jquery.com/UI/Colorpicker http://docs.jquery.com/UI/Progressbar http://docs.jquery.com/UI/Magnifier http://docs.jquery.com/UI/Changelog/1.6 (till r497) (Yes, I'm asking you give me a thank :P ) Now autocomplete has its own document at http://docs.jquery.com/Plugins/Autocomplete Should I move it under /UI/Autocomplete, or maintain
Sortables with Draggables bug?
I have a need to make a sort of layout page where you can drag elements into specific positions. So basically a draggable connected to multiple sortables. I've put together some sortable and layout (demo) code and come up with this: var updateUpDown = function(sortable) { $('dl:not(.ui-sortable-helper)', sortable) .removeClass('first').removeClass('last') .find('.up, .down').removeClass('disabled').end() .filter(':first').addClass('first').find('.up').addClass('disabled').end().end()
datepicker current selection
i have 2 datepicker inline elements/objects and it's working as expected but i don't know how current selection works. when i select some date currently selected date is changed but there is no color/style applied to newly selected date. how can i do that? Aljosa Mohorovic
jQuery sites not working
Hi all, I have problems with *.jquery.com sites, including ui.jquery.com. Only site which actually works for me is http://jquery.com. I'm having problems with reaching jquery documentation for a couple of days now. The question is: Is it just me or is it down for everyone? The second one is: Are there any jquery UI documentation mirrors (sort of visualjquery but with UI docs as well)? I think mirrors would be a great idea, what do you think? :) Thanks a lot. -- Bohdan Ganicky
Dialog for Fisheye
Hi, Is it possible to add dialog to Fisheye.. i.e onclick I should be able to fire a dialog. - Anush
Help with tabs-flashing
Hi guys, I'm working on creating vertical tabs using JQuery UI Tabs. I've got a good chunk done, but I've hit a snag. In firefox, the buttons "flash" when rotating. This doesn't happen in IE 7 (disregard layout issues-will resolve when done). Also, when you click on a button, that button will turn a grey/blue. Once it restarts it rotation, that button should return to blue when the focus has left it. It works in IE7 but not in FireFox3. Any suggestions? Here is a link to the the tabs. http://www.compasswebservices.com/web/billboard/demo.html
tabs help
Have anybody worked on Tabs here where new tab opens only if its not opened already.
Dialog auto resize bug
Hi all, I am trying to use the latest version of JQuery UI but there's a bug with the dialog where it doesn't automatically resize anymore. I had found a post on here somewhere before that someone else had pointed that out and one of the devs said they'd make a ticket for it, but as far as I can tell there's not been another release since then and the bug is still there. I have an older version (1.5) that the bug doesn't exist in but I didn't have some of the other things I need for this project
MSIE7, dialog jumps around when resized
I am testing UI/Dialog. Works as expected with Firefox, on my MSIE browser it works OK except for a 'jumping' behavior. I have a very long web page, about 2-3 times screen height. At the very bottom I have a button that enables a modal dialog. I press the button and the dialog appears. If I grab the "title bar" (when CSS is installed and working on examples), or when I grab a border of the dialog, it jumps to the top of the web page. If I have jquery.bgiframe.js installed, it instead jumps to a location
Horizontal Sortables failing on variable height elements
I have composed a horizontal container of linked lists, each containing sortable elements. The horizontally linked lists themselves are also sortable. (See demo). (Demo) http://www.inovasdesign.com/TestApp2.html In this example, click "add element" maybe 5-6 times to get a sufficient length that cannot be sorted with other elements. If you remove elements (drag them to other columns), that list will become sortable again. In my demo, you can add columns and elements. My problem arises when one list
Modal dialog in IE - non-bgiframe solution?
A jQuery dialog of mine was modal in Firefox (right) but not modal in IE (wrong). I looked around and saw some comments about using the bgiframe plugin. I'm lazy, and that looked like too much work, so I tried using a 1x1 transparent GIF as the background for the overlay pane: $("#dialog").dialog( { modal: true, overlay: { "background- image": "pane.gif)" } } ); That seemed to work, even when the content beneath the overlay pane included SELECT elements. BUT... I only tested in IE7, and I am not
IE Text Disappears after hide call.
Sorry for the long example, but this problem has been stumping me for quite awhile now. I have an HTML page that I create through a jsp that renders as shown below (I've tried to cut out extraneous details but leave in all the important parts, I've also made all classes/ values generic). I've also included my JQuery code. The problem that happens is that about 10% of the time this page loads, the text in the "details Text" section won't appear in Internet Explorer (both 6 and 7). If you then select
Next Page