Button style like in Themeroller
Hi! I saw a coll radio button in Themeroller , but i do not understand, how to insert this button to web page. Then I insert this button, i see button like this, but without radio. Please, explain to me, how to make this button.
Selectable - Columnwise
Hello, I basicly have a timetable and I want to allow the user to select TD elements of the table, but only columnwise. I did it this way using the jQuery UI Selectable functionality: http://jsbin.com/munodamane/edit?html,css,js,output I think you can see the problem, apparently only the first TD of the first column is being able to be highlighted. I tried to fix this for a few hours now and didn't find a viable solution for it. Probably you can help me.
Entering the date as 1/1/03" or "01/01/03" in text box and pressing tab gives an error "Invalid format".
HI there, We have changed the jquery version to 1.11.3 and if we type the date manually as 1/1/03" or "01/01/03" and press tab or enter it does not supports and generates a n error "Invalid format date". Can someone help on this issue. File:jquery-ui.mim.js
Uncaught TypeError: $(...).catcomplete is not a function
<script src="js/jquery-1.7.2.min.js"></script> <script src="assets/js/owl_slider/jquery-1.9.1.min.js"></script> <script src="js/jquery.ui.core.min.js"></script> <script src="js/jquery.ui.widget.min.js"></script> <script src="js/jquery.ui.position.min.js"></script> <!--<script src="js/jquery.ui.autocomplete.min.js"></script> --> <script src="js/jquery-ui-1.9.0/ui/jquery-ui.js"> </script> <link rel="stylesheet" href="css/jquery-ui-1.8.21.custom.css" type="text/css" /> <script> $.widget( "custom.catcomplete",
Uncaught TypeError: Cannot read property 'value' of undefined
$.widget( "custom.catcomplete", $.ui.autocomplete, { _renderMenu: function( ul, items ) { var self = this, currentCategory = ""; $.each( items, function( index, item ) { //alert("index="+index+" and item = "+item); alert(item.value); if ( item.subcategory != currentCategory ) { ul.append( "<span class='ui-autocomplete-category' style='float:left;'> -- In "+ item.subcategory + " </span>" ); currentCategory = item.subcategory; }
Having issue with position of jQuery Dialog Box “Center "
Hi Team , I have an issue with position jQuery Dialog Box “Cente" , first time I am getting at center but from 2 onwards the position of dailog box is not consistent. PLease suggest me the code so that dailog box is in center. please suggest me I have written the code as $( "#basicModal" ).dialog({ title: "Are you sure?", minWidth: 400, height: "auto", dialogClass: "no-close,dlgfixed", resizable: false, position: { my: 'top', at: 'top+150'
Why Doesn't My Dialog Close On The Button Click?
Hi guys, I have jQuery code that's executed on a button click which brings up modals based on the validity of the user input. I have buttons on the modals that when clicked should close the modals, I have 4 different if statements and the modals close when the button is clicked on all the modals except the one in the last if block and I have no idea as the code is the same, what is wrong here? Here's my code below $(function(){ $("input[name=addAnotherExpense]").on("click", function(e){ e.preventDefault();
jQuery structure vs. theme CSS, what's the purpose?
in jQuery 1.11 upgrade guide, it says: The jquery-ui.structure.css file provides the structural CSS rules (such as margins and positioning), and the jquery-ui.theme.css file contains the theming rules (such as backgrounds, colors, and fonts). This setup allows you to easily change themes by swapping in new jquery-ui.theme.css files. You can also build a theme from scratch by building on top of jquery-ui.structure.css. The jquery-ui.css file contains both jquery-ui.structure.css and jquery-ui.theme.css.
Timer Stops after I drop the first item
Im trying to do a drag and drop game..but when the user drops the first item correctly, the timer stops even though the other items aren't finished yet. here is the code $(window).load(function(){ var timer; var done = true; var winner = 0; $("#startClock").click( function(){ var counter = 60; $("#1, #2, #3, #4, #5, #6, #7, #8, #9, #10").draggable({ revert: "invalid", containment: "#wrapper", start: function(event, ui){ if(!done) return
Jquery UI autocomplete accessing the search term
Hi, The search event handler does not have any control over the search term. I came into this problem, when I just wanted to trim the search term before search is performed. But I could not do it inside the search event-handler. Can someone please elaborate it a bit? search: function( value, event ) { value = value != null ? value : this._value(); // always save the actual value, not the one passed as an argument this.term = this._value(); if ( value.length < this.options.minLength ) { return this.close(
datepicker month title not displaying
I am using 1.11.4 version of the jquery UI with the smoothness theme. When I click the input field the calendar displays but the Title, Previous Month and Next Month elements do not display. They are there but appear to be in the same color as the background fill. Has anyone else seen this? Is there some work-around for this? I have tried setting color: in the .ui-datepicker-header CSS element in jquery-ui.css but it appears to have no effect. Thanks -david-
selector
I am attempting to use the jquery autocomplete feature my code is based on the remote JSONP example. Useing chrome dev tools i have established that it does make the ajax request successfully. and when I manually resend the request I do get the expected response back. However the success: callback does not run. note that if i include a beforeSend: call in the same place as the success: call it does run also the error: callback returns ""jQuery1102008505786093883216_1453976870941 was not called" $(function()
using jquery datetimepicker with momentJs formats
Goal: make jquery UI use momentJs formats that are used elsewhere in an existing large application. Issue: getting the utility functions parseDate and formatdate functions to do the work. I am wondering if I can get the widget to work with momentJs formats via the parse and format functions or if I have to write an elaborate mapper function to reconcile them. From reading the api docs, it appears that jquery expects only dates and formats that it understands internally If so, I can't be the first,
datepicker validation lets bad date text field get through
My datepicker widget will let an incorrect date format through the second time it is filled in, giving the web surfer a "NaN" output instead of catching it and focusing on the datepicker text input field. What is my solution? Thank you greatly. sobriety calculator <script type="text/javascript"> $(document).ready(function(){ document.getElementById("warning").innerHTML = " "; $("#datepicker").datepicker(); $("#datepicker").blur(function(){ val = $(this).val(); val1 = Date.parse(val);
date picker dates from mysql
Hello everybody I wanted to pass from mysql some dates to be unselectable with the date picker. Here's my booked_dates.php file: include("config.inc.php"); $db = mysql_connect($db_host, $db_user, $db_password); if ($db == FALSE) die ("Errore nella connessione. Verificare i parametri nel file config.inc.php"); mysql_select_db($db_name, $db) or die ("Errore nella selezione del database. Verificare i parametri nel file config.inc.php"); mysql_set_charset('utf8',$db); $merchant_date = mysql_query("SELECT
Drag and drop game not working
Hi I have been trying to make a game with 3 images of different animals, a cow a pig and a duck. what is supposed to happen is when you drag each animal into their respective boxes it is supposed to indicate you got it correct by say a different colour on the box div. if you get it wrong it is meant to revert here is the js fidddle. https://jsfiddle.net/oumr294h/2/ Thanks again Nafis
Using datepicker to send date range to url
Greetings, I am using the jQuery UI datepicker range (http://jqueryui.com/datepicker/#date-range ) on our company website. We are in the hotel business, and need customers to be able to select "Checkin" and "Checkout" dates, then submit that information to a specific url by clicking a "Book Now" link. I've used the code from the above site, and added the following at the end: <a target="_blank" href="https://examplereservationsite.com?checkin=xxxxx&checkout=yyyyy">Book Now</a></h3> My question is,
Getting JQuery UI 1.12.0-beta.1
Hello everyone, Where can I download JQuery 1.12.0-beta.1, with the humanity theme? This page https://jqueryui.com/download/ returns a 404 error when downloading the latest beta. Andreas
displaying specified div in order based on clicking dynamically displayed dates with jquery/javascript
Here is my code: http://js.do/jane-d0e/80399 I have predefined div's, each are going to contain different content and styles. I want to have a user enter a start date, and then restrict the end date so they can choose up to 7 days. I have been having a problem implementing the date restriction, I try doing "+7d" for max Date but for some reason it doesn't limit it correctly, it is always showing more than the amount I specify. So say the user chooses a date range, with 7 days total. The date range
Display input box on top of a each td with a certain class on button click
Hi There, I want to display an input box on top of each td with a certain classname on a button click. The reason for this is ,t he user will then scan each inputbox with a barcode scanner and in the end press OK to make the inputbox disappear and come back to the label state. I am using jquery selectable <table id="#seelctable"> <tr><td id=1 class="selected">Test1</td></tr> <tr><td id=2 class="selected">Test2</td></tr> <tr><td id=3>Test3</td></tr> <tr><td id=4>Test4</td></tr> </table> <input type=button
How can we show four dates selected default in calendar
Please check below link and code. Datepicker If var nights = 4 and var arrival = 2, the result I am getting is correct If var nights = 4 and var arrival = 6 the result I am getting is incorrect <script> function initializeBooking() { $('#form_booking').ajaxSubmit({ target: '#result', success: function () { $('#result').fadeIn('slow'); } }); return false; } // hotel nights.. available is 2, 3, 4, 5, 6, 7, 8, 9 nights.
Jquery datepicker inline beforeshowday not working equal as popup
When I am using a datepicker as a popup I use the beforeShowDay method to disable some dates of it, and it works just fine. I have an array of busyDates filled before the datepicker initialization, and then I compare day by day to see if is or not on the busyDates array. But if I atach the picker to a div (instead of an input) making it inline (always visible), the disabled dates are not shown as disabled until some interaction is done with the widget. I am very positive there is some little thing
New JQueryUI 1.11.4 styles broken
Hi, Styles seem to be broken with the downloaded JQueryUI packages, at least with the 'Dialog' widget package. Could someone else confirm please? To reproduce, go to the download page at http://jqueryui.com/download/ Untoggle all components and choose the "Dialog" widget Select a theme, I tried Ligthtness and Blitzer. Download, unzip to its own folder and open index,html Buttons etc are badly styled and open the dialog to find the dialog is broken. Tested using latest JQuery 1.12.0 for production
Change Tabs by cliking a link inside a Tab
This is an awesome place. I have the following code but it does not work - does not change the tabs when you click on the links embedded in these tabs. Hot sure why this does not work - please let me know why you think it might not be working.. <!doctype html>
<html lang="en">
<head>
<title>jQuery UI Tabs</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
Jquery UI dialog not working in blogger blogspot
hi, I am using blogger blogspot blog. I tried the the simple jQuery UI Dialog(http://api.jqueryui.com/dialog/) and it is not working. Could it be because my blog is already using the followings- <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/> while the simple UI dialog box example is using, <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
Disabling a widget theme
i use jquery tabs and jquery datepicker i want jquery default theme (colors, paddings, gradiants etc) for datepicker so i use jquery-ui.min.css on my page but i dont want jquery to theme my tabs at all !!, i want no css from jquery for my tabs is there a way to disable jquery theming interference for a specific widget (ie tabs) or i should over write css for my tabs to have my own themes and looks ? thanks
Jquery Datepicker Not working
Jquery Datepicker Not working
jQuery Tabs - can I change the default tab?
I am using the jQuery Tabs Widget: http://api.jqueryui.com/tabs/ By default, the first tab coded on the page is loaded. Does anyone know if there is something I can add to the script to change what tab loads by default?
Error in demo page
Hi, in the page: https://jqueryui.com/datepicker/ i get a 404 error using chrome developer tools: Request URL: https://jqueryui.com/resources/demos/bootstrap.js Request Method: GET Status Code: 404 Not Found
Buttonset failed accessibility testing
We recently had our website fail accessibility testing because of buttonsets not giving any indication of keyboard focus being anywhere on them. All other jquery ui widgets that we use do show keyboard focus. Not this one. Using the keyboard, it is quite difficult to use buttonsets (especially for checkboxes - radio buttons are a little easier) because you get zero visual indication as to what button in the buttonset currently has keyboard focus. This is with jQueryUI 1.11.4 and with all themes.
Can't Get Previous page URL using jQuery
Hi, I have facing an issue for getting previous page url while using document.referrer property using JQuery. When i'm going to click back button on current UI page(page2.html), it'll go to the previous page(page1.html) but again i want to come back to the current page(page2.html), It'll work instated of before clicking the back button i press f5 key, here the document.referrer property value is getting empty so that i can't get back to the current page. If anybody knows this issue kindly let me
double clicking on a tab removes the content
Hello, using Jquery ui on this page for the tabs. http://agileart.us/arachnohazard/locations/ I notice that when I double click on a tab the content w/in the tab just vanishes. How do I fix that please? Thx
jwplayer and selectmenu widget
I'm having a problem mixing the selectmenu widget on the same page as jwplayer. It seems to be focus related, when the play button is clicked on the player or the focus changes in some way a blue border either appears or disappears around the player. I've created a simplified static test page which shows the problem. Note that this is a NSFW site, but I've picked a fairly tame video to show the issue and the test page should be OK to view: http://www.mr-s-leather.com/static/video_test_4.html Note
Drag and drop
Hey, I am new to jquery. And i have created a simple project where i drag and drop objects to my site.But how do I clone an extra copy of the image that has been dragged.Please help. Here is my code :- $(function() { $( "#draggable" ).draggable({ helper:"clone" }); $( "#droppable" ).droppable({ }); });
weird border around dialog close button
Hello, Please have a look at the attached screen shot. I create some themes for this at ThemeRoller, and everything seems to look good except for that weird border around the close button in the top right corner. It only shows until I click on the dialog, and then it disappears. Also, it only shows up in Chrome, not in IE. Here's the code that generates the dialog: <div id="TheDialog">Hi! I'm the dialog!</div> <script> $(document).ready(function() { $("#TheDialog").dialog();
Resizable child elements does not maintain minimum width and height when resizing parent
var resizable = function(that){ var resizeSelector = '#'+that.attr('id')+' .resize'; that.addClass("resize"); // Adding dummy class 'resize' to select resizable child elements using the above selector. that.resizable({ alsoResize: resizeSelector, maxHeight: 600, maxWidth:600, minHeight: 35, minWidth:35 }) }; The child elements are given the above resizable attributes. Resizing beyond the minimum width of the child element is not restrained when resizing the parent div. Thanks,
Rounded corners and progress bar in jquery selectable grid
Hi, I am asked to create a application where in the user can do multiple select using mouse drag option and I understand taht I can achieve this using jquery selectable. But there are a couple of requests a) It needs to be touch screen enabled b) It needs to have rounded corners c) Each cell in the grid need to have a progress bar. Any suggestions on how to achieve this using jquery selectable or if there are any other things that I can use would be very helpful. Thanks, Tee
Issue with local jquery.js
Hi, I'm trying to convert my datepicker example page from using online jquery.js to using my local version downloaded. I have a working version of a datapicker but it uses the JS libraries stored at //code.jquery.com/... I have got two working locally but not the last one! My code is below, it works but the commented out part does not work. I have crawled the website and google but still in the dark :-/ Is there anything obvious I am doing wrong? I can confirm in the header of /js/jquery-ui-1.11.4.custom/external/jquery/jquery.js
jQuery UI sortable "forcePlaceholderSize" doesn't work with Firefox??
Hi, I set forcePlaceholderSize to true. In Chrome, a new placeholder div is created with inline CSS height property. <div class="sortable-placeholder" style="height: 92px;" ></div> But if I run the same code in Firefox (v 43.0.4), the newly created div placeholder doesn't has a height style. <div class="sortable-placeholder"></div> I know I could set the height in the sortable-placeholder class. I just wonder why forcePlaceholderSize does not work with Firefox. Please see below for my test code https://jsfiddle.net/Lgqt1ns7/1/
hasClass test for hasDatepicker failing - why?
Hi everyone, I have a form where all date entry fields have had the datepicker attached using the following code: $(this).datepicker({ changeMonth: true, changeYear: true, dateFormat: jqDateFormat, showOn: jqDateAction, buttonImage: imagesPath+"calendar-datepicker.png", buttonImageOnly: true, onClose: function(datesel,elem2) {SetEntryFlag(this.id);} }); jqDateFormat = “ddmmy”, jqDateAction = “button” I have a JavaScript function later where I need to check to see if
Next Page