Using cookies makes Sortable crash
Hi. I'm using UI and sortable, and am now trying to use cookies to remember which pages are visible and not. I am using the following code: $('.expand').click(function() { var parentId = $(this).parent().attr("id"); var parentId = parentId.replace("page", "parent"); if ($('#' + parentId).is(":visible")) { $('#' + parentId).slideUp("fast", function() { $('#expand-' + parentId).attr("src", "images/sortable-expand.gif");
Refresh selected tab?
Is there a way to reload the selected tab I know there is the .load() function. But it wants a tab index and I don't seem to see a way to grab the selected tabs id.
UI Default effects
Hello guys, im in doubt about which effects can be used with the widgets without downloading the effects core. If i download the datepicker widget, i can use the effects "slideDown", "fadeIn" and "show" (with the method "showAnim"). Here is what the documentation says about the showAnim method: "Set the name of the animation used to show/hide the datepicker. Use 'show' (the default), 'slideDown', 'fadeIn', any of the show/hide jQuery UI effects, or '' for no animation.". However, these effects does
JQuery Code is not executed in UI Tabs when tab content is loaded through Ajax
Hi all, I have used JQuery UI Tabs in my recent project, my first JQuery UI control in a professional project. They have been working great until i decided to load the second( and third) tab's contents dynamically. I am using the tab's url to access an .aspx page like follows: <div id="tabs"> <ul> <li><a href="#Bookings">Bookings</a></li> <li><a href="MyDynamicallyLoadedPage.aspx">Dynamic Content</a></li> </ul> <div id="Bookings" >First Tab's Content</div> </div>
dragging to delete an object...
Hi All, I've got a fairly complex web app that allows a user to edit a series of 'pages' (they're just DIVs) on a single web page. There's a scrolling list of fields that can be dropped onto this page within the text. So far so good. It occurred to me that it'd be appropriate then if I could drag the items off the pages to delete them. Okay, thinks I, I'll just make the item draggable if the mouse is hovering over it: $(hoveratom).draggable({ opacity: 0.7, helper: 'clone',
Passing a variable to a dialog box
I need to pass a variable to a dialog box. Since I couldn't find a proper way how to do this, I decided to use the dialog title to store the variable. The problem is, that I can't read the right ID-value which is read from the button's ID. Have a look at this code to understand the problem. If you click on either button, you still get the ID-value of the first button. Btw, is there an other way to pass variables to a dialog box? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Know any Scrollbars?
Hi there Does anyone know a custom Javascript/Jquery scrollbar thats compatible with the Jquery UI Tabs plugin? Thanks
Bug? Draggable and unbind.
Hi, I've noticed that if you make an object draggable and then unbind it, you can't make it draggable any more. See sample code below. <ul id="foo"> <li id="bar">bar</li> <li id="baz">baz</li> </ul> <script type="text/javascript"> $(document).ready(function() { $("#bar").draggable(); // Can drag $("#bar").unbind(); $("#bar").draggable(); // Can't drag any more }); </script>Is that a bug? Cheers, Julien
jQuery UI tabs widget code in AJAX mode works in IE and Firefox, but doesn't in chrome. Any idea why?
<!doctype html> <html> <head> <style type="text/css"> </style> <link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.8.2.custom.css" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script> <script type="text/javascript"> $(function(){ $("#tabs").tabs(); }); </script> </head> <body> <div id="tabs"> <ul> <li><a href="somewhere.html">Quelque part</a></li> <li><a href="playground.html">La
Scrolling does not work in dialog for IE 6
Using JQuery: 1.4.2 JQuery-UI: 1.8.2 Internet Explorer 6 When I have a long text in a dialog, scrollbar does not appear so a user can't see the whole text. Example: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link type="text/css" href="css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" /> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
JQuery Auto complete and ASP.net
I am new here in the forum and also new to the JQuery. I was finding how to use JQuery Auto complete in my asp.net on Internet , I come through following article http://www.codeproject.com/KB/aspnet/Jquery_Autocomplete.aspx which shows how to use JQuery Auto complete with asp.net. I download its source code and I ran it successfully, his codes working good. But when I integrate it in my project. It is not working. I found that his project is made on asp.net 3.5 and my project is made on asp.net
Error: too much recursion. Tabbing wont work
Hello there, I am using tabbing and accordian on a page. I am using nested tabbing as well. Everything worked fine until today evening. I did not make any change in the script but this error pops up in firebug console and tabbing wont work. None of the tabbing(inner or outer) are working. I get the following error: $()jquery.min.js (line 12) bridge(Object { name="a"}, Object { name="c"}, Object { name="d"})jquery-ui.min.js (line 10) using(Object { name="c"}, Object { name="j"})jquery-ui.min.js (line
EmbedPicasaGallery plugin doesn't work in UI Tabs for IE and Safari
Hi! I have a webpage that uses EmbedPicasaGallery plugin to display Picasa albums. Everything works fine in Firefox, but Safari and Internet explorer simply doesn't run the plugin script. If I try plugin dirrectly without tabs, then everything is fine on all browsers. here is a link to my gallery http://www.sowhat.tk/#4
Setting Slider Range Option Misbehaving
I am developing a search form and am using jQUI sliders for many of the criteria. I wish to allow the user to select if they want to search for properties with "more", "less", or "exactly" the number of beds/baths they have selected using a buttonset. The buttonset's change behavior is described below: // Bathroom more/less/exactly behavior $('input[name="compare_baths"]').change(function () { switch ($(this).val()) { case '+': $('#slider_baths').slider('option', 'range',
autocomplete not filtering based on input
i'm attempting to integrate jquery/jqueryui into a spring 3.0.3 app. i have 2 autocomplete widgets on my jsp page. the first uses a source of local defined array, like the documentation example. this widget works as expected. items in the suggested list are filtered. $("input#autocompleteDemo").autocomplete({ source: ["c++", "java", "php", "coldfusion", "javascript", "asp", "ruby"] }); in the second widget, i've set the source to retrieve the array of suggested values through
datepicker & slider
I have a form w/ two jqueryui widgets (datepicker, slider). The problem I'm having is my datepicker is appearing on top of the slider and the drag/drop bar from the slider is showing through the datepicker. Is there an easy fix for this? ie: make the datepicker appear in a frame or something?
Supressing Autocomplete menu open on search
I've got an Autocomplete box that is a filter to a datatable. When the person searches in the box, autocomplete does it's job and attached to the source callback, it does an ajax lookup and triggers an update to the table. Additionally it updates a div mentioning how many suggested results were returned. I've also got a "suggest" button that triggers .("search") and .("close") to show or hide the menu. I'd like to suppress the auto opening of the menu during normal search. I've tried to override
Using Autocompletion() with Arrays that don't start at index 0
This is more of a gotcha than an error. I am using the autocompletion() UI widget on a form input field. The field is for a file name. I am dynamically generating the array for this field by looping over the file names in a specific directory. In my loop, initially I skipped any undesired names I loop over (ex. '.svn', 'thumbs.db', etc). Since these were there in my directory and were at the top of the list, my array started on index 2 instead of index 0. That caused the widget to throw an error
Dynamic nested widgets like ExtJS has.
Hi, It is possible to create nested widgets dynamically? An example for a window with a tab panel: http://www.sencha.com/deploy/dev/examples/window/hello.html code: http://www.sencha.com/deploy/dev/examples/window/hello.js I want to create a complex one page app with jqueryui but I don't understand how to initialize complex nested widgets. Do I need to start each widget separately and use timeouts or events to make sure they are created at the correct order? Thanks
Why do my div positions not remain constant with .position()
Hi, I am trying to build a mega drop down with JQuery. I have binded a mouseover and mouseout event to an unordered list where each li is a navigation option and have a div child which onmouseover should .show() and .position() underneath the navigation option. This works as expected on the first mouseover but for subsequent mouseovers it seems to move down and across from its previous position. Please can someone advise what I am doing wrong or what I need to change so that the div positions are
Draggable Dialog : dragging handle
Hi, I was looking for a way to allow dragging by elements inside the dialog content, because i didn't want to use the dialog title bar. I first tried to add elements with ui-dialog-titlebar class (and skin them so that it doesn't look like a tittlebar) but it didn't work. I looked to the ui-dialog js code and actually the 'cancel' option has 'ui-dialog-content' class (meaning nothing in the dialog content can be a draggable handle). The solution i chose to this is to set the draggable options of
fixed size buttons?
Hi all, What's the "correct" way of changing button size? I need three buttons, but they would need to be the same size or it will look a bit ugly. See screenshot - I'd rather have them all to have the length of the longest one, than being all different like in the screenshot. Thanks!
How can I make 3 range sliders 3 different colors?
I am using range_slider in SAGE and I have 3 that I want to each be a different color such as one red, one blue, and one yellow. Can someone tell me how I can do this?
Help with ui selectable.
Hello, First let me say thank you in advance for your help. I am new to using jquery as I am a PHP programmer by trade and I am still trying to get past the learning curve. Any help making this better would be greatly appreciated. What I am doing is this, I have a list of images when clicked or selected I want to update a input with the alt tag of the image. So far I have this but as you can see the code is redundant and I think it can be made more efficient. How it works: Select Image 1 update input
modal dialog keyboard disabled
jquery ui version 1.8.2 (also in 1.8.3) When using a jq ui modal dialog and google maps api V3 with a marker which contains a textarea, no keyboard input is accepted in the textarea. Any hints about how I could solve this? If I take off the modal state, it works as expected but thats not the functionality I want.
UI Dialog Overlay re-draw
Using UI 1.8.2, I am adding content to a dialog after it is rendered (validation messages). When the content is added the overlay's sizing is getting distorted and unnecessary scroll bars are appearing on the window. I was wondering if there was a method I could call that would redraw or re-size the overlay (similar to what occurs when you drag a dialog)? Thanks josh
AJAX Generated Dialog
I'm attempting to use jQuery.get to load content from an external page into a jQuery UI Dialog and present it to the user. I've gotten this far, but keep running into an error: Uncaught TypeError: Cannot call method 'prependTo' of undefined jquery-ui-1.8.2.js:824I've been trying to debug this for a while now and can't seem to get anywhere. I had it working for a couple minutes while messing around in the console, then it broke again when I put what was working on the page. $('.modal').click(function(e)
Contact Form In Dialog
Hi everyone. I have been following the sample modal form found here http://jqueryui.com/demos/dialog/#modal-form but I cannot figure out how to get this form to send an email instead. I would like to use PHP but I am unsure how to make this work with the jQuery code. Any tips or better yet, a working sample that's close to the example provided?
draggable has premature stop in IE
I am working on an editor of sorts where portions of the document being edited can be moved around to other areas. These "blocks" move around fine in Firefox. In IE, however, we are getting a stop event in the draggable before the user lets up on the mouse, particularly when the user is dragging upwards. Here is a very stripped down version of our editor on JSBin: http://jsbin.com/uvayu3/35 We think it may have something to do with the fact that we move our placeholder out from under the helper
How to connect my shopping cart to Mysql through PHP
Hi everyone, I am currently using jquery iu and it is working like a charm. One of the things that I come across is using the demo "shopping cart" to connect to my "database". For example, when I drag an item, the php script should perform select from Mysql. When I drop it into my shopping cart, the php script should add/update the dragged-item into a new table. In another word, when I do drag and drop, I want php to select the stuff from the database table and then updates it to another database
autocomplete - retrieve input text not in term variable
Hi, is possible to retrieve autocomplete textbox value not using the term variable but using another one? I'm trying like this but is not working.... Thanks, Riccardo <div class="ui-widget"> <input type="text" id="csp" name="csp" /> <p></p> </div> $(function() { $("#csp").autocomplete({ source: "index.php?r=site/autoCompleteCsp" +"&from="+$("#from").val() +"&to="+$("#to").val()
My Accordion bounces
I am using the accordion from: http://www.marghoobsuleman.com/mywork/jcomponents/accordion-common/accordion.html I need the accordion to be a fixed width because I have three columns on my page and it will be in the middle column. If the animation is bouncing it will not look right. Any help would be greatly appreciated. Dave
button - set multiple options at once
Hi, i tried to get this code working: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Buttons Test</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript" charset="utf-8"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.min.js"
text box event on accordion header
Hi , I have a textbox over accordion header , now if i type space into the textbox my accordion get collapsed if it is open. so prevent that i have written following code $(".edit").click(function(event) { // if default text is present then select the whole content if ($(this).attr('default') == $(this).val()) this.select(); event.stopPropagation(); }); Now the problem is when i dobule click then whole content written inside textbox is not selected (Which
Google Api Libraries
Don't know if this is happening to anyone else, but it is to me. When I use google.load("jqueryui", "1", {uncompressed:false}); for the jQueryUI api loading, I get a jqueryui function that adds something strange to all buttons when creating them: curcat.find("div.postRow a.newpostbutt").button({ icons: { primary: "ui-icon-plusthick" } });Adds the following class to all my buttons: ui-button-text-icon-primary instead of: ui-button-text-iconWhich immediately
Using Selectors API
I am studying jQuery. I have implemented an example from the book Beginning Javascript and CSS Development with jQuery, page 32. This is a simple implementation of showing/hiding a <div> that simulates a pop-up window. The code works perfectly with Firefox. IE 6 is not so perfect. When the div is first shown, the border defined in the css only shows along the top of the div and partially and equally down both the left and right sides of the div. After toggling the div hide/show when visible shows the
[connected sortables] Pulling hair at this idea. I need to send a variable with my receive callback to change a DB value.
Page setup: Mylist1 Mylist2 Mylist3 content content content content content contentEach of these lists are generated with a separate php file with its own SELECT query (if the DB's content has a boxid of 3, then its printed to list 3. WHERE boxid = 3 for example) Each of these sortables has the class biglist and I've used connectWith and containment to allow content to be sorted between them (only visually, doesn't save on page reload) How I am generating the content
Bind multiple objects to slide event?
I have several objects on a page I want to connect to a slider. Imagine if you will: Slider 1: "#design-speed-slider" Slider 2: "#actual-speed-slider" Box 1: "#protection-zone" Box 2: "#dilemma-zone" Box 2's size and position are determined solely by the value of Slider 2, but Box 1's size and position are determined by the values of both Slider 1 and Slider 2. In the slide event of Slider 1, I try referencing the value of Slider 2: var designSpeedMPH = $("design-speed-slider").slider("value"); But
jQuery UI Tabs - Create an Anchor to content within Tab?
I'm new to jQuery and not an experienced programmer, but I was able to implement jQuery UI Tabs into my website, it was very cool. I ran into a problem that I haven't been able to figure out however. I have a lot of links scattered throughout the internet to specific anchors on my current website (like this: http://bit.ly/dxh7cy), but now I have that linked content behind a jQuery UI Tab and I can't get that anchor to work anymore. Would there be a way to redirect my old anchors to specific parts
How to apply css to all element!?
I have created my theme at: http://jqueryui.com/themeroller/ and in my site have some button like: <input type="button" /> How can I apply css click able to all my button!? Thannks for your help!
Next Page