Jquery tabs display home page
I did have this working for a long time but recently made a change that I can't identify that has caused the home page of my site to load in the first tab of subpages. I think I have seen this before but I can't remember the fix. Here is a page where it is happening: http://www.aquinasandmore.com/catholic-books/roses-among-thorns/sku/95880 Any ideas?
jQuery datepicker with change month and change year enabled opens and closes the option lists right away
Hi, I have problem with my jQuery datepicker. I have changeMonth and changeYear enabled so that I can choose both from within a list of options. It works fine, but only the first time I click. Say I chose a month and want to choose a year. I click year, the list of years opens, but it closes right away. I need to click it one more time. Same goes for the month list after year is selected, or when I want to reselect a year. I use jquery 1.10 something and jQuery UI datepicker 4.3. My code:
Setting a different number of values in slider does not create new handles
I had initialized my slider with 3 values [10, 30, 50]. Can I dynamically change it later with a different number of values? $('#slider').slider("values", [20, 40, 60, 80, 100]) I tried this and it didn't seem to create the additional 2 handles. It moved my initial 3 handles to 20, 40, 60, but did not create the other 2 handles. Any suggestions?
JQuery Tabs IE bug with tab_scroller
.tab_scroller { overflow: auto; } . <div id="tab_container" style="font-size:10px;"> <div class="tab_scroller"> <ul id="tabs"> <li><a href="#tab_container">Tab 1</a></li> <li><a href="#tab_container">Tab 2</a></li> <li><a href="#tab_container">Tab 3</a></li> <li><a href="#tab_container">Tab 4</a></li> <li><a href="#tab_container">Tab 5</a></li> <li><a href="#tab_container">Tab
Binding Autocomplete Widget to Multiple Inputs
4 3 1 A A- B+ B B- C+ C C- D F A A- B+ B B- C+ C C- D F $(function(){ $(".courseTitle").each(function(){ $(this).autocomplete({ source: function(request, response){ $.ajax({ url: 'courses.json', dataType: 'json', success: function(data){ var re = $.ui.autocomplete.escapeRegex(request.term); var matcher = new RegExp("^" + re,
jQuery UI NuGet package
Hello everyone -- I see that the current jQuery UI version is 1.11.1. However, the current version of the NuGet package is only 1.10.4. I am wondering if the NuGet package is "official", and if there are plans to refresh it with 1.11.1. If not, for those of us living in the .NET world, is the recommended approach to not install jQuery UI via NuGet but instead install manually? Thanks in advance! James
Jquery ui autocompleter not poped up with min characters in ipad
Hello, I have use jquery ui autocompleter. It is working fine with on PC. but when I check my web with IPAD 2 mini autocompleter not properly working. My autocompleter have minchar set as 3. so in PC autocompleter show result when I enter 3 characters. But in IPAD 2 (IOS 7)( safari) it didn't open with 3 characters. for example If i write hel in my iPAD it didnt show me anything.if i enter anything after "hel" then it shows all results starting with "hel". so how can i fix this so that i get
Jquery Form Builder Help
Hi I am trying to create a form builder that is drag gable and sortablethe features I need are to highlight the drop zone once the control is on the area that is drop able. To be able to set the required max length attributes and also to be able to portable I have it working in a crude way Except for the property inspector and was wanting advice or code samples. In the below example I am using just li's which I am sure is not the way to go, as <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
problem with jquery ui
Hallo I have implemented Jquery Ui. I used the widget selectmenu, like this <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Selectmenu - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
Hover() and position() Function to Multiple Different By ID DIVS but Same CLASS
Hi, i have another question. This code: var a = $('p a').hover(function() { $('#div1').toggle(); }); $('#div1').position({my: 'left top', at: 'left bottom', of: 'a', collision: 'fit flip'}).hide(); }); shows / hides and positions a specific DIV (by ID ) to the text link. If i have more than one DIV , how can i globalise the hover and position function to apply for ALL DIVS with the SAME CLASS, but DIfferent ID's? For ex. i have 2 DIVS: <div id="div1" class="ThisDIV"> and <div id="div2"
Getting a 500 error when downloading a jQuery UI Theme from the Download Builder
I'm unable to download themes from the jQuery UI Download Builder . I'm attempting to download the redmond theme but am seeing a 500 error coming back with a message of "An unexpected error seems to have occurred. Why not try refreshing your page? Or you can contact us if the problem persists."
Floating DIV is showing outside the screen width - need HELP!
Hi, i have created a simple div and a hover show/hide link. The code works fine when the link text is left alinged. But when the link text is right aligned, the DIV is going outside the screen width. I don't want to modify the DIV's height and width but move the div inside the screen when it goes beyond the right screen width. I have searched for a simple code from jquery to do that, i found that the .position function with the fit flip parameter can move the div inside the screen width, but no chance
Jquery dialog not working in dual monitor
There is one Jquery dialog on one of my web pages. I work on a dual monitor system. The problem is that, I am not able to move/drag the Jquery dialog from one monitor to another monitor screen. Please help me to resolve this issue.
Using Simile Timeline in JQuery UI tabs
Hi, I am having issues displaying Simile Timeline ( http://www.simile-widgets.org/timeline/ ) in JQuery UI’s tab. It works fine when it is in the first tab, but doesn't work properly if it is in the 2nd tab - the points on the timeline gets messed up. The points get corrected and displays properly after dragging the timeline to-and-fro a little. It used to work before the major JQuery upgrade I am trying to do. Trying with: jquery-1.11.1.min.js jquery-ui-1.10.3.min.js jquery-ui-1.11.0.min.css
Testing JQuery UI 1.11 Draggables with Selenium (Worked in 1.10)
I have a Draggable where I successfully wrote Selenium tests on JQuery UI 1.10.4 via the clickAndHold and then move commands in Selenium Actions. (These simulate a mousedown and then a move). These same commands don't work when upgrading the application to JQuery UI 1.11, however. Does anyone know how the events for draggables changed in 1.11, and how one might emulate them with Selenium? For a bit more info, this particular Draggable has helper: "clone" on it, so it may be an issue with the helper.
Accordion function.
Just inherited a website that uses the jQuery.UI accordion function. It appears that on the site, the function keeps each section closed. I want the first section to be opened on first page load. I'm not finding the Collapse option. Do I need to add it? Or is there some other control elsewhere? <script src="/js/jquery/jquery-ui.js"></script> <link id="ui-theme" rel="stylesheet" href="/css/jquery/ui/ga/jquery-ui.css"> </head> <body> <div id="wrapper"> <div id="page">
JQuery UI Slider Handle Goes out of Scroll Pane
Hi, I want to use a custom image for my vertical slider. My problem is that the scroll handle goes of the top edge of the scroll pane. I can get it to stay within the bottom by setting margin-bottom but it always goes off the top edge by what seems to be exactly the height of the scroll image. Any idea how to make it stay within the scroll pane? Below is my setup: <style> .ui-slider-vertical .ui-state-default { border: none; width: 40px;
Spring form select Select/click event using Jquery/Javascript
I have a field Marital status. It is a spring form select(drop down) and the options are being generated dynamically based on the selections in the previous pages. I am stuck in a particular scenario where the form select will have only one option(Say spouse) in the drop down. If the user selects the only available and selected drop down option(with the intent of changing), I need to show a message that it can't be changed here and it should be changed in previous pages. I searched a lot but could
Dynamically add Dialog button broken
The addButton code below no longer works since at least jQuery-UI 10.4. It does work when there's already a button in the dialog. We are using jQuery (UI) 1.11 JS and CSS. <div id="messageDialog"></div> <script type="text/javascript"> var frameHeight = ( $(window).height()*0.85 )-1220; var frameWidth = $(window).width()*0.85; if (frameWidth > 920) { frameWidth = 920; } $('#messageDialog').dialog({ html: '<h1>hi</h1>', autoOpen: true, height: $(window).height()*0.85, width: frameWidth, position: "left+"
Autocomplete
HI, I have noticed if i have an array like below: Apple Acceridated Cat Car Baby Background. If i put in c it brings in these options: Acceridated cat car Background So basically it searched for keyword anywhere in the array , unless i type 2-3 more letter and then it stars making sense , so how can i change the above to only show Cat,car when i enter C . Also for the above if i am adding a Turkish keyword which is like : İstanbul So putting I for the textbox does not bring in "İstanbul" however
Load accordion content on dropdown
I am wondering is it possible to load content of accordion only on accordion dropdown? I don't want to use ajax calls either since I already have all the html markup on the same page as accordion html tags. This is mainly the reason I want to load stuff only on request because right now everything loads on page load and this takes a while! Contents of accordion are in the same file as accordion meaning everything is in the <div> when user clicks that <div> it drops down, displays a loader .gif and
Using jQuery Accordion and Tooltips
Hello All, http://www.nalcbranch25.com I am reworking the home page of this site, placing the calendars into an accordion to save space. As you mouseover any of the shaded dates, a tooltip pops up with info. After putting the calendar code into the accordion, I got the calendars to display and work to my satisfaction. The only problem is that I can't format the tooltip data properly. I had been using <br /> tags to format line space, but now the <br /> tags show up as simple characters in the tooltip
The example code for jQuery UI not working.
Hi, As i have just started using the jQuery and moved on to jQuery UI but when I have used the example code the code is not working . pls help me.. Thanks in advance --Dipesh
Specifying yearRange on datepicker causes it to stop showing month/year dropdown lists
By default datepicker shows lists for month and year (see Capture1.png) I need to limit the year range, so I specify: $( "#PurchaseDate" ).datepicker({ yearRange: "-0:+20" }); But when I do, the datepicker no longer shows the drop-down lists, but instead only has left/right scroll buttons (see Capture2.png) ??? DadCat
jQuery UI dropover not always fired
I have a page with two DIVs, both of which are droppable. One of them (#droppable2) is initially hidden and is only shown when I hover the draggable item over the first DIV #droppable (with the dropover event). Example see here: http://codepen.io/anon/pen/AdLJr <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script> <div id="droppable">Drop here 1</div> <div id="droppable2" style="top: 300px; display: none;">Drop
How to add multiple datepickers on same page?
I want to add 2 datepickers on the same page , kindly help me regarding this . I have been trying for a long time now and with no success. Thank you
blockui and MVC 4
I am using Visual Studio 2012 and created two default MVC web projects one MVC 3 and the other MVC 4, both are using the Razor engine I added the blockUI.js script to the projects and hooked up a jQuery click event to do the UI blocking. the code in MVC 3 works the MVC 4 does not, the blockUI script loads but I get an error trying to block or unblock
Themes making
I am vishal thakar i am making a website which is provide design and download they own template for their website so want to use jquery UI for making template dynamically as per user change so any one please help me as soon as possible. my id : thakarvish@gmail.com OR vishalthakar8@gmail.com
Autocomplete Grouping
Based on the menu dependencies and expected html structure, is it possible to produce grouped results such as this while keeping keyboard / item behaviors intact?
Datepicker popup in dialog
Hi, There is an issue in my application with date picker popup - I have to select date in dialog, but dialog is always overlap the popup. When I tried to create dialog in UMyProto builder it was possible to shop popup in dialog. What should be done to show datepicker's popup in jQuery dialog ?
Show Another Popup from Popup Window
Hi, I want to know how to show another jquery dialog from another opened dialog. i.e i want to show popup window from another popup window. I am using juery <script src="~/Scripts/jquery-1.8.2.min.js"></script> <script src="~/Scripts/jquery-ui-1.8.24.min.js"></script> <link href="~/Content/themes/base/jquery-ui.css" rel="stylesheet" /> $("#dialog-confirm").dialog({ autoOpen: false, resizable: false, height: 170, width: 350, show:
Datepicker onSelect
Hi, newbie here. I have a question regarding datepicker. Can anybody show me how to alert (onselect) user when he/she select a date that is less than 2 weekdays from current date? Thanks for any help.
New to JQuery attempting to use accordian widget
Hi I am new to jQuery. I am attempting to use the accordion widget in jQuery-ui. I have the follwing in my <head> <link rel="stylesheet" href="includes/jquery-ui.css"> <script src="includes/jquery-1.11.1.min.js"></script> <script src="includes/jquery-ui.min.js"></script> <script> $(function() { $( "#servicesList" ).accordion(); }); </script> then in the body I have this code: <div id="servicesList"> <h3>Topic one</h3> <div> <p> topic one text <br />
How to split returned item in jQueryUI autocomplete?
Original Example Failed Example Here's the returned data: var availableTags = [ 'ActionScript|AppleScript|Asp', 'BASIC', 'Clojure|C++|C|COBOL|ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'Java|JavaScript', 'Lisp', 'Perl|PHP|Python', 'Ruby', 'Scala|Scheme', ]; How can I split the items into arrays during the `renderItem` function,and when users type PHP it will only return PHP from 'Perl|PHP|Python'?
button issue
I just changed my buttons in my application from CSS developed a few years ago that really was ugly. I basically just change the class names and then call $(".aButton").button();, but I am having a problem with the buttons with both href and onclick attributes not running the way they did, it seesm to do the onclick function but not the href stuff. <a onclick="return mySubmit('Cancel',this);" href="javascript:closeDialog();" class="aButton aButtonRight ui-button ui-widget ui-state-default
Getting values from Dialog Box
This code is from jQuery-ui demos. I'm trying to get the value for the Textbox and Radio button selection. I get the alert value for Butter, because it is pre-checked. When I select one of the other two, I still get the pre-check selection. Can someone help me with this? I start working with jQuery last week. My alert for the radio check box is inside functions/buttons: buttons: { Add: function() { addTab(); $( this ).dialog( "close" ); // Find result of Checked Box var CheckBoxValue =
datapicker with beforeshowday on-line
sorry my language. I use translate Google: Developers jquery spent much of his time to bring almost to perfection your product. It is a pity that such a well-developed service Ajax is impossible for practical use in datapicker!. He asks until August to datapickker of beforeshowday could it handle arrays permitted days generated on the fly based on previously selected item from the list of identifiers. Each identifier can have its own independent scope yet released dates. Datapicker once called is
jQuery UI TAB is not working on ie8
Hi I have coded an a help desk form with 10 tabs. It works fine on all browsers except ie8. www.skmarkets.com/helpdesk/ My tabs has date picker and forms. these era my JS CODES <script type="text/javascript" src="js/modernizr.custom.04022.js"></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <!--<script type="text/javascript" src="js/jquery-ui-1.8.23.custom.min.js"></script>--> <script type="text/javascript" src="http://code.jquery.com/ui/1.11.0/jqueryui/1.11.0/jquery-ui.js"></script>
Layout inside tab not working
Here is the HTML . There is no external css file (scroll down to the html code) http://stackoverflow.com/questions/24980149/jquery-ui-layout-inside-tab-not-working What I want to acheive is as follows : I have some tabs as in this image and I am trying to put in a ui-layout in one of them now. https://lh6.googleusercontent.com/-7_tawRRzXVo/U9TEZYSkSFI/AAAAAAAAAvA/NorX9BYpL8w/s1600/onlytabs.png In want a to put a layout in one of the tabs. With the layout code targetting tab1 (see below) it looks
Build Custom Menu with jQuery UI Selectmenu Widget
I read through the api document http://api.jqueryui.com/selectmenu/, but failed to make a custom menu click-able/link to where I want? with using https://wordpress.org/plugins/jquery-ui-widgets/screenshots/ in my plugin setting jQuery(document).ready(function($) { $( "#speed" ).selectmenu( "menuWidget" ); }); in my wordpress text widget setting <select name="speed" id="speed"> <option value="Slower" selected>Slower</option> <option value="Slow">Slow</option> <option value="Medium">Medium</option>
Next Page