Having Issue on Wrapping and Unwrapping Un Selected Checkbox
Demo I am trying to wrap each of disabled checkbox elements in a group into a div which enable users to click on the disabled items and be prompted if want to increase the limit or not? As you can see I tried to wrap the checked elements with `.fake-check-wrap` and all not checked in `check-wrap-sapn` dives. This is because the jquery unwrap() will remove all first parent of the checkboxes $("input:checkbox").unwrap("<span class='check-wrap-sapn'></div>"); now I am totally lost here! <div class="container">
css from iframe to parent page
I would like to add css from iframe... i have a file e.g. test.com/test.html and only filled with: <style type="text/css"> .nanana01 {background:#000 !important} </style> then i want the page which has my iframe css change the background e.g. otherpage.com. <html><body> <div class="nanana01"> text 1 text 2 </div> <div class="mypost"> <iframe src="test.com/test.html"></iframe> </div> </body></html> i wonder is there any javascript that apply my css into the parrent page? what should i put in test.com/test.html?
Ajax not returning value back to the calling script
Hello, After 5 days of picking at the code I excepted defeat and come seeking help..lol Working on a user registration form and in it i have 2 dropdown list, one for country and one for state/province. On page load the country dropdown list is loaded and it works. When a user selects a country the state/province dropdown list successfully loaded and this also works. Not working: in the event the user submits the form I like to have the states/province reloaded with the initial selection at the top
DatePicker
Im new to jQuery, however I have a strong PHP / MYSQL background. I added data picker with the calendar icon to select a date ill later insert into a Database. This all works. My problem is in the formatting of the date. It currently populates as 09-22-2015 for example I'm trying to get Saturday 09-22-2015 for example without removing the mini calendar icon. here is the current code: initialization <script> $(function() { $( "#datepicker" ).datepicker({ showOn: "button", buttonImage:
Ajax progress bar on upload
Hi, I'm having difficulty in getting the progress of the file being uploaded to be shown. I've searched all over and could swear I'm doing everything right but the only event that seems to be fired is the event.loaded, abort and error. I've checked moziila's page on this and stackoverflow and to no avail. Can anyone let me know where I could be going wrong? thanks $("#uploadSubmitBtn").click(function(){ var formData = new FormData($("#mediaUploadForm")[0]); var usersFiles=$("#uploadBtn")[0].files;
<input id="filterTable-active" data-type="search"> does not fully work on iOS 9
Hi when using <input id="filterTable-active" data-type="search" /> on iOS 9, it works on initial rendering. Then when I swipe up or down on the page, I get a blank screen. Removing this line fixes the issue. Can you please look into this? It works on 8.
[RESOLVED] jquery multiple autocomplete, remove selected item from the sql array
Hi Everyone, I am new to php and sql so apologise for not being very clear. I am doing a Multiple Answer Survey where people can select 3 of there "best" friends. I have all the friends name in a MySQL table. I want people to be able to select from a very long list of names so I have implemented autocomplete. The issue is that I don't want them to put the same name twice. Ideally I want the selected name not to appear on the list when typing on the next textareas. I came across this which does the
Need a nice autocomplete solution
Jake, Do you have any ideas for what I can do about a good auto complete on this page (at the bottom after highlight). http://m.publicmissiles.com/fins.aspx I need it to start suggesting all possibilities from an array after 3 characters regardless of case and spaces. Thanks! ---Frank
Which type of click handler is preferred?
Using ".click()" and ".on("click") seem to accomplish the same thing: $('#btnStraightforward').click(function() { alert('you mashed the straightforward button'); }); $( "#btnOn" ).on( "click", function() { alert('you mashed the on click button'); }); ...so is there any preference for one over the other? That is, if you're only responding to one event (usch as "click", above)?
Bug?: Autocomplete with autoFocus and show options on focus
Hey guys, I've come across an issue when using autocomplete with autoFocus=true and using: .click(function (e) { $(this).autocomplete("search"); })to open the list of options. There's some kind of race condition where the first element in the list is selected for a second and then becomes deselected. Both features work independently but when combined there is an issue. Is this a know bug? Is there a fix or workaround? Here's some code. (I have extended autocomplete for categories, i also tried
SlickNav - root menu not clicking
Hi, can someone helped, I've set up SlickNav and have the following layout; About us - John - Sue - Pete However in responsive mode, the 'About us' button isn't accessible, it just only allows me to drop down making that page ineffective Can anyone help, I need the 'About us' page to be "clickable" as well?
Set JQuery selectable Tbody pointer events to none
Hi THere, I have a jquery selectable which is a table with many tbodys. Each tbody has TR and TD tags. I want to disable the pointerevents, it should not be selectable, clickable, or drag selectable for certain tbody's based on a conditional statement. I set the pointerevents: none, it works only for the <a> tag, but not on the jquery selectable tbody etc. Can you please advise? if (Online == false) { @:<tbody id="tbody_@(tbodyIDNum)" disabled="disabled"
Adding an icon to a JQuery dialog
Hi All... I have found many posts about how to add a custom icon in the Dialog title bar, and some on how to use an icon as a button. But none on just placing an icon next to the button as a decoration. Is this possible? Thanks!
Remove the Icon and its Functionality
Goal: When you have a lower resolution that is lower than 500 in your computer or cellphone I would like to remove the icon picture and its functionality shall not be active. Problem: I don't know how to do it. Info: http://jsfiddle.net/sL3c1v12/14/ Please remember that I would like to change with browser's width using the cursor without refreshing the webpage in order to not display or display the icon and its functionality The source code is from this website http://markgoodyear.com/labs/scrollup/
Style and script of dynamic content does not work on revisiting the page
hii New to jquery mobile. trying to build my first jquery mobile app. App requirement is some pages with left and right panel. There is a lot of dynamic data like Page title, left panel list(which contains image and heading through JSON object), right panel which has all the page links will also come dynamically. Everything works fine at first but after visiting page 2 when we revisit page 1, panels messed up. page title does not update. It seems that revisiting the page does not catch the styles
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?
jQuery Download Error Message PLEASE HELP :(
Hi there! I can't seem to download jQuery, and continue to get this error message. Line: 930 Char: 2 Error: 'document' is null or not an object Code: 800A138F Source: Microsoft JScript runtime error I am using windows 9, downloading "uncompressed, development jQuery 1.11.3" using google chrome, and every time I download (right-click > save > open) or (left-click > download > open) and attempt to open the file, I receive the aforementioned message. Can someone please help me troubleshoot this, as
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>
Dropdown form element not workng when form is submitted to that page itself
I have a page myform.php and it has a form targeted to that page itself like; <form action="myform.php" method="get"> <select name="type" id="type" data-native-menu="false"> <option value="all" selected="selected">Show all forms</option> <option value="forma">Form A</option> <option value="formb">Form B</option> <option value="formf">Form F</option> <option value="formx">Form X</option> </select> <button class="ui-btn" type="submit" name="submit"
Next Page