Offline docs for jquery-ui?
I'm using jQuery UI in a project that develops on an isolated network with no Internet access. I'd like to make the jQuery UI API documentation available on our internal network (as we do for virtually all of the other libraries we use, including the core jQuery documentation from jQAPI.com), but I cannot find anyplace where the documentation can be downloaded. We already have a copy of the documentation from jqapi.com, but that includes only jQuery itself, and not jQuery UI. Is there anywhere that
Get Month Name from Jquery Date Picker
Dear All, Can anyone help me in getting the month name ,from the selected date using Jquery Datepicker. Thanks Quality Communication Provides Quality Work SAM
Add "helper" to draggable on drag event.
How to add clone helper to draggable div conditionally For example, I have two container divs. I do have a draggable div in one of the container div. Now if i drag my div within the parent container , no clone is needed. But, if i drag the div outside of my parent container, clone needs to be added . How can i do this on on drag event ?
ui dialog
Hello, us any body have encountered this, jQuery don't know the $("#selector").dialog. the error jvascript is :0x800a01b6 - Erreur d’exécution JavaScript: L’objet ne gère pas la propriété ou la méthode « dialog » Translate : Error executing javascript: The object don't handle the property or method <<dialog>>. The dialog window is created and i see it with autoopen:true, i Close the win dialog and then click on button toggle, this generate the error. <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/themes/ui-darkness/jquery-ui.min.css"
Drag n drop - save the reorder of rows
I'm working on a simple project and so far I'm not using any databases, but instead stores anything I need to save in the local storage. This time around I need to store the reorder of rows when using drag n drop. If I set an ID on each row, would it be possible to loop through the IDs to find the current position: 4, 2, 1, 3. Then store the order in the local storage, then display them again in that order when opening the project/website the next time?
jQueryUI dialog
I need to make a few minor changes to the theme used for the dialogs; b/g colour of the header, close 'X' button and 'OK' button.When I re-roll the theme, using the existing them as a starting point, do I need to redeploy all the files, or just one or two. Deploying a minimum number of files would be ideal, to avoid stepping on files that have not changed. Cheers!
jQuery UI draggable is not a function Error
Why function draggable works in Chrome and does not work Safari? gems.js $(document).ready(function(draggable) { $('.draggable').draggable(); }); index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <title></title> <link href="lib/ionic/css/ionic.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css">
Is there an onclick handler to open an accordian from a separate link
I have a page with several accordian sections. I want all of the accordians closed when the page loads, then I have a drop-down menu that links to each accordian section, this part I have working correctly. Now I want the specified accordian to open when I click the link in the drop-down menu. I found one solution that sort of worked, but it messed up the css (the color scheme completely changed for the specified accordian) and it prevented the accordian from closing onclick (which worked prior).
Datepicker dd.mm.jjjj no longer works (link to datepicker-de.min.js seems broken)
This link seems broken: http://struts2-jquery.googlecode.com/svn/trunk/struts2-jquery-plugin/src/main/resources/template/i18n/jquery.ui.datepicker-de.min.js Therefore our datepicker no longer works (it automatically selects mm/dd/jjjj and cannot be overwritten manually)
Why is my attempt to use a jQuery UI Dialog failing (not initially hidden, remains glued to the bottom of the page)?
Using the idea here as a "proof-of-concept" before replacing the html with my own, I added that html to my Index.cshtml file (ASP.NET MVC app): <div id="dialog-message" title="Important information"> <span class="ui-state-default"><span class="ui-icon ui-icon-info" style="float:left; margin:0 7px 0 0;"></span></span> <div style="margin-left: 23px;"> <p> We're closed during the winter holiday from 21st of December, 2010 until 10th of January 2011. <br /><br
Autocomplete with JSON data source not working
Greetings experts: I have some C# code that's generating some JSON by building up a string. When I visit the page (http://myServer/index.aspx) from a client, the following is displayed: [ {"label": "James Smith", "value": "12345"}, {"label": "Peter Smith", "value": "23456"}, {"label": "Sally Smith", "value": "34567"} ] (there are actually about 10 sets of labels/values, but they all follow this format) and examining it using Chrome's Developer Tools reports it as a series of objects. I've put it
jquery-ui 1.11.4 is not clean on JSLint
The jquery-ui js minified version downloaded from jqueryui site is showing 7 errors when executed against JSLint. Can you please mention whether these errors can be safely ignored before using jquery-ui js ?
Jquery UI Dialog Modal
Hello I have a question. I am using a modal dialog from jquery ui. Bellow see the code for open it. When I open all the scrren became unuseable, including the modal window. Can somebody help me on this. Thank you. <script type="text/javascript"> $(document).ready(function () { $(function () { $("#dialog-message").dialog({ dialogClass: "no-close", autoOpen: false, modal: true,
Adding selectable functionality to sortable portlets.
I am just curious if anyone has figured out a way to add selectable functionality (drag and drop multiple selections at once to a separate list) to sortable portlets?
Replace javascript alert box with Jquery Popup
Hi, I'm working on a .Net application. On my .aspx page, on click of a submit button i'm calling a javascript function. Inside the javascript function I'm using an alert box to show to the user what all values he has entered. I want to replace this javascript alert box with jquery pop up and in the pop up i want to pass dynamic values. Can someone please help me replacing javascript alert box( called within a javascript function) with Jquery Pop up with dynamic values( whatever user has entered in
Get group of radio button selected value
Dear All, I am having bunch of questions and each question is having options and need to get the value of selected radio button by using jquery. And the below written javascript is working fine in chrome ,But I see no luck in IE browser Can any one help me how can I achieve it using jquery <form id="q1"> <fieldset> <legend>Course Content:</legend> <label>How is training</label><br /> <label> <input type="radio" name="test1" value="Excellent">Excellent</label><br
Why the table is misplaced when refreshing the easyUI datagrid?
This phenomenon is as follows： as you see now,the table's head and body are not accorded and go to the left one side.why? thanks! ps:the normal phenomenon as follows：
jquery ui sortable child items with sortable parent item scroll issue for window auto scroll
Hi, I am using jquery ui sortable to apply the sortable feature into our application. I have sortable parent items with sortable child items. I am facing problem when we start to sorting the child items then window not auto scroll for next siblings item but it will work fine on parent sortable items. i write some code on sort event to achive this CSS: .left-handle{ background: red none repeat scroll 0 0; height: 100%; opacity: 0.5; position: fixed; width: 15px; z-index: 999;
I need to create an accordion similar to the table. I need to have the tabler headers in the accordion link and rows are seen after expanding the accordion. could some one help ?
Hi All, Could some one help me to know how I can create an accordion similar to table header and rows?
Autocomplete Json Array
Hi Experts, I am having issue parsing a List of objects at the client side. My servlet sends a List through JSONArray. Servlet: AjaxRequest.java protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // TODO Auto-generated method stub PrintWriter out=response.getWriter(); response.setContentType("application/json"); response.setHeader("Cache-control","no-cache, no-store"); response.setHeader("Pragma", "no-cache"); response.setHeader("Expires",
Jquery UI slider with textbox input
down votefavorite I am trying to change value of UI slider from textbox's value but the slider method seems to do nothing on the textbox's change event i.e it doesn't move. What am I doing wrong? Check the Fiddle
Sortable stealing from Droppable?
I'm creating a system where users can reorder a list of their sites, but also throw them into a "bin" if they don't want it on the main list. These are just two sortables, it works fine, saves and loads from database, the works. However, I want to have the bin be shrinkable. No problem, the bin toggles open and closed with a click. But while the bin is closed, I can't drop stuff onto that list, because the list is hidden. No problem, I'll just make the bin label a drop target, and anything dropped
jQuery UI Datepicker 2 dates in the same week
Hey Guys, i hope u can help me... i need two date inputs with datepicker and the second must be after the first date choosen... thats no problem with my code... but i've need a second rule: after first choose the second date must be max the sunday in the same week than the first date. thats my code now for the first rule: $(function() { var dates = $("#holiday_from, #holiday_to").datepicker({ prevText: '<zurück', prevStatus: '', prevJumpText: '<<', prevJumpStatus: '',
Disable Friday and Saturday from Jquery DatePicker
Dear All, I have 2 date-pickers using html controls in my .JS file and I would like to disable all Friday's and Saturday's from date-picker. And also I would like to fetch the month name from the selected date-picker Can any one please help me in providing the solution Thanks SID
Dialog not visible when div is full screen (requestFullscreen)
Hi, I'm building a website where a part can be shown full screen. Unfortunately when the div is shown in full screen mode, the dialog is hidden behind the full screen div. Only after pressing escape to undo full screen, the dialog is visible. See code below. Button 'Show full screen' makes the div full screen. Button 'Show dialog' supposes to show the dialog, but does this only when the div is not full screen. What am I'm doing wrong? Thanks! [code] <!DOCTYPE html> <html> <head> <meta charset="UTF-8"
Get Jquery Date-picker value in Java-script Function
Dear All, I am having a form which consists of html controls(Text-box,dropdown..etc) along with query date-picker control ,As the jquery date-picker control is compatible for all the browsers And I had written the java-script in a function which gets all the values of controls existing in the form ,But I found no luck to get the date-picker value . Can any one please help me in getting the value of data-picker in function <!doctype html> <html lang="en"> <head> <meta charset="utf-8">
Get Jquery Datepicker value on button click
Dear All, I am at beginning stage of the jquery. And trying to get the value of selected date from datepicker on clicking the button.Below is the writing code ,But found no luck .Can any one help me please <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>click demo</title> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script>
Resizer on left move on left ...
Hi all, Just a small experience of use the "resizable()" command. "A div inside its container move on the left". Scenario : 1/ (extend on right the div as enougth but not to its container limit.) (eventually) 2/ shrink by the left this div 3/ "very slowly" , extend the div on the left to touch the container's border ... and Look the right side of the div A small project in attachment to see this.
Why not ? A pin scale display on the sliderBar ? & With (in the future) a customizable pins positionning ?
Hi All, Today I'll would like to propose to you something on the slidebar. (Look at the snashot under) You customize your pin(s) scale showing with a reference to a jQuery plugin icon name (or not for no display) I'm under a work draft yet. Because my purpose is to propose a full customize setting for the pins positionning (for example : 0% 25% 75% 100% 200% 300% (or other constant values, not in percent...) in purpose for example to set a zoom/xzoom interface or for full others objectives .. ) Source
Resizable() grip display customizable (?)
Hi All, Always with the resizable() command. If I don't want to see the "SE" handle ? ==> $(myResizerObject).mouseover(function(evt){ $(this.getElementsByClassName('ui-resizable-se')).css({display: 'none'}); }) Not smart ... Why not a "grip" option with the same "philosophy" of "handle" option for the accepted values ? like this : GRIP: "n, e, s, w, ne, se, sw, nw, all" And the combination between "grip" and "autoHide" could give more ... @+
jQuery UI Selectmenu / collapsing select-box / options width not taken into account anymore?
Hi All, did anyone also noticed, a selectmenu is collapsing since one of the last jquery-ui versions? Having a select-tag without any width and an option-tag which has a quite long text, now I get rendered a select-box with ellipsis appended to the selected option. In previous versions (and unfortunately currently I'm not able to define the version / not reproducable), the width of the select box was rendered depending on the longest option-entry. So, when opening the menu, its width also matched
How to use JQuery autocomplete selected item?
I assign selected autocomplete value to variable var selected and posting it to the same php page, after the page is reloaded, am checking if the variable is posted like this: if(isset($_POST["selected"])) then echo it, but nothing happens. I need to use this variable in query, after page is reloaded.The question is how to use correctly selected autocomplete item? <script> $(function() { var data=<?php echo json_encode($namesArray);?>; var selected; $( "#searchTags" ).catcomplete({ delay: 0, source:data,
Progress bar with Target and actual values
Hi all, I have a requirement where i need to show target vs actual values in a progress bar. Something like in the attached image. Could you help me any responsive js library or suggest some code using which I can do this? When actual is less than target it is easy but when actual is greater than target it may not be responsive.
error getting correct position of form elements from non active tab
Hello, I have 2 tabs and each has few form elements in it (text box, radio etc.) I am validating some of the elements before form submit and showing error tooltip next to input element. This works perfect for active tab however for inactive tab, it does not return any position value. below is the code tab id is parameter "divbodyid" $('#'+divbodyid+' .required').each(function(){ //inputlength = $(this).val().length; inputlength = $(this).val(); if (inputlength == null) { inputlength
jQuery datepicker entered invalid date is resolved to another date
I am using the jQuery datepicker. When I enter an invalid date like 1-1-0004, this date will be resolved to 1-1-1994. When I enter 1-1-2004, this date will be resolved to 1-1-1944. Why is this happen? I can reproduce this on the jQuery datepicker demo page. I would like to avoid this situation. It needs to be only possible to enter valid dates. And the date you enter needs to be same as in the datepicker. Not resolved to another date. $("input.field.date").addClass("ui-datepicker").datepicker({
Autocomplete with categories from database not working
I have product names and categories from database fetched with PHP: $findNames=$user_home->runQuery("SELECT productTitle, category from Iranga "); $findNames->execute(); $information=$findNames->fetchAll(PDO::FETCH_ASSOC); foreach($information as $item){ $namesArray=array("label:"=>$item['productTitle'], "category:"=>$item['category']); } Then am trying to use collected data like this: var data=<?php echo json_encode($namesArray);?>; But it won't work, where could be a problem? <script> $(function()
Biding Autocomplete to Multiple Columns
Hello everyone and thanks for your help in advance. I am develop a search box that utilizes the jQuery Autocomplete widget. I am trying to get the widget to consume a JSON data source, however, the data source returns multiple name:value pairs that look like: [{"ID":139,"VisitID":0,"ClaimNo":"573220160314215047","MRNumber":"5732","PatientLastName":"Testcase","PatientFirstName":" I know how to get a singular column bound to the search, $.ajax({ //url:
clickable title
is it possible to make title of datepicker clickable. I mean think about windows' calendar. Whjen you click month. It shows all months in a square. And title of calendar become current year. When user clcik title again it shows all the years. Is it possible to make in jquery ui calendar?
datepicker onShow event
hey i am using datepicker. I want to do something when datepicker is open. Datepicker hase some functions like onSelect, onClose, but there is no onOpen or something similar. Is there any solution you can suggest to me for taking care of this problem.
How to add ul and li to images div in jquery. Ul to be added for every 5 images
I have the below jquery, it gets the filenames of a folder using a php. When appending these image files to div, i would like to add ul and li to that div. ul needs to be added for every 5 images. var folder = "assets/images/"; $(document).ready(function(){ $("img").click(function(){ $.ajax({ url: "com/php/filelist.php", dataType: "json", success: function (data) { $.each(data, function(i,filename) { $('#subicon').prepend('<img src="'+folder+ filename +'">'); }); } }); }); }); e
Next Page