jquery-ui datepicker does not keep its position relative to its element when zooming-in
I have a problem jquery-ui datepicker that occurs if the input (datepicker is attached to) is placed inside an element with margin: 0px auto. If you zoom in (ctrl +), a displayed datepicker does not keep its relative positionto the input. It causes some problems in mobile browsers when there is an automatic zoom-in when filling a form. There are no troubles if margin: 0px auto is removed but I'd like to keep it. fiddle: http://jsfiddle.net/hcvfC/1/
Hide Background on moving Li to Top
Hi, I need one help On clicking on Li i am taking that at top its working fine you can see here http://jsfiddle.net/65fed/1/ In my application i have background white But whats happening while moving that li the background comes white as my app has background white. What i need is that when my li moves at top it should adjust the backgroung in this way. http://jsfiddle.net/N2Py9/ Note : But approach should be taken as the first link oi provided. Thanks in Advance
Datepicker change day and month
The use of "Datepicker" I would like to change the wording of days and months. I have some experience but not much, then insert the code as example in API Documentation ("Datepicker widget") but did not work so there is something wrong. Insert in <script> $ ("selector.") datepicker ({dayNames: ["Domingo", "Segunda", "Terca", "Quarta", "Quinta", "Sexta", "Sabado"]).; dayNames var = $ ("selector.") datepicker ("option", "dayNames."); $ ("selector.") datepicker ("option", "dayNames" ["Domingo", "Segunda",
How to prevent default select event in autocomplete jquery?
The default action of select is to replace the text field's value with the value of the selected item. Canceling this event prevents the value from being updated, but does not prevent the menu from closing. I want only close the popup with clicking outside(or with a custom link) of the popup. Is this not possible? $("#search").autocomplete({ select: function(event, ui) { event.preventDefault(); return false; } }); EDIT: Here my Solution. I have modify autocomplete minified. Add cutsom options "closeOnSelect:false"
src.returnValue at line 5374
My IDE returned this value as unacceptable when i tried to run the code for the position demo. It suggests that you use the 'standard 'event.preventDefault()' instead'. I'm not an expert at this JQuery program yet, but when i type in the code on this page to see how it works, it returns this 'complaint'. It displays the 3 green boxes, but it doesn't show the 4th box when i move the mouse cursor around the window that is displayed when i do run the code in my browser.
hwo to increase the size of circle in this jsfiddle?
pls tell how can i increase the size of animated circle in this fiddle. thanks :) http://jsfiddle.net/oskar/Aapn8/
jquery upload ui only one file
hello. I'm using jquery ui upload. I have 3 upload blocks ,each with his add file, remove ecc... , like the jquery upload ui example, but i have 3 of these block. My goal is to permit to each block to upload only one file, if i add a file where there is another upload the old uploaded file must be removed and the new file uploaded must take his position. is possible? my idea is to clear the list of jquery ui upload before add the new file, in mode that i upload always my last file, but' i can't
Tab control Resize event
Iam working in the Tab control. whenever the tab is re-sized, i need to capture the event. I search across the forum but could not get the answer. Can any one help on this? Surendar.
Want to expand div element using mouse
Hi, For resizing my div element I have used Resizable( ) plugin of Jquery but the div element is expandable from right only and I need it to be expandable from both the sides ie from left also. Please let me know how do the same.. Thanks in advance!! :)
clicking list item its going too much high
Helo all , I need one help. on click of <li> i am sending that <li> at top, its going fine But the problem is that it should go upto first position but its going at so much high. Please find this on live http://jsfiddle.net/JLx69/19/
jquery datepicker calendar not showing after server side validation
I have 2 date fields which uses jquery date pickers with calender image next to text box when i click on calender image the date picker calender pops out for user input.When first time page is loaded everything works fine but after server side validation the calender doesn't pops up.What must be the issue?. Ejaz Mulla.
Is there any way to load dynamic data in autocomplete source?
I cannot add more datas in autocomplete source. Help me to do that.
scrolling with two accordions within dialogs
I am creating two accordions and placing them into two different dialogs on the same page. My problem is that with the two dialogs on the same page when I scroll down and expand one accordion section, and then click a section in the other accordion it scrolls the original accordion back up to the top. It seems like this may be a bug of some kind in the framework. The version of jquery I am referencing is jquery ui 1.10. I have created a jsfiddle here that illustrates the problem: http://jsfiddle.net/geoderek/fL3VW/2/
jQuery UI Developer
Hi, All! I want working jQuery UI Developer. How salary I can recieve (expect) for this work full-time?
"Arrival" date reverts after choosing "departure" in Windows xp..
Hi, we're using the jquery ui date picker for our accommodations search tool... visitors select a arrival date and then a departure date and then click search... everything is working good except for on Windows XP... If I Tuesday on arrival date a couple months out and then select a departure date it will cause my arrival date to revert back to some other date. Doesn't seem to be happening on any other operating system. Has anyone seen this before? Any potential solutions would be much appreciated.
jQueryUI datepicker and Webkit css conflict
Hello, when calling the datepicker widget on one page and days are strecheing over the month frame. This happens only with Webkit based browsers, like Safari or iCab. I don't see this behaviour with other browsers. I'm using a html theme from ThemeFuse and until now they couldn't tell me, where I should look for this. Any idea where I can look into this? Thank you Quwax
jquery ui sortable in a HTML Table
Can the jquery UI sortable be used in a table instead of an unordered list?
Draggable element loses containment and dissapear
I have a little thumbnail that represents all the window. You can move the div #maquetaPant and the window should to scroll at the same time you move the little square. You can try this jsfiddle: http://jsfiddle.net/oscardr/H2tEN/ Move the little square to scroll the window. If you try to change the drag event for a stop event then it works well. The code is here. If I put the function "dragMaqueta" in the stop event, then it works well. But I want it in the drag event to scroll the window at the
How to do hover/shade roll-up effect?
I found a few sites that do what I'm looking for, but I'm not sure how to implement. I'm looking to show an image with a caption, then when the user hovers over it, for a block of text to roll-up in front of it like a shade effect. This page shows what I'm looking for: http://www.ewa.org/ Would this require a plugin or is this fairly straight-forward to implement? Or, if anyone knows of a jquery plugin that might do the trick. Thanks!
Slider don't work with IE 11 and Windows 7
Hello I use the Slider (https://jqueryui.com/slider/) on my Website and it works fine except if i use my Laptop with Windows 7 and IE 11. The Slider does'nt appear. Does anybody know this Problem, or got experience with this...? Thanks in advance.
jquery ui draggable: gets jumpy when you click on the handler.
Did any come across this buggy thingy with jquery `draggable` before when you add `right: 0; bottom: 0;` to your popup box? The box **jumps** away from your cursor when you **click on** the `handler` jquery, $(".popup").draggable({ cursor: "move", handle: ".popup-outer", cancel: ".popup-inner" }); html, <div class="popup-outer popup"> <div class="popup-inner"> <div class="box-close"><a href="#" class="button-close">x close</a></div> <div class="ajax-response"></div>
datepicker cannot reload a new calendar when using keyboard
I discover when changeMonth is true (or changeYear is true), I focus on month select then I press up and down arrow, the calendar won't update after change the month select. Thank you for your developing.
Linking autocomplete to mysql
Hey guys, I'm having a HUGE amount of trouble getting autocomplete linked to the mysql database I've got set up. I'm very new to javascript and php coding, so the trouble I'm seeing was expected but I never thought it'd give me this much trouble. The database has one table that has Customer Names, Billing Addresses and Shipping Addresses. The end goal here is to have Autocomplete kick in for the Customer name, then narrow down the results possible for Billing Address and Shipping address. What
Switching tabs slow with big content
Hi, I have a problem, I am using tabs layout in my page and some of the tabs can have a lot of text in them, so when swiching between them, it sometimes takes a bit longer. And what I need is to show some indicator that the page is working. I figured out, that I can make the indicator visible on click event on tab label, but I don't know when to hide it, so is there some evenet, which is fired afted a tab is switched? Or any other ideas how to solve this? Thanks
jquery accordion is not working with other jquery library pluggins...
I have written jquery accordion plugins in Master page ,so that accordion can be applied in all pages.Its working fine.But in one page I need the search functionality in dropdownlist.I have applied another jquery pluggins in that particular page to show Search functionality, which is working fine.But the problem with that page is , accordion is not working .Please help me regarding this issue.....Can't we apply two jquery library at a time?
Autocomplete height and Button height
What am I doing wrong? <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"> <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> <style type="text/css"> #tags1 { height: 36px; } #but1 { height: 36px; } #tags2 { height: 30px; } #but2 { height: 36px; } </style> <script type="text/javascript">
Dialog produces TypeError: $(...)button is not a function
Running the CODE in 1., below, produces this error. TypeError: $(...).button is not a function text: falsejquery.ui.dialog.js line 351 The status on all files opened is 200. Permissions on all files is 777. I don't have a clue as to why this is happening or how to fix this. Thanks for any help to solve this. R <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Dialog</title> <link rel="stylesheet" href="css/ui-lightness/jquery-ui-1.10.3.custom.css"> </head>
Autocomplete on content refresh
I have a array[] of strings that prefills my autocomplete widget: var array = [<values prefilled from server>]; $(function(){ $( ".urlInput" ).autocomplete({ source: array }); }) and everything works fine. On the page, there is an option that allows the user to add the values via AJAX that get inserted into the datasource that prefilled array. After the successful AJAX request/response, I am trying to update the source of the autocomplete widget with the new value the user added.
Default Functionality Not Working
Hey all, I have jquery 1.10.2 and jqueryui 1.10.4 which I'm including into my site using the direct CDN links at the bottom of the jqueryui page. I'm noticing and becoming increasingly frustrated with default functionality of some items not working. Here are 2 examples of things not working: Date picker $(function() { $( "#viewDatePicker" ).datepicker(); }); <input type="text" id="datepicker" /> Is working and popping up the calendar, but doesn't show "February 2014" for example in between the month
Jquery Datepicker not working on cloned body and after server side postback
I have a html table.On this table one of the fields is a jQueryUIdatePicker.When I clone the body in a table, all its markup's are cloned into a new div.Now there are two elements on a page the original and a cloned one.When i create new datepicker element with append() datepicker works fine.But when i select the date for new(cloned) element it affects in the first(original) element. One more issue i am facing is that after a server side postback any of the jquery datepicker including cloned ones
Add the Jquery slider to Joomla 3.2
I have been racking my brain for an entire week on this. Finally i have reached out to you! I am trying to add the http://jqueryui.com/slider/#range into a module in Joomla 3.2 Can somebody out there explain how to do and maybe throw on over so code that will work? Once i get it the first time i will have it imprinted in my little brain. Thank You!
set hidden field values in form during json request?
I'm jquery-ui autocomplete for my MVC5 project. This is what i'm doing in view using (Html.BeginForm("AddAttendee")) { @Html.HiddenFor(m=>m.SelectedEmail.FirstName) @Html.HiddenFor(m=>m.SelectedEmail.LastName) @Html.HiddenFor(m=>m.SelectedEmail.AppointmentId) @Html.HiddenFor(m=>m.SelectedSuperOfficeEmail.PersonId) <div class="form-group"> @Html.LabelFor(m => m.SelectedEmail.Email,
Having Difficulty With Selector(s) Working Within accordion element group
I have an unordered list of menu items to which I've applied the accordion widget. Some menu items have other unordered list of submenu items and some do not. The basic accordion functionality at this point seems to allow multiple menu items to be open (submenu items expanded out). Before and after examples of applying the jquery ui accordion widget to one of the above-mentioned menu items can be found at http://pastebin.com/GVFKjtBZ The top portion of the code example shows what one of the
Snap to grid on Droppable
There is an example: jsFiddle Snap-to-Grid is needed only over droppable div. I want to implement a grid functionality to the target element only. How can I do it? Thanks!
button click action is not working
<script type="text/javascript"> $(document).ready(function(){ var counter = 2; var count=2; var count1=2; var count_hos=2; var count_hos1=2; $("#plus1").click(function () { if(count1>4){ alert("Only 4 Hospital Details allow"); return false; } var newTextBoxDocDiv = $(document.createElement('div')) .attr("id", 'hosDoc' + count1); newTextBoxDocDiv.after().html('<tr><td>Hospital Name</td><td><input type="text"
Multiple Jquery UI Slider non linear value
I have been searching and trying to find a solution for this but unfortunately can't get my way round it. I have multiple jQuery UI sliders which all have their values on sliding from an array. At the end I am trying to get the value of the slider and add it up with the other sliders. Here is the code for only two sliders: $(function () { var labelArr = new Array(0, 200, 400, 600); $("#slider").slider({ values: 0, min: 0, max: labelArr.length
JQueryUI Tabs not working properly [NEED HELP][STUCKED] :D
Hello, I'm stucked with JQueryUI tabs with a silly issue. Basically I'm adding the first tab and I cannot find a way to select it. The content doesn't get displayed until I click on the tab button. The issue can be easily reproduce with one of the examples provided on JQueryUI page: http://jqueryui.com/tabs/#manipulation To reproduce: 1) Delete the tab you see when you load the page 2) Add a new tab 3) New tab content is not displayed until you click over the button. I've tried several things to
checked button on off depending on a result
Hi, I have created a on-off button with the following code. Now I want to make it switch from on to off when a value is read I am using these options: $('#red').attr('checked','checked'); to check it and uncheck it $('#red').removeAttr('checked'); but nothing changes.Have you got any ideas? $("input[type=checkbox]").switchButton({ width: 100, height: 40, button_width: 70 }); "<input id=\"red\" name=\"red\" type=\"checkbox\" value=\"1\" checked>"
datepicker show no background color at all
I am having trouble with datepicker when I select it I can see all the words and numbers and it will select them. None of the background color is not there at all. I have downloaded jquery ui with different color format but it still will not show any color. Please give me an id where to look
Jquery Ui Slider handle wont slide to full width HELP!!
Hi, I wonder if someone can help, im struggling to to get the jquery UI slider to work as i want it to. i have a website setup with a jquery slider (http://www.isaac-clayton.com/#work_section) its quite obvious what the problem is but i cannot for the life of me figure out why its not working. the handle wont slide to the right fully. there are 14 images that it should scroll through and im wanting to add more as more clients are added to the site.. please could someone look at my site and see if
Next Page