jQuery date picker inside of ajax returned html content
jQuery Datepicker **works if I use an input that is there on page load**. But if I bring it in via Ajax, it doesn't work. The .find method adds the.hasDatepicker class to the input. It doesn't however show the datepicker. Here is my current html setup: <body> <select id="product_selector">Options</select> <div id="targetdiv"></div> </body> The ajax brings in a bunch of inputs (no form element around them) and the one in particular (appended to #targetdiv) that is supposed
Can Datepicker get dateMin from span?
I have this span: <div id="Availability" style="display: hidden">8</div> Then I have a giant chunk of script for the jQuery ui datepicker: //datepicker var natDays = [ [1, 1, 'New Year'], //2014 [1, 20, 'Martin Luther King'], //2014 [2, 17, 'Washingtons Birthday'], //2014 [5, 26, 'Memorial Day'], //2014 [7, 4, 'Independence Day'], //2014 [9, 1, 'Labour Day'], //2014 [10, 13, 'Columbus Day'], //2014 [11, 11, 'Veterans Day'],
Problem with jquery autocomplete
In my below code , i am trying to autocomplete country drop down with country name and also i want to populate hidden variable with id . It works good when i use use hard coded data as mentioned below. I want to populate data variable using java.But when i am trying to call a servlet , it does not work.Can you please guide me how should i write call back function which can populate data variable with json data similar to one mentioned as example $.widget( "custom.catcomplete", $.ui.autocomplete,
Dialog display error in IE 8
My code is like this: <link rel="stylesheet" href="js/jqueryUI/jquery-ui-1.10.3.custom.css" type="text/css" /> <script type="text/javascript" src="js/jquery-1.8.0.js"></script> <script type="text/javascript" src="js/jqueryUI/jquery-ui-1.10.3.custom.js"></script> <title></title> <script> $(function() { $("#dialog").dialog({ modal: true, resizable: true, position: { my: "center", at: "top+250", of: window }, buttons: { "close" : function() {
Revert a jQuery draggable object back to a specific container when is dropped in a no-dropable container
Hi! This is my example http://jsfiddle.net/german_martin/hr8Q7/1/ Is there a way to do this?: When I move a "Title box (A or B, etc)" outside a droppable object, it must go back to the box named "Unassigned container" I was searching in google and I can't resolve this =( Here is my Jquery code $(function () { $(".unassignedClassContainer").sortable({ connectWith: ".container", handle: ".title", revert: true }); $(".container").sortable({ connectWith: ".container, .unassignedClassContainer", handle:
Selectable with Multiple Regions
I need to present a list to a user and allow him/her to break it up into 5 priority zones of severity. The zones will then have different background colors or some other indicator. ie 100+ = Very high, 85+ = High etc... It will not always be uniform across all categories I had the following possible solution: Using KnockoutJS set up 6 lists with only those containing records visible. It would start with all items in an "Unselected" list. The user would select items, press a button and those
DatePicker default format to follow user locale
I understand that the default format of the date in the DatePicker control is MM/dd/yyyy. I would expect that it follows the current user locale instead. Is this possible somehow? I don't want to explicitly set it.
jQuery UI dialog in form
I have created a modal dialog inside a form. The intent is to display some optional fields if the user clicks an "options" button. I found that when autoOpen is false, the trigger button allows the dialog to flash, but immediately close. It works ok with autoOpen true, with the exception that the dialog is opened immediately. If I remove the <form></form> tags, the dialog works properly, but of course it is no longer a form. Is there a way to use a dialog inside a form in this manner?
jQuery Autocomplete: Help with implementation on textbox
I've coded all the components for the jQuery autocomplete widget, but I'm having some trouble getting it to work. This is what I've done so far: 1. Added the following links to my PHP page's head: <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/redmond/jquery-ui.css"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 2. Created
revert handle value in multi handle jqueryUI slider
I have a multi handle jqueryui slider having range -30 to 50 , initially all handles set to zero. I want that if user slide any handle below zero then it automatically get set to zero. jquery: $(function () { $("#mySlider").slider({ min: -30, max: 50, values: [0, 0, 0], slide: function (event, ui) { $(ui.handle).text(ui.value); }, stop: function (event, ui) { if (ui.value < 0) { //here I want to set handle value
jQuery Rondell Scroller and jQuery UI Dialog don't play nice (z-index)
Hello all, I have a Rondell jQuery scroller plugin and wish to use a number of jQuery UI dialog widgets on the same set of pages with the scrollers. However, the z-index of the dialog widget cannot be set to what I need, i.e. on top of everything (modal only partly works), no matter what I have tried. I have searched through the jQuery UI site, tried the options from the docs and from user suggestions for dialog widgets all to no avail. These are a few tries: this.css('z-index', 100000); dialog("moveToTop");
Validate Session timeout in Jquery
Dear All, I have implemented setTimeout method to validate user session and redirect to login page when it expired as below. setTimeout(function () { var Confrimresult = confirm("Your Session is Expirted, Do you want to reload Page?"); if (Confrimresult == true) { window.location.href = "myloginpage"; } }, 20 * 60 * 1000); this works fine, but in our page we have some jquey ui sortable,draggable, droppable are using, when user perform this action, the above
Jquery dialogue box on windows xp IE 8.
I am using Jquery dialogue box on windows XP IE 8. I am getting following error Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917) Line: 0 Char: 0 Code: 0 On other versions of IE and other browsers everything is working fine. For using a dialogue i have used it in a traditional way, by using a div with an id <div id='x' style='display:none'> Hello </div> and using it like $( "#x" ).dialog({autoOpen: false, modal
Dialog Modal disable all page, even dialog modal
Hi, when i use dialog as modal all page get disable even dialog and all controls inside dialog. Any idea about it? Thanks in advance.
Accordion Positioning of Headers
Hi Looking for some help in trying to resolve what ought to be a simple problem. I have a very straight forward accordion setup, as per following code. It uses standard <h3> elements for the headers, and insofar as that goes it's working great. However, the extra bit I'm trying to achieve is in getting the web page to scroll so that the header that is clicked upon positions to the top of the viewport. For example, if I click on an expandable <h3> header within the accordion, that section expands
Datepicker
My question is how i can combinate the funtion beforeShowDay with onSelect: function(date, instance) { window.location = date+".html"; } (thanks kbwood.au) is already running with the second, but i cant make works with the other, i want that just the saturday is enable and in the same time when i click on the saturday can redirect in another html acording to the date(done)
Loading JQuery into Joomla 3 for date picker
I've been having some trouble lately getting the JQuery datepicker function to work in a custom Joomla module. I use Jumi to integrate a PHP file into the website that displays a datepicker application in the frontend. If I'm using it correctly according to the JQuery website I have to call for the following files: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> Doing it like this works fine, the date pickers does
Loading JQuery into Joomla 3 for date picker
I've been having some trouble lately getting the JQuery datepicker function to work in a custom Joomla module. I use Jumi to integrate a PHP file into the website that displays a datepicker application in the frontend. If I'm using it correctly according to the JQuery website I have to call for the following files: <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> Doing it like this works fine, the date pickers does
jQuery UI 1.10.3 with jQuery 2.0.3
Hi all, Does anyone know if jQuery UI 1.10.3 will work with jQuery 2.0.3 as its core reference or do I need jQuery 1x? When I try to add jQuery 2x, my jQuery UI element doesn't process as expected. Thanks, Kelly
Datepicker: calendar ignore input date if current year outside limits and no year in dateFormat
Hello everyone, I have found some weird behavior using the datepicker widget... Basically, if you define limits using minDate and maxDate, and if your dateFormat does NOT contains a "year" field, the synchronization between the field and calendar will be somewhat lost: - Opening the calendar will always display maxDate or minDate (depending on how your limits are set), ignoring any day or month currently selected. - Editing the field will not update on-the-fly the calendar selection as usual. Proof:
Can't find documentation of "Events" of jQuery UI
I was trying to find the documentation of "Events" of jQuery UI Datepicker on its API page, but had no luck. Where can I find the documentation of "Events"?
Can I set startTime and endTime to datetimepicker?
I have this $('#Date').datetimepicker({ controlType: 'select', timeFormat: 'HH:mm', showAnim: 'slideDown', minDate: "+7D", hourMin: "15" hourMax: "20" }); but i want to set startTime something like"15:30" and endTime "20:35". I can't use minuteMax:"35" because then I won't be able to select for example "15:40. Thank you
jQuery datepicker calculating age and displaying it on label
Hi, I know how to calculate the age from DOB and have done the same. But am unable to display the age on the label. Pl help and suggest me a way out in doing so?
Dynamically display buttons in dialog
Hello, I would like to use the same dialog function to display alerts and confirm dialogs. Would I be able to have an if statement in the dialog code so I can display different buttons depending upon what parameters were passed into the function? Something like: var alerter = function (passit, confirmationBox) { $("#dialog-default > p").text(String(passit)); $("#dialog-default").dialog({ open: function () { $(".ui-state-focus").blur();
create the slider with handle replaced by image
Hi Everyone, I need help in doing two things: 1st:When I use image tag inside <a> then the image become non-drag able.I want to replace both handles with the two images(inside td). 2:As soon as I slide any of the two slider the initial value of other slider gets set in the input box. I want that the value set only when user slide corresponding slider. http://jsfiddle.net/trivender/6NftK/3/
Disable dialog close on key press
Hello, Would it be possible to close a dialog by just clicking the close or 'x' button? My dialog closes when the space bar is pressed, I would like to prevent this. Can anyone help? Here is my currrent code: $("#dialog-default").dialog({ buttons: { "Close": function () { $(this).dialog("close"); } } });
set slider value row wise
I want the slider value from each row should set in the text box left to it. https://www.dropbox.com/s/40t42yizfezr53c/tset.JPG I wrote the following code to do so. $(document).ready(function(){ var div = $('<td class = "slidertd"><div class="slider"></div></td>'); $("div.answer_section tbody tr").append(div); }); $(function() { $( ".slider" ).slider({ range: "max", min: 1, max: 100, value: 50, slide: function( event, ui ) { $( ".slider" ).parent().parent().find("input:text").val(ui.value);
jQuery Tabs Content via Ajax --- Problem with setting background color on content page to be loaded
I tried to set background color on content page to be loaded via Ajax. My attempt was succsessful but only three or four lines in the middle of the page were not colored as specified. URL of the sample is as follows: http://longhat.fan-site.net/folder_hosomichi/tr_basho/tr_basho_book.html I would appreciate if someone could tell me what is wrong with my coding. In addition, is it possible to set the same background color on tabs as that of content page. Thank you, chobe
Jquery datepicker as calender in div tag
I m using Jquery Calender as an inline Calender in a div tag. So please me know to how to get value of selected date
Draggable element in carousel which change background
Good day, Does anybody help me with my issue: how to do this this effect with menu on this site http://qazxsw-ru.1gb.ru/ All what I have at this moment is http://jsfiddle.net/BrZaa/2/ My goal is: 1. My draggable element mustn't left area of container 2. And when it's start dragging from green to blue area then border of my dragging element must be concur with borders of blue element P.S.: I'm new in JQuery, maybe I'm using wrong technique?
How would I add overlay to the background behind my dialog box?
This is my first time coding anything. I am trying to add a 75% opacity to the background behind a dialog box. I have no idea where to add code, let alone what code to add. I'm adding it to a magento website (if that matters) and my code works fine the way it is, just no overlay. I am very new here so please be gentle. Thanks This is the code I'm using. <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>jQuery UI Dialog - Modal confirmation</title> <link rel="stylesheet"
Jquery autocomplete from remote database
Hello, I want to implement a simple jquery autocomplete into openemr.I have a textbox and I want to display all the diagnoses code while the user is typing the first letters of an illness.My code so far is: main.php <input id='searching' type='text' name='search_term' size='12' value='<?php echo attr($_REQUEST['search_term']); ?>' title='<?php echo xla('Any part of the desired code or its description'); ?>' /> <meta charset="utf-8"> <title>jQuery UI Autocomplete - Remote datasource</title>
Draggable elements - Avoid drag over other element
Hello!, I'm using the dragabble option to allow elements (divs) to move into a layout. My question is, ¿is there any way to avoid that different dragabble boxes can be placed above each other?. I don't want that they can be stacked together. Thanks!
Stuck trying to show/hide items using multiple jQuery UI Sliders
I'm trying to develop a set of show/hide filters using multiple jQuery UI sliders. I have a set of blocks - each has several data-attributes (time) assigned to them. <div id="block1" data-departuretime0="480" data-arrivaltime0="1200"> I'm trying to setup several sliders so a user can select multiple time ranges with the sliders and have the appropriate boxes within those times displayed. I can make one slider work but I'm stuck when I add the second slider. I need to show/hide it's results without
jquery ui radio buttons, add ".ui-state-selected" state
Hi there, I'm very green with javascript and jquery but I'm hoping that someone will be able to provide some help on this: I would like to use the ".ui-state-active" and ".ui-state-active:after" to create button effects for when the button is depressed and to have the button return to it's original state. Is it possible to add ".ui-state-selected" for the selected radio button? I've got this working with styled links but the buttons need to be radio buttons for the controls to work properly. Any
Radio buttonset styling
I like the way jQuery defines radio buttonsets, and would like to add some styling changes: an optional vertical rather than horizontal layout, including width overrides and appropriate changes to rounded corners set tabindex to '-1' to prevent keys like TAB and arrows from triggering a click event on the wrong elementFor #1, I can use <br /> elements to force the horizontal layout, but the corners look strange, and the width attributes seem to get overridden. For #2, any attributes I add to the
Slider jQuery UI
Hello , I need your help, I would like to use the slider of jQuery UI to make a credit simulator. I succeed to configure it BUT I don't find if it's possible to limit it. In fact, I'd like to make a simulator like this : http://www.opel.be/fr/Configurator/Agila/Start.aspx#step2 If you click on step 2 , there are 2 simulators and I need to make the sames for my customer. If someone can help me, thanks in advance
jquery-ui - cancel dragging on escape key
I've a list of draggable divs and a droppable area. Drag-n-drop is working fine with mouse in chrome, FF and IE9. I want to add keyboard interaction. The dragging div should be revert back to the list when use presses esc key. So first I did like this: $(document).keyup( function( e ){ e.preventDefault(); console.log(':::keypress:::',e); if( e.which=== 27 || e.keyCode === 27 ){ $( '.ui-draggable-dragging' ).draggable( 'option', 'revert', 'invalid' ).trigger( 'mouseup' ); } } ); The above code detects
Using a dropdown inside of a sortable Element
Id like to use a dropdown inside of a sortable element. But when clicking the dropdown it doesnt work of course, because i can only drag around but the dropdown does not open. Is there a good solution for this ?
Tab issue when dissabling them
Hi Everyone, I am having a issue when I disable certain tabs. My website has 6 tabs, the first tab is the login tab. When the website comes up, I disable all tabs, except the first one: $( "#Main" ).tabs( { disabled: [1, 2, 3, 4, 5] } ); <------ this is the line Then, I have a JavaScript, that detects when a tab has been clicked: $(function() {//Open function $("#Main").tabs(); $('[id^=ui-id-]').click(function(){ //Open [id^=ui-id-] var tabId = $(this).attr('id'); //Home if (tabId
Next Page