jQuery UI - Resize - Only one handle with aspect ratio
Hi there, I'm using jQuery UI to make an image resizable like this .resizable({ handles: 's,e,se' }); And i would like the se handle to keep aspect ratio, not the other one. I've tried like this: .resizable({ handles: 's,e' }).resizable({ handles: 'se', aspectRatio:true }); But it's not working... and Idea ? Thanks
Ui-Dialog
i used a popup.is it possible to apply all ui-dialog properties and methods to it ,that mean i will not use jquery-ui dialog box instead of that i using my popup there, Is it possible tell me how?
autocomplete - repeat searches no results.
Hello all! First time in the forums. I have setup an autocomplete text field, linked to a db datasource that is loaded through an ajax json call. I have noticed that if a perform a search (e.g. "ch"), then backspace and perform the exact same search, the results dropdown will not appear the second time. This only happens if performing the exact same search twice in a row. If I do another search (e.g. "chr"), the second time, then do my original search I will get the results dropdown as expected.
My Popup acts as jquery-ui dialog
I have a popup ,is it possible to applu jquery-ui dialog properties and methods to it. That means i don't want the dialog box what i have with jquery -ui , but i want the properties and methods of that dialog box;
dragable and selectable
Hello, I need a list which you can select a item and drag it around, thats no problem. Then you need to select it or multi select with crtl. also, thats no problem. but how do i turn off the multi selection which my arrow? like when you hold the left mouse button you can select a few with hovering over it. How can i turn that off? and whats the best way to combine that?
Dynamic links inside Accordion
I'm sure this is possible but I'm not sure how to tackle it... I have an accordion being used as a left-hand nav bar. The user clicks one of the links in the accordion nav bar. A form appears and the user fills it out. After it is submitted, a link appears in the nav bar. Clicking this link recalls the data submitted in the form. The user can then choose to edit or delete the contents. If the user chooses to delete it, the link disappears. My nav bar code looks like this: <a class='header' href="#part1"
Changing background of body when themeroller theme changed
Hi, Would like to update the body css background to match (more or less) the selected theme from themeroller. I have tried this; function updateBodyBackground() { var bgColor = colorToHex($(".ui-widget-header:first").css("background-color")); $("body").css('background-color', bgColor); };Using this function I found on Haack's site; function colorToHex(color) { if (color.substr(0, 1) === '#') { return color;
Chain of effects and functions
Hello. Forgive for my English. Help with a solution of a problem. <ul> <li> 1 </li> <li> 2 </li> <li> 3 </li> </ul> It would be necessary that the effect was applied on the first <li> then function, then effect was executed was applied on the second <li> and function and as with the third was executed.
blockui - draggable
Hi, How do I make the blockui popup (div) draggable? Thanks in advance.
AutoComplete need to create a hiiden field with $id returned from json/php mysql query
The code I am using creates a span after picking a member from the database so the form will not send because it is empty i need to create a hidden field with the id info from the JSON results can anybody assist me with the addition to this piece of code to accomplish this? here is my auto complete script $(function(){ //attach autocomplete $("#messageTo").autocomplete({ //define callback to format results source: function(req, add){ //pass request to server $.getJSON("friends.php?callback=?", req,
absolute positioning doesn't work in a dialog on any browser
absolute positioning from a parent element doesn't work in a jquery UI v1.8.4 dialog box. I'm having a hard time coming up with a workaround for what I need, so figured I'd post this issue here and see if there's a potential fix? Basically, if you have a div (doesn't matter how nested it is) with css position:relative inside a jqueryui dialog, and then inside that div you have another div with css position:absolute, the inside div will be positioned relative to some other element (an unknown element
how to play a embed video in a dragable div
Hi friends, I have embeded a video in a dragable and resizable div. It's working fine, but when I want to play/stop the video I can't. How could I press the buttons of the video player? is it possible? I attach my code ... --------------------- <?php require_once("common_functions.php")?> <!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"> <head> <meta http-equiv="Content-Type" content="text/html;
Accordion item expands even if there are no child elements.
Parameters I use: active: false, collapsible: true, animated: 'easeslide', autoHeight: false, Please check the attached screenshot. Note: The issue disappears if the following steps are done: 1. Open an item with no children (item expands now) 2. Open another item with no children (now this item doesn't expand). 3. Open the first item again now (the item won't expand now). Version used: http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js
Dialog - Unable to get the X to theme properly.
I've tried everything I can think of, but I cannot make the "X" change to the ICON I want it to in the dialog. Here's my CSS class, all it does is overlay my "X" over the other X and it still changes color when I hover, which I don't want it to do. Any ideas? I also want to center the text in the title bar, but that's not working either. I need help!!!!!!!! .ui-dialog .ui-dialog-titlebar { text-align:center; } .ui-icon .ui-icon-closethick { background:url(../img/Close_Normal.png)
hoverintent accordion example broken in IE 8
Hello, I am trying to use a hoverintent event for an accordion on my site. However, the example I'm using on the jQuery UI site throws an in IE8. Gives a 'Member not found' error. Any help is greatly appreciated. Edit: URL to problematic demo: http://jqueryui.com/demos/accordion/hoverintent.html
blockui Popup doesn't popup
Using jquery.blockui.js I have the following in a javascript function but the popup never occurs. It displays the Alert("AAA") & Alert("BBB") but never displays the blockUI popup. It doesn't show an error so I don't know what I am doing wrong. Thanks. alert("AAA"); function () { $.blockUI({ centerY: 0, css: { top: '10px', left: '', right: '10px' } }); setTimeout($.unblockUI, 2000); }; alert("BBB");
jQueryUI 'unloading'/memory use
I'm rather a novice when it comes to Javascript/jQuery etc., so please forgive me if this question betrays a fairly serious lack of understanding about how JS works. I'm developing a site which employs jQuery's getJSON method to get information from a set of PHP scripts - including jQueryUI dialogs (in short, the JSON data includes the jQuery code required to set up the dialog, as well as the actual HTML for the dialog box(es); the jQuery code is wrapped in a 'script' tag and inserted into the head
Slider Min / Max Set from input fields
I have a question about min max values coming from input fields. Current this is what I have written. min: $(this).parent().find("input.min").val(), max: $(this).parent().find("input.max").val(), value: $(this).parent().find("input.value").val(),The interesting thing that I have come across is that when i set the input.min value to 0 the slider works fine. When I set it to 1, the slide functionality no longer works. I guess my question is two fold 1. Why does the slider not work on a minimum value
How do i use mysql db to for autocomplete?
I have tried several scripts but nothing will work can anyone post a sample script to query mysql and then output for autocomplete? I would be greatly appreciative!!!
Possible bug when Adding Autocomplete Comboboxes dynamically
Hello, It seems that adding comboboxes dynamically, after the first one, voids the previous autocomplete/combobox event handlers and nulls the previous Selected value. See html here: http://gomedia.cc/plv3_svn/tpl_mockups/comboBoxIssue.php Js here: http://gomedia.cc/plv3_svn/js/newProject_docReady. & here: http://gomedia.cc/plv3_svn/js/autoCombo.js The bug appears to occur in Gecko browsers. IE works as far as I can tell. We're actually trying to populate these with ajax but ran into this issue
Autocomplete Widget + Highlighting
Hello! I'm looking for a solution to highlight the chars entered in my in input tag in the autocomplete box. $("#location").autocomplete({ source: function(request, response) { if ( request.term in locationCache ) { response( locationCache[ request.term ] ); return; } $.ajax({ url: "autocompleteLocation.php", dataType: "json", data: request, success: function(data) {
Customize Datepicker button Image
Hello guys, How can I customize the image position of the Datepicker. thanks
How can i reset a buttonset with another button
I want to make a reset-button that resets multiple buttonsets at once. It would be helpful if i know how to make one button pressed in a buttonset from outside. Anyone can help?
Draggable nested inside Draggable drags both when dragging child in IE
Hi, I'm building a seating application using jQuery. I have tables with chairs around them, which may have guests seated at the chairs. Each table has a wrapper div which is draggable. Inside the table are any number of chair div's. Inside any chair div a guest div may be seated. Here is a sample of the markup for one such table. This table has 8 chairs with two guests seated at the first two chairs. <div id="table-wrapper-1" class="table-wrapper table-type-0 ui-draggable"> <div id="table-1"
jQueryUI 1.8.3, character encoding ISO-8859-1, and IE6 doesn't work.
I have been testing my site on IE6, and came across some errors. I traced it back to my character encoding: <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> Just for kicks, I changed from jQueryUI 1.8.3 to jQueryUI 1.8.1, and it worked. I then left it as jQueryUI 1.8.3, but changed the character encoding to the following and it worked: <meta http-equiv="content-type" content="text/html; charset=utf-8" /> EDIT - SAME RESULTS WITH JQUERYUI 1.8.4 AS 1.8.3. Can anyone explain
ui dialog and live problem
I'm using the ui dialog to show an input form. I have a table where you can edit each row, the values from that row come into my ui dialog. When submitted it shows me the table with the updated values. This part works fine When I want to edit a second row, it won't work. The ui dialog show up with the correct data, but when I edit that data and submit it he does not put the updated values in my table and doesn't close my ui dialog. Here is my html code: <div id='dialog2' title='Wijzig' style='display:none;'>
droppable <tr>, disable childs <a> onclick
Hello, I have a droppable <tr> which contains some <a> links. Those links have a onclick function: <tr id="myselector"><td><a onClick="doFunctionA()">foo</a></td></tr> On the drop even on the <tr> element, I do another function: $("#myselector tr").droppable({ drop: function(event, ui) { ... } }); The problem is that when I drop something on the link, the "doFunctionA" is called and then only the function defined on the tr element. How can I
Sliding DIVs
I know jQuery has animations that can slide DIVs, but i'm having a hard time creating the right function to do what I need to do. Many examples online show a previous and next button that alternate from DIV to DIV, but this isn't what i'm wanting to do. Here's my layout: 1) Anchored images pointing to a class corresponding to the appropriate DIV: <a href="#div1"><img src="image1.png"></a> <a href="#div2"><img src="image2.png"></a> 2) Initial DIV showing content when the page is loaded: <div class="initialDIV">content</div>
Dragscrollable pane with velocity and friction
I am using this pluginhttp://plugins.jquery.com/project/Dragscrollable It's great except I would like to be able to grab the pane, and slide it and have it continue in it's heading for a few seconds after I letgo of the mouse, can anyone assist me wit this - I am very new to jQuery but and very versed in vb, c#, asp.net, xna - so I know about web applications, DOM, and some basic game physics. I suspect I will have to disable whatever is happening with the mouseUp event that makes it stop immediatly,
[UI Tabs] define content div?
Hi, i have a question regarding Jquery UI Tabs: i want to change the way in which the tabs load the content: now you have to place the content div inside the tabs div, like this: div id="tabs"> <ul> <li>tab1</li> <li>tab2</li> </ul> <div id="content"> your content </div> </div> is this possible somehow to change it into 2 separated divs, so i can place them where i want? example: <div id="container"> <div id="tabs"> <ul> <li>tab1</li> <li>tab2</li> </ul> </div> <div id="content"> your content </div>
Datepicker icon aligned too high??
Hi Folks My calendar icon is aligned too high next to my text field (by only a few pix). It is pushing up the height of the td. By the way its a 16px png. I want it to align exactly with the text field. Any ideas. Code below and screenshot attached; <td> <input type="text" class="datepicker" name="fye_date" id="fye_date" readonly="true"> <!--- jQuery datepicker ---> <script type="text/javascript"> //$(".datepicker").datepicker({dateFormat: 'dd-M-yy'}); $(function() { $(".datepicker").datepicker({
Get the selected tab : getting random number
Hi, I would like to get the selected tab, I'm using as suggested in the documentation : var selected = $("#tabs").tabs('option', 'selected'); But the problem with that, is that it returns me once an index 0 for example for a specific tab, then it will be 5, etcetera, seems quite random. Thank you for any help.
Drag and Scroll
Hi, I am trying to create a webtop (web based desktop) using jQuery and jQueryUI. I've had a bit of success with this but now am trying to change the scrolling mechanism. I am dealing with something I call the scrollable desktop which means the viewport is usually smaller than the actual desktop. (I have this because a number of users with different screen resolutions may be using the webtop concurrently). I am trying to implement a drag and scroll interface - where the user can drag an icon off
autocomplete autoFill disappeared
Hi, I'm using autocomplete component of version "jquery-ui-1.8.2.custom.min" and I need to select automatically a value while the user is digiting characters in the input. More or less I need to reproduce the same behaviour of the "autoFill" option of the old version. How is it possiible to do that with the nre jQuery UI components? Thanks
Datepicker causing table width to expand on IE6
Hello, I have found a very strange problem. I have a datepicker in an input and few tables in my page. All the tables are set to width 100% so if they aren't too wide, they will reach the border of the window. One table has a lot of columns and therefore the width will cross the window border (even if its width is 100%). When I click on the input to open the datepicker, it pops up fine but all the tables widths are expanded automatically to the widest table width (the one which is wider than
How can I have 2 functions on one object ?
Hi, I am developing a jQuery application, and want to use 2 functions on a series of thumbnail images: 1. Draggable 2. Shadowbox (zoom images) The functions work well, but when I start dragging, then on release it opens the shadowbox. Can I write a code that says if thumbnail is being dragged, then dont run shadowbox, or what would be the best strategy ? Thanks, Jakob This is the code: $(document).ready(function() { $(".box").live('mouseup mouseout', function() { $(".box").draggable({ revert: true,
Having it so draggable dialog always appears in the middle of the screen
Hi, I'd like to have it so that when a draggable dialog becomes visible, it is always right in the center of the screen, even if the user has scrolled down the page. Any suggestions on how to do this?
Accordion with image over header
Hi, I'm trying to change some items in the css of the accordion plugin. I'm stuck with 1 particular part where I want to have an image , which is part of my main content, be shown transparante in the active header. In attachement you can see the example I have. First 2 are inactive, no image is shown, in the active one I have an image that is shown in the h3 (should be some kind of top:-20px). any suggestions on how I could achieve this ? thanks koen
Draggable: How to activate snapping only ondrop
Hello, I'm already searching for a few hours for a good solution here :-) When dropping a draggable item I want to let it snap to the closest class. The classes are ordered like a raster, or a grid. But when activating the grid option, the snapping is already active during the drag. I want the drag itself to go smoothly, and only on drop it has to be attached to the closest class. So is there an option to only let the grid be active 'ondrop' or something like that? Thanks for all your help! Christophe
Autocomplete combobox default choice
The autocomplete combobox sample located that link below is great. http://jqueryui.com/demos/autocomplete/#combobox There is one problem I have found that I could use some help fixing. Any <option> elements without a value (<option value="">Please Select</option>) wont appear in the list. So once you have selected an item, you can't go back to the default (null) value. Can anyone help me with this? Thanks, Mossy
Next Page