jquery UI sortable containment question
I want to limit the area of dragging for a sortable list. How can I set containment to be the closest parent with a specified class? I created a jsfiddle page, can someone please help me fix it? http://jsfiddle.net/5exp5/6/
(re)set selectmenu programatically
Since afaik the possibility to set the status of selectmenu via 'value' or 'index' is removed, how can i change the index of the selectmenu (eg. after onchange is detected)? thanks chris edit: i managed to do it by refreshing the whole thing $(".selector").selectmenu({change:function(event, ui){$(this).val('').selectmenu('refresh')}});
jQuery UI on Linux
I can get it working on my Windows machine, but the same code just won't run on Linux. My Firefox on both machines are of the latest version. I'm really confused and it's driving me nuts after a couple of hours. I'm also using a custom plugin for checkboxes Full code for it here: http://tutorialzine.com/2011/03/better-check-boxes-jquery-css/ They use different versions of Javascript, I think. I'm not sure if it's a conflict issue or whatever. Could someone please write out a sample of how to properly
jquery onclick drop down menu with text color change - Need Help!
Hello. I am a beginner with jscript and jquery. I need your help to find the error in jquery. I would greatly appreciate if you could validate and tell me what is wrong with my jquery. Please find the following pasted codes. I am working on this site(it is in Japanese): http://w01.tp1.jp/~sr09184221/BEST/test2.html My objective is to make the text color of the top navigational bar gets changed when user click on it(the 2nd one from the left). Now my jquery is successfully changed the color when
Jquery customized combobox is not working in IE11-DocumentType=7 or 8
Hi, Please find below link code im using the same in my application. http://www.learningjquery.com/2010/06/a-jquery-ui-combobox-under-the-hood/ Thanks, Shankar
Change height of second portlet whenever the first portlet is toggled
Hi, Please kindly advise, I want the second portlet to change height to be the same as the first portlet whenever I did a toggle on the first portlet. I used the standard jquery ui portlet, the code below is what I have tried but nothing happens when I toggle the first portlet... Script: $( ".portlet-toggle" ).click(function() { var icon = $( this ); icon.toggleClass( "ui-icon-minusthick ui-icon-plusthick" ); icon.closest( ".portlet" ).find( ".portlet-content" ).toggle();
ProgressiveImageSequence, jquery Jpeg image sequence scrub & scroll breaks chrome
PROBLEM: ProgressiveImageSequence Breaks in chrome but not other browsers BACKGROUND: I am building an interactive web page that takes a jpg sequence and plays through it as the user scroll up or down the page. the page that inspired this and that I am using to base my code off of is http://360langstrasse.srf.ch/page/. using 360lang's beautifully built ProgressiveImageSequence Created by Hinderling Volkart AG. There is a turtorial that goes over the basics of it, Though the demos they give dont respond
Datepicker - Years Working Only Showing 20 year periods
i have an odd problem. I have a date picker set to run from Jan 1st 1922 - Current Date However instead of getting a scrolling list of years that goes back to 1922 my year selector only goes backwards in multiples of 20 years. This code is going into a WordPress plugin as part of a front end form - and I am suspecting some kind of conflict but I was wondering if anyone had any ideas The formatting code is jQuery('.calendarpicker').datepicker({ changeYear: true, changeMonth:
Datepicker Input Text Field Issue 1
Datepicker Input Text Field Issue 1: Note : This post is similar to one I had posted 11 days ago, but it differs slightly due to requirement changes and as a result messed with the behavior. I am having trouble with the JQuery datepicker control, because it’s triggered off of a text input field. Important Note: User needs the ability to manually enter the date. Technologies used in this issue: · ASP.NET using the 3.5 .NET Framework · C# · jQuery JavaScript Library v1.10.2
Auto complete/dropdown performance
I am using (http://jqueryui.com/autocomplete/#combobox). It is working for smaller data but it is not working if the select contains more than 1000 options. especially it is not responding if we click in show all button. Please help me on this. Thanks in advance. -- Krishna Kishore
Data disappearing when moving tabs. Is local storage the solution?
Hi, I have a list that I retrieve using json format and display them on the page. However, when I click on other tabs and come back, it hasn't be kept. Is local storage the best solution for that? Thanks.
jquery autocomplete combobox not rendering in Compatibility moed, IE8 and below
I have created a jquery autocomplete combobox, FiddleDemo. It works with IE 9 and IE10, but not in IE 8 and below. Can anyone help me out please. I have added the following that do not help either <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
Datepicker - iterating through each date
Hi all, I have an application which replicates the dates in the datepicker in a separate table and adds additional data to each td's contents. I am trying to iterate through each cell in the datepicker and can get the following: $(".ui-datepicker-calendar tbody td").each(function(index) but how would I get the first date displayed in the calendar? For instance, the first date displayed in January 2013 is Sunday Dec 30, 2012. Once I have the first date I assume I can iterate through and create the
Tooltip with bold text
Hello folks, First time to post here. Greetings everyone! I'm trying to get a bold text in the tooltip I have an html something like this ...<td><div title="<b>Dude:</b>Amits">Fonz</div></td>... In my script I can't seem to get the document to work so instead I did something like this $("#thetable table tr td div").tooltip({ //items: "[title]", //content: function () { // //return $(this).attr('title'); // return "<b>That's what this widget is</b>"; //}
Issue with dialog on ajax data
I am having trouble getting the dialog function to work with data that is imported from ajax/json. Is there a known issue, or additional measures required to make the two work together? here is my question on the stack exchange to give better insight: http://stackoverflow.com/questions/24890733/jquery-dialog-of-table-data-from-ajax-not-showing?noredirect=1#comment38664643_24890733 Thank you in advance
Datepicker Input Text Field Issue 2
Datepicker Input Text Field Issue 2: Note : This post is similar to one I had posted 11 days ago, but it differs slightly due to requirement changes and as a result messed with the behavior. I am having trouble with the JQuery datepicker control, because it’s triggered off of a text input field. Important Note: User needs the ability to manually enter the date. Technologies used in this issue: · ASP.NET using the 3.5 .NET Framework · C# · jQuery JavaScript Library v1.10.2
Customizing datepicker with background colors
I need a datepicker to show 14days time representation as shown below 14 days time starts on Saturday and end on next Friday (in this month 5-18), again new 14 time period starts on 19 and ends on 1st of Aug. i want to differentiate the each 14 days in a month with some background color (i just underlined in picture) and i also would like to give some background color to alternative Fridays. How can i achieve this. Thanks in advance
Refresing jquery dialog content not working
I have the below code for launching a dialog and refreshing it with an image and time stamp every minute. The initial load works fine however on the refreshes the time stamp changes but the image doesn't. I have the cache setting as false and the image file returns with the cache headers set to expire in the past. So I'm a little stuck seems to happen in all browsers. Any advise would be appreciated var div = $('<div id="'+id+'"><div id="wait"><img src="images/loading/ajax-loader_teal.gif"></img></div>').dialog({
Datepicker issue
Hello I am trying to use DATE PICKER on my site where I succeeded but I had to put it 2 times in the spry tabbed panels where the second one isn't working.How can this be solved?Help asap !!
resizable() function on a cell
Hello, I have a little problem. I'm dynamically creatingd DIVs, with a z-index higher than the one of a table, this DIV beeing attached to a cell, and overlaying some cells below. If i use the draggable method all is fine and i can drag and drop my DIVs from one cell to antoher one, keeping the original DIV size. if i use the resisable() method, the cell is immediatly resized to the DIV size. I've modified the containment (taking, for example, the ID of the table) : nothing's better. I don't understand
question on jqueryui.com autocomplete
Cant find the option or cant figure out how to have the clicked autocomplete item append to a search string Probably easy, but not Jquery literate. Also would like to have the list not on the original page, I would like to use a different JSON file or .js file Would like two columns, the string to match, and the string to submit For instance, if someone were to type in FORD it would find FORD, but FORD would actually, behind the scenes be matched to MUSTANG then
Jquery UI Links
Hi, I use the Google API host to load my UI themes when a user loads my site. One of the user settings is that the theme to be used can be chosen from a list. Then in my pages I have the line: <link type="text/css" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/themes/<?=$theme?>/jquery-ui.css" /> where $theme is the theme name. What I would like to know is how I can find out which of the themes are available for download from there. The default (smoothness) is as is choc-mint,
Problems with modal dialog and aspx undesired postbacks / page load on close
Hi all, I'm having strange behaviours using jqueryui modal dialogs. I have a parent page that opens up popup, inside the popups, i load another page (the popups is an iframe). The popup page is a webform page. All works great, but when popup closes, either with 'X' or calling the .close() function, i have an undesired postback on the page. In addition to this, only on firefox, i have another page_load event, the same event as page loads the first time. This causes strange and uncontrolled problems
jQuery Ui Selectable with a list of checkboxes
I'm having an issue with Selectable when applied to a list of checkboxes. I have set up my list as follows: <ul id="multiSelect"> <li><input type="checkbox" id="c1" /><label for="c1">Label text</label></li> <li><input type="checkbox" id="c2" /><label for="c2">Label text</label></li> <li><input type="checkbox" id="c3" /><label for="c3">Label text</label></li> </ul> I am calling Selectable() as follows (drag to multi-select, CMD + drag to multi-unselect): $("#multiSelect").selectable({
jQuery UI tabs external linking disables default behaviour
I am using jQuery tabs and everything is fine. But when i link to one of the tabs externally, the default navigation stops working actually the contents of the tabs are there but hidden. Example : http://jsfiddle.net/J6bnL/4/ But if i disable the external links - it of course works fine. http://jsfiddle.net/J6bnL/2/ I was playing around with it and I believe the culprit is the function that disables the Keyboard navigation for UI tab. " > activate: function(e, ui) { e.currentTarget.blur();
Sortable Issue
Anyone have any thoughts why the draggable line in this fiddle won't go between the sortables? Seems like it makes space for it but the line is placed differently? http://jsfiddle.net/bribar/GNF8Z/
menu widget broken (?) after update to 1.11.0
Hi everybody, I'm looking for some help for an issue I am facing: I have just updated jQuery UI in our web app, and the menu widget started behaving differently than before: 1. the menu no longer has rounded border 2. when a menu has a submenu opened on hover, the submenu text is white/hidden I am attaching two images that display the same menu before and after the update. The menu itself is a nested set of <ul/> which contain <li/> which contain <a/> tags. I'd like to stress that I made no change
Droppable - hoverClass Problem
Hi! See the fiddle! When I drag the Container 4 to a droppable div (.container) the hoverClass works as excepted. However when I drag the Container 3 (with the Container 4 inside) the hoverClass doesn't work, but if I drop in red zone, the drop is accepted. So what must I do activate the hoverClass when I have a drag with drag and drop? Thanks in advance!
How to add/change a class to the buttons tooltip and in a link
I want to change the existing class for the button and tooltip in the following link. How can I do that? $("<a>") .attr("tabIndex", -1) .attr("title", "Show All Items") .tooltip( //change class here) .appendTo(this.wrapper) .button({ //change class here }) .removeClass("ui-corner-all") .addClass("custom-combobox-toggle") .mousedown(function () {
Delayed Dialog Call...
Hi all, I have a javascript that invokes a DIALOG with a image and a BIO description. Originally, I had this script trigger by a CLICK, but my client said they would rather have it invoked by a HOVER. They like the HOVER effect, but now they are complaining that they would like a DELAY before the HOVER trigger takes place. Right now you can drag the cursor over one on the links and the DIALOG is triggered. Is there a way to make sure that the cursor has rested on the LINK for at least 1.5 seconds,
jQuery Dialog Assistance
I have an AJAX call in which if the form processing result is SUCCESSFUL, I I want to show in the SAME kind of modal dialog a Title bar that says "SUCCESS!!!", a body with the following text "Thank you for choosing the Teal Center. Your appointment request has been sent and you will receive an email confirmation. This is only a *request* for an appointment. You will receive a second notification to inform you whether or not your request can be accommodated." and only show a CLOSE "X" and Close
autocomplete
hey guys...im trying to find how I'm able to add a hide suggestions text and function to the end of my autocomplete menu to allow user to hide autocomplete suggestions I have seen it done...any tutorials, code available please? thank you
Datepicker - Newbie Question
Hello there! I am brand new to jQuery. I am trying out the "test" example...and I can't get it to work. I'm so frustrated because it seems so simple! So it's the Datepicker example. Here is my page: http://www.redapplechallenge.com/FirstjQueryPage_finished.html I have all of the jQuery files loaded on my web host. Here is the code below: =============== <!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">
How to change autocomplete combobox styles completely
How can I remove the existing styles for the autocomplete combos from http://jqueryui.com/autocomplete/#combobox and include mine. Please note that I don`t want to modify any of the existing UI classes and styles,. I want to create my own styles and apply them.
I'm a newbie with jQuery. Please help with Tabs
I have a page set up using jQuery UI tabs. Here's my issue. On tab #4, I'd like to link to an outside page, how do I do that? Now, it simply opens the page within my current page, making it VERY ugly all the way around. Second question, I have some scripting that needs to be loaded just before the /body tag. When I load it, none of my tabs work. Any ideas on how to fix this? Thanks in advance!
Width of scroll bar in menu
Hi, I have a jQuery UI menu that has a large number of items in it and I'd like to make the scroll bar wider. I can't find the css that controls the scroll bar width for the menu. Does anyone know how to control the width of the scroll bar? Thanks
Click add("+") on one table should move that item to the next table with a minus("-")
I want to create a pop-up with 2 tables where the tables display some data with one column. When I click on add icon("+") in the first table it should be removed from the 1st anddisplayed in the second table with a minus("-") mark. Is there any jquery widget I can use for this?
autocomplete
hey guys im trying to develop a autocomplete search input field but I want to add a search category inside the input field where they can select other search options to define their choice search options I wish to put into the input field on the right <ul id='search_options'> <li class='title'><strong>Category Selection:</strong></li> <li class='app'>All Categories</label></li> <li class='app'>Electrical</label></li> </ul> autocomplete code $(document).ready(function() { function search_autocomplete(selector,
how can i change the cursor from right to the left in jquery menu
i'm having problem in jquery and i'am using menu object , i took it from here http://jqueryui.com/menu/ but the problem that when i want to change sub menu direction from the left to the right so i can make it in Arabic , the direction change very well! by (dir='rtl') but the menu cursor still in the right?!! and here is image for my problem thank you guys , and i hope you can help me
I want to add an animated image in auto complete.
I am using jquery ui to make an auto complete . i am using a gif image while searching when user enter a letter . Image working while search but i want to remove image when user select . where i put my remove class to remove that animated image . Full code is given below , any suggestion <link rel="stylesheet" href="css/stylesheet.css" type="text/css" /> <script src="js/user.js"></script> <script src="themes/jqery-themes.js"></script> <style> .image{ background-image:url(images/animation_processing.gif);
Next Page