How to Increase Limit Of Checkbox by Click Event on Disabled Checkboxes
Can you please take a look at this demo and let me know how I can change the limit of checkboxes to 3 and then to no limit every time that user clicks on any of ONLY disabled checkboxes? How can I trigger an event on disabled checkboxes? This doesn't work: $('input:checkbox:disabled').click(function(){ alert("hi"); }); I also tried $("input:checkbox").not(":checked").attr("readonly", true); $("input:checkbox").not(":checked").prop("readonly", true); but now all checkboxes are available to be checked!
Form fields not populated from AJAX unless I include an alert in the code
Hi there. In my code I call a function which first of all displays a form and builds the select drop-down lists with the appropriate options. I then call the following function, passing it a case id. The function: 1. calls another file that uses AJAX to connect to my database and returns a single row of data for the case id specified. 2. checks if the ajax function has completed successfully 3. if successful, it populates the form fields with the json data This form is correctly populated but if
lightbox to show images from specific folder
Hi, I have a lightbox which currently if I click on image 1 it shows an image in a subfolder (same image as the thumbnail but high res). I would like to add other images of the item in the subfolder and when the user clicks the next button it cycles through the images in this subfolder. I have set up rel="gallery[gallery1]" on the first image, rel="gallery[gallery2]" on the second which has segregated the images from cycling through all the thumbnails on screen but it now only shows the 1 image,
Stop datepicker appearing at the bottom of a dynamic table
Using ASP.NET MVC javascript to replace a table cell with a textbox and datepicker.ui control. When the table renders, the datepicker control appears underneath the table. Once the textbox with the bound datepicker is selected the control 'disappears' from the bottom of the table and renders correctly with the textbox. Everything works well but how can I stop the datepicker appearing under the table? Looking at the DOM, I notice that when the cell is clicked the datepicker 'div' style changes to
How do I set the mindate for a datetimepicker using PHP
I have a page with a datetimepicker on it as per the link below. I want to (when the page loads) one time only set the min and max date/timestamp ranges for the DTP based on a database query that runs when the page loads. Can't seem to get that to work. Anyone got a clue please? sorry but I am a bit of a novice with java stuff, and don't see how it works with the PHP to exchange ideas. The values for min/max date ranges will vary depending on the database entries. DateTimePicker example Cheers Greg
plugin multiple assign problem
hey guys i made my own simple plugin which can be seen here: https://jsfiddle.net/bgc329mL/ when assigning my drop down plugin to selectors I'm unable to get both of them to work $('.mutliple-select-dropdown').drop_down(); // not working $('.dropdown2').drop_down(); // working the colour drop down works as it should be the one above doesn't...i used "this" in plugin also. why isnt both drop downs working and how can i make it so both do please? thank you guys
Run through function one time
function jpPlayClick(){ //Code stuff }; Code I have tried so far: $(document).one("click", '.jp-play', function () { jpPlayClick(); }); I want to run through jpPlayClick() once if the user clicks on it for first time, the current code I have disables all my other clicks on class .jp-play obviously. Best way to do this?
How to send data via POST to a jQuery dialog within iframe.
Hello friends, I wonder if it is possible to pass data via POST to a jQuery dialog that contains an iframe and a aspx page. Our client is a bank and now I pass the data via GET but for security reasons we need to change. I appreciate the help. This is my scenario: function ShowDialogFund(portfolioId, operationType, marketType, tradeDate) { var url = "fund-list.aspx?portfolioId=" + portfolioId + "&operationType=" + operationType + "&marketType=" + marketType + "&tradeDate=" + tradeDate; var
Getting Error 500: Internal Server Error when I tried to called a web method from ajax in an aspx page
Hi, I created an Empty SharePoint 2010 project and with an aspx page. I get the idea/code from the following link except I didn't use web service, but I put all the code in the .cs file. http://aspdotnetcodebook.blogspot.ca/2009/11/cascading-dropdownlist-using-jquery-and.html in the aspx: I have url: "mypage.aspx/GetStates", where mypage.aspx is the name of the aspx page instead of url: "WebService.asmx/GetStates", Also below is top part of my aspx.cs page. And the rest is the same as the example
Async Multiple AJAX requests without affecting the responses to the UI
Im trying to make a system where user selects the condition and clicks on generate report( these reports takes more then 10 minutes). Once the request is fired, and immediately another request is made, the UI freezes till the first request is fullfilled, how to over come the same in terms of the process of making the request does not freeze the UI. note: - Making ASYNC=true calls via AJAX
as drag two or more items at once ?
como arrastrar dos o más elementos a la vez?
Unable to change inline css color of TD...
Hi, I have the following piece of code to change the text color of TD inside a TR when a Checkbox is clicked : I've inspected the element and it's the right one but the change doesn't take effect. I don't know what I'm doing wrong and I don't see any error in the console. It's just not doing the job! Any ideas ? $( '.SelectedProducts' ).click( function () { if ($( this ).is( ':checked' )) $( this ).closest( 'tr' ).eq(0).find( 'td.CellStyle.Product' ).eq(0).css( 'color' , 'white' ); else
Display Today Date in the Input box
I would like to display the default date in the input box that is today when you activate the jqueryUI Thanks! https://jsfiddle.net/epret1qo/1/
click on element show , again click did not show why
I have two <div> and two <a> buttons, when I click first <a> button it show related content with that <a>, similaly when I click on second <a> its show related contents. Code is given bellow here Problem here is that , When I click first time on <a> id="infradi-rolno-slip" it works fine, when I click again <a> id="infradi-rolno-slip" it removes the contents $( "#infradi-rolno-slip-form") but dont show again it? why how to fix it. <a href=# id="infradi-rolno-slip" class="button button-glow button-border
Make the Input box to read, not select and delete the data
Is it possible that the you can only add data in the input box but not select and then delete the data. How should I do it in jQuery UI? Thanks! https://jsfiddle.net/epret1qo/
Make the Input box to read, not select and delete the data
Is it possible that the you can only add data in the input box but not select and then delete the data. How should I do it in jQuery UI? Thanks! http://jsfiddle.net/r48y09m9/
Selected Data that will be in two input directly
When I have selected a date, the data of 'from' should also have data in the input 'a' and 'to' should also have data in 'b'. In other words, 'a' is a replication of 'from' and the same thing for 'b' in realtime. How should I do it? Thanks! http://jsfiddle.net/9L67bjr9/1/
Getting the Id of a form to reference in shared code
Hi, I have one js file that is used by two different forms. The forms each have different ids. I've tried the following: var formId; ... $('#SaveButton').on('click', function () { formId = $(this).closest("form").attr("id"); }); $(formId).submit(function (e) { var f = $("formId"); var action = f.attr("action"); action = action.replace("Update", "Edit"); var serializeForm = f.serialize(); serializeForm = serializeForm.concat(actionStr);
text input cursor position
hey guys i'm wanting to know how to position the cursor on a input text field when clicking on it please? what i want is for the cursor to always start at the beginning of the field. i've had a search about but wasn't able to find what i wanted if someone could point me in the right direction. thank you
how to get the textbox value after ajax loading and set value
in textbox i type a value as app than select apple ajax load to set apple id = 1 thn call blur event . now how to get the get the value.please help me .
how to create a folder in desktop documents
Hi, how to create a folder in local documents (system) using jquery please help me.
circles not showing up on mobile
I know that this is probably not a jquery question but I'm not sure what other forum to ask regarding this. In my site I have a section that has a couple of circles and when I test it on my mobile only one circle shows and the others disappears. If I use chrome or firefox on my mobile it works correctly, but if I use my phone's browser then it doesn't. I'm not sure how to go about fixing this issue. Here is a link if you guys want to test it out. http://clients.webkrunch.co.za/webkrunch_demo/index.html
How can I elegantize this brute-forcish jQuery?
I have an HTML table here that, in the first column of "Shift Details" in the "shift 1" section, has a "Hide N" select element: <TR> <TD align="center" valign="middle" rowspan="30"> some date </TD> <TD align="center" valign="middle" rowspan="10"> shift 1 </TD> <TD align="center" valign="middle" > <label>Hide </label> <select id="hideselector"> <option>1</option>
Autocomplete combobox not working in Iphone and Mac Safari
I am using jQuery UI - v1.11.4 in website application. I have implemented the feature of Jquery UI autocomplete combobox. Now this feature isn't working in Iphone browser and Mac Safari. In computer browser this feature is working perfectly well. I need the solution for this issue. Is there any other way to implement this feature specifically for iPhone / mac Safari? Need the solution urgently.
Clear all data and turn back to default settings
Goal: When I click on the clear all button and the data inside of the input box should be empthy and the dropdownlist should go back to default settings that is year 2009. Problem: I don't know how to do in order to make the dropdownlist to go back to default when you have pressed the button? Info: Please remember that I do not want to make any big changes in the current javascript/jquery source code because it is used in production phase. I would like to make a complementary or add ing new code
How to reference a Wordpress page in an Ajax function
I am using a jQuery Ajax function on a Wordpress page. There are 5 "tabs" on the page, which call five separate pages of content to fill a div container on the page. I do NOT want to use jQuery tabs. The Ajax works great. The only problem is that I can't figure out how to reference a page in Wordpress, I have tried: - using the "shortcut" code for the page ("http://www.maxwellparknc.org/?p=450") - using the page name with the ID appended {"nat-crime-patrol-overview?page_id=450") - using
Clear all data and turn back to default settings
Goal: When I click on the clear all button and the data inside of the input box should be empthy and the dropdownlist should go back to default settings that is year 2009. Problem: I don't know how to do in order to make the dropdownlist to go back to default when you have pressed the button? Info: Please remember that I do not want to make any big changes in the current javascript/jquery source code because it is used in production phase. I would like to make a complementary to the current source
Does adding a CSS class programatically add multiple instances of that class if the reference already exists?
Does adding a CSS class programatically via add multiple if it already exists? IOW, with code like this: 'change #date1Shift1JobLoc1Count': function(event) { var d1s1jl1Count = $('date1Shift1JobLoc1Count').val(); if (d1s1jl1Count > 1) { $('date1Shift1Worker5').removeClass('hide'); } else { $('date1Shift1Worker5').addClass('hide'); } } ..if date1Shift1Worker5 already had the class 'hide' applied to it, would an additional 'hide' be added and, if so, is that a problem
Why am I getting 'undefined' when evaluating the value of a select element?
I'm using this code to try to retrieve the value of a select element (which contains 1..10): 'change #date1Shift1JobLoc1Count': function(event) { var d1s1jl1Count = $('date1Shift1JobLoc1Count').val(); if (d1s1jl1Count > 1) { $('date1Shift1Worker5').removeClass('hide'); } else { $('date1Shift1Worker5').addClass('hide'); } } ...but, after selecting the "2" option, the value of d1s1jl1Count is 'undefined'. Why?
Using Plug-ins in External content to be loaded with AJAX
I have been trying to learn how to “bind” whatever jQuery is in the external files to the recipient document. When I use .LOAD to bring in external content that has HTML & CSS Markup in it, those HTML and CSS markups get seen by the browser The fact that the browser finds the HTML & CSS markup and renders them appropriately suggests to me that they are in the DOM. If they are in the DOM, why can’t jQuery find them without any other code support? I have played around with .on to no good result and
Looking for an image map?
Okay, here's what I need. I am creating a website for our annual Fall Festival. I would like vendors to be able to register online and be able to pick a numbered spot on the map. When they pick their number i want that spot to be X'd out, or grayed out so it won't be chosen. Is this possible to do with jQuery? Is there something already out there that I can use, or can try to modify? Thanks in advance!
External header not hiding when showing internal header
Hello! I'm using an "External toolbar" as a persistent header. The thing is that some of may jqm pages (login and others) doesn't need this header. Here it says: If you navigate to a page that does not have a header or footer within it these toolbars will persist. Otherwise they will hide to allow the page's internal header and footer to show. It look really simple, just need to add other header to the pages that dont need it. The problem is that when I do it the external header keeps showing. Here
Making sure AJAX loads & visitor wont need to refresh
I am using .load to bring in two chunks of content as a page is loading. Most of the time this works well. This is a site that is not public yet. It is in development. Some of the time the AJAX content does not load and the visitor sees a crippled page and would have to do a browser refresh. A browser refresh action does cure the problem. What can I do to make sure the AJAX content loads when the page loads so that the visitor does not see a crippled page and need to use REFRESH? Here is the code
Is it possible to suppress the browser's context-menu that appears when you right-click on a page?
I want to respond to a right-click via checking "event.button == 2" like so: "mousedown #imgPostTravelBottom": function (event) { if (event.button == 2) { $( "#dialog" ).removeClass('hide'); $( "#dialog" ).dialog(); } }, ...but although it works (the dialog displays - in the middle of the page), so does the browser's element-specific context menu; for example, when right-clicking on an img, the browser invokes a context menu which displays menu items such as "Save image
Time Disable In DateTime Picker.
I have two time picker one is used to select the starting time and other one is used to select the end time.lunch time (1'o clock) (start time) and (2'o clock)(end time) must be disable how i can do it .please give me the idea.
Keith-Wood DatePicker onSelect not working when rangeselect is true
I'm using Keith-Wood DatePicker Plugin and adding below code in my project $('#ArrivalDate').datepick({ changeMonth: false, dateFormat: 'dd M yyyy', selectOtherMonths: true, showAnim: false, showOtherMonths: true, monthsToShow: 2, minDate: 0, maxDate: '2Y-1', rangeSelect: true, onSelect: function (dates) { alert('working'); var date1 = $.datepick.formatDate('dd M yyyy', dates[0]); var date2 = $.datepick.formatDate('dd
JQuery ui datepicker
hi, i had implemented jquery ui datepicker,but its not working. please refer my code i had written, <head> <meta name="viewport" content="width=device-width" /> <title>Test</title> <link href="~/Content/jquery.ui.all.css" rel="stylesheet" /> <script src="~/Scripts/jquery-1.10.2.js"></script> <script src="~/Scripts/ui/jquery.ui.core.js"></script> <script src="~/Scripts/ui/jquery.ui.widget.js"></script> <script src="~/Scripts/ui/jquery.ui.datepicker.js"></script> <link
JQuery Modal dialog and transparent background
I changed the Modal background from black to transparent by changing the overlay. Now, it allow users to interact with elements behind the dialog using Mouse. How do I prevent user interaction in modal dialog when the background is changed to transparent using .ui-dialog-overlay? It happens only in IE, in chrome and Firefox the uer intercation by mouse is blocked Thanks
Phonegap Jquery Mobile app list width issue
Hi, My App is having problem with iOS9, The list view is not targeting screen size and lists are coming has half screen size instated of full screen size. The App is working fine in other version of iOS but only having this issue with iOS9. Please have look into attached screenshot. Regards,
Problems with jQuery slideUp and slideDown
I have a project in Wordpress, that has two sets of actions that display on a landing page - Current Actions, and Past Actions. The default state of both sets of actions is open. We are using jQuery "slideDown" or "slideUp" to hide and show the content. We are NOT using toggle. For some reason, clicking on a link specific to a Current Action or Past Action section, makes ALL the links close or open in a section in unison (all current-actions links, or all past-actions links). Everything is called
Next Page