chained or dependent auto complete
$(document).ready(function () { var availableTags = [ "India", "United States", "Qatar" ] $( "#tags" ).autocomplete({ source: availableTags, select: function( event, ui ) { $( "#version" ).val(''); //alert(ui.item.value); var selected_val = ui.item.value; if(selected_val == "India") { var states: [ "Tamil Nadu", "Karnataka", "Kerala" ]; } else if(selected_val == "United States") { $( "#version" ).autocomplete({
Error in latest release does not load on windows 10
Windows fails to load due to an error on line 3887 3855 jQuery.Deferred.exceptionHook = function( error, stack ) { 3867 jQuery.readyException = function( error ) { 3887 ...catch( function( error ) { Jquery-3.2.1.js Line 3887 char 4 Error Expected Identifier code 800A03F2 Source Microsoft Jscript compilation error Same error on Google, Opera, Edge
Prevent default and then refresh form normally
Form is submitted through jquery code $("#myform").ajaxForm().submit(); On the other hand I have another submit button on the same form which triggers fine but it triggers through jquery without refreshing the page and i want it to refresh the page without jquery as a default behavior. How can i do so? I tried something like below but it still submits using jquery. Any help would be highly appreciated in this regard. $("#Save").click(function(e){ e.preventDefault(); $('#myform').submit();
Issue with two submit buttons
HTML FORM looks like below: <form id="biz" name="biz" action="CGI.script" method="post" onSubmit="console.log('submit button, not save button, clicked'); if (document.getElementById('field1').value=='$'){alert('Liability is required');return false} else if (document.getElementById('field2').value=='$'){alert('Fee is required'); return false};"> form field 1 form field 2 form field n ... lots of fields... <input type="submit" id="save-and-continue"
Automatic data saving issue
Where's no problem using an event to call an ajax call for a data saving function (saveData), but timed, automatic data saving by calling this function at different interval failed without error. See code below. Know why? Thanks in advance. /* auto data saving; */ // try 60 seconds first setTimeout("saveData()",60000); var saveData = function() { // use jQuery to send form $(document).ready(function() { $("#myform").submit(sendForm); return false; }); console.log("after form submission
autocomplete 1.12.0 and 1.12.1 bugs
Hi guys. I've notice serious problem with autocomplete. It works ok in 1.11.4 for example It gets slower and slower with every call even if I don't deliver data from an ajax call That my headers I'm using <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script> or <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
Trouble concatenating varables to a string
Hi all, I am having an issue with concatenating some variables to a string value. It seemed to work fine in other instances so I'm not sure what I'm doing wrong here. The issue is with the "prompt1" variable and the string within it. I have these IF statements that populate the idx, idxCat and idxBrand variables which I want to then concatenate in specific spots in the prompt1 string, however it does not seem to be working and just prints +idx+, +idxCat+ etc... instead of the value. I did an
IE 11 issue: d.addEventListener("DOMContentLoaded",S) with jquery 3.2.1
Trying to use jquery 3.2.1 on ie11, i get an error on console d.addEventListener("DOMContentLoaded",S) object does not support property or method 'addEventListener' Thanks for help
How to use jQuery.validate to enable submit button?
I have seen a few site showing that the validate plugin can be used to toggle the submit button on a form I have tried a few example but cant get it working this is my code below I have it placed within the ready function just after my validate rules etc $('#form input').bind('keyup blur click', function () { // fires on every keyup & blur if ($('#form').validate().checkForm()) { // checks form for validity $('#submit').removeClass('button_disabled').attr('disabled',
Object Equality in jQuery3+
Comparing same objects from the two different array and it return false in jQuery. I can't able to find where it is differ. To illustrate this, I have fiddle links for these Sample Why we have to use the JSON.stringify to compare the object .if an object contain array of object it return circular reference issue. so how could i compare the object in jquery without JSON.stringify.
Animate div contents one by one
How to make div animation with the content one by one from "test_1.txt" and next from "test_2.txt? This what I wrote doesn't work: Instead one by one I have animated the last file only. function MyFunction(){ var div = $('#my_div'); div.load("test_1.txt"); div.show("slow"). animate({width: '400px', opacity: '0.4'}, "slow"). animate({height: '400px', opacity: '0.8'}, "slow"). animate({height: '10px', opacity: '0.4'}, "slow").
JavaScript and/or jQuery custom events
Hello, I am developing a Controller for an MVC style custom object and I'd like to connect some sort of event handling mechanism. It's not important what the controller is, but let's say I have a couple of events such as "happening" and "happened". Something like this: $(".happeningCtrl").happening(function(args) { /* something is about to happen */ }); $(".happeningCtrl").happened(function(args) { /* something just happened */ }); Along these lines, with them being raised something like this: $(".happeningCtrl").happening();
jquery window
This code does not produce the effect it should. It just shows textwith a CLOSE button <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>jQuery UI Dialog - Default functionality</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <link rel="stylesheet" href="/resources/demos/style.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
How to change the background color of the tab in the active state?
I want to change the background color of the tab in the active state from bright blue to #3C1063. How can I do this? See code below: HTML for creating tabs <p><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1" /> <title>jQuery UI Tabs - Default functionality</title> </p> <p><link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" /> <link rel="stylesheet" href="https://leo.acu.edu.au/resources/demos/style.css" /></p> <p>
How can I use multiple toggle on one page JQuery?
How can use multiple toggle on one page? I have two div in my HTML file and I want to hide or remove the child-1 div and then replace with another div child-2 when every time that clicking on parent title. my HTML structure as below: <div class="parent"> <h2>Title One</h2> <div class='child_1'>paragraph 1</div> <div class='child_2'>paragraph 2</div> </div> <div class="parent"> <h2>Title Two</h2> <div class='child_1'>paragraph 1</div> <div class='child_2'>paragraph 2</div> </div> and my jquery also
Jquery touchmove event fire when zoom mobile screen
Hi to all, I have a web page where i used touchmove event to navigate from one page to another.Now the problem is when i am trying to zoom the mobile screen IOS or Android it fire the touchmove event and page changed. How i can prevent touchmove mean navigation through touchmove while zoom the mobile screen. Here is the code for move from one next and previour page var currentX; var currentY; var lastX = 0; var lastY = 0; var lastT; $(document).bind('touchmove', function(e) { // If still
what would be a possible solution for
$(document).ready(function () { $(".back-dark-1").ready(function (){ $(this).css("background-color",$(this).css("color")); }) }); wanted to grab a css element and put it in another attribute of the DIV Anyone know how to do this?
How can use jQuery events?
How can I use jQuery plugins predefined events? Most of jQuery Plugins introduce predefined events in their documentations, Is there any standard rules in general for implementing those events? For example in special case jQuery Collapsible Plugin (a jQuery plugin for collapsable boxes) or jQuery-Accordion or any other plugin defines some Events like below: jQuery Collapsible Events: Events triggered by plugin itself Since version 2.0.0, there is no possibility to pass callback functions via options.
onclick attribute is not working on mobile
Hi, please I have this code <optgroup label="Service Group"> <option class="dropdown-item" onclick="testFunction()">service 1</option> </optgroup>and when I click on this option from desktop, testFunction runs perfectly, but when I click on it from my mobile browser nothing happens. function testFunction() { jQuery('#test.recommend_link').show(); jQuery('.recommend_link').not('#test').hide(); } How could I solve this problem??
jquery.validate error a is null
When I click into any of the inputs in my form i get the error a is null showing in the console log. this is my form html code <div class="Contact-Form" <form id="myForm"> <input type="text" id="name" placeholder="Your name..."/> <br><br> <input type="email" id="email" placeholder="Your email address..."/> <br><br> <textarea rows="10" cols="20" id="form" placeholder="Your message..."></textarea> <br><br> <div
Smartmenus Responsive Submenu doesent works?
I have integrated Smartmenus from https://www.smartmenus.org/. I have written on Developers Forum but nothing Answers. In the Chrome console I get this error. This error is only on responsive submenus. jquery.js:2 Uncaught RangeError: Maximum call stack size exceeded at String.replace () at Function.fb.matchesSelector (jquery.js:2) at Function.m.filter (jquery.js:2) at w (jquery.js:2) at m.fn.init.is (jquery.js:2) at $.SmartMenus.docClick (jquery.smartmenus.js:319) at HTMLDocument.e (jquery.js:2)
Background color selection
I have a problem with this code here: https://jsfiddle.net/09aue04a/ When I try individual highlighting, it works. but I can't make it work for highlighting "Select all" with different colors. $(function () { $('.selector').on('click', function(e) { var checked = this.name; var selectedColor = ''; if (this.checked) { selectedColor = $('#nextColor').val(); } $('td').filter(function() { return this.textContent == checked; }).css('background-color', selectedColor);
Standard pseudorandom number generators cannot withstand cryptographic attacks in jquery.js lib file
After running Fortify Security Report getting error in jquery.js main lib file.The error is math.random() is not secure for cryptographic attacks.So please suggest me any change in lib file or create separate functions and replace in lib file.
pagebeforechange event getting called multiple times
Hi, I'm using code under $(document).on('pagebeforechange', function (e, data) { //my code }) This method is getting called multiples time when i visit the page again. Also data.toPage[0] contains string some times and sometimes object. My code is failing as i am considering it object all the times. Please help me.
Using Access Token in jQuery
Hi everyone I have a question related to linking APIs to a third party service. What I’m trying to do is the following: 1- Uploading a file ( image or Microsoft word file) to a home page I have designed by HTML5 2- Posting the uploaded file to a third party platform ( I’ve built an app on their platform and I’ve the access token) The problem that I’m facing is in post step especially the part of writing the code that includes access token and folder ID (the place that the file will be uploaded
Issue with getting dropdown selector values
Hi all, I'm extremely new to JQuery and JavaScript in general, so please forgive my ignorance. I'm having an issue with getting the value from a drop down selector. I can get an alert to display all of the values in the dropdown, but I cannot seem to figure out how to grab a single value when it is selected. I've tried using "option:selected", " :selected", etc and nothing seems to be working. I'm not sure if it's a syntax thing or some other issue i'm overlooking. Here is my code: $('div[k="W105"]').click(function()
text from input not being sent to script
I have an on screen keyboard that when characters are clicked they are added to a text input. This part works fine. The problem is that the text is not getting sent to the search script I'm using. If I manually type in the text input with a real keyboard it works fine. The html for the text area is: <input id="songname" type="text" autocomplete="off"> The script I want to send the text to is: $("#songname").bind("input paste DOMAttrModified", function() { var Title = $("#songname").val();
Updating hide and show code problem
I'm updating some jquery hide and show code. The new code works on other pages. The difference is the new code on the working pages do not use the table tr and td tags. I think the tr and td tags are interfering or causing the div to be too far removed from the triggering anchor tag. Old code that uses an old hidenshow.js include script $(document).ready(function(){ $('.show_hide').showHide({ speed: 1000, easing: '', changeText: 0 }); ... <tr> <td><a class="show_hide" rel="#slidingDiv3"
Can we show FaceBook Page Plugin posts horizontally
Hi All, Can we show the facebook Page plugins posts horizontally on runtime. Can there is any JQuery solution available because we can change and override the twitter timelines horizontally. Can it is possible with facebook. Or there is any such JQuery plugin available for ASP.Net or SharePoint developers. Any idea please share
select input with given name and value from radiobutton
I’m trying to display a div tag, if the user selects option 4 from radiobuttion. I'm not an expect on javascript! <script type="text/javascript"> $(document).ready(function () { $("#GenderInAnotherWay").hide(); $("input[name='Gender'][value=4]").prop("checked", true);{ $("#GenderInAnotherWay").toggle(); }); }) </script>
Select an element of form field from an array of fields
Hi everyone I have a form with an array of field, like this <div class="thumbnail"> <img id="photoimg[]" name="photoimg[]" src="<?php echo $photo[0];?>" <div class="thumbnail"> <img id="photoimg[]" name="photoimg[]" src="<?php echo $photo[1];?>" <div class="thumbnail"> <img id="photoimg[]" name="photoimg[]" src="<?php echo $photo[3];?>" ...... and so on..................... I wish to update photo while i press "browse" button, something such: <input type="file"
My another account are blocked on jquery forum, I need help please.
My another account are blocked on jquery forum. I don't know why because I did not login for very long time ago. Does anyone (moderators) help me please?
Cannot view or modify jQuery UI theme with theme roller.
I have modify theme URL like this. http://jqueryui.com/themeroller/?scope=&folderName=custom-theme&bgImgOpacityError=0&bgImgOpacityHighlight=0&bgImgOpacityActive=0&bgImgOpacityHover=0&bgImgOpacityDefault=0&bgImgOpacityContent=0&bgImgOpacityHeader=0&cornerRadiusShadow=0px&offsetLeftShadow=0px&offsetTopShadow=1px&thicknessShadow=2px&opacityShadow=20&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=%23aaaaaa&opacityOverlay=90&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=%23ffffff&iconColorError=%23cd0a0a&fcError=%23cd0a0a&borderColorError=%23cd0a0a&bgTextureError=glass&bgColorError=%23fef1ec&iconColorHighlight=%232e83ff&fcHighlight=%23363636&borderColorHighlight=%23fcefa1&bgTextureHighlight=glass&bgColorHighlight=%23fbf9ee&iconColorActive=%23454545&fcActive=%23212121&borderColorActive=%23aaaaaa&bgTextureActive=glass&bgColorActive=%23ffffff&iconColorHover=%23454545&fcHover=%23212121&borderColorHover=%23999999&bgTextureHover=glass&bgColorHover=%23dadada&iconColorDefault=%23888888&fcDefault=%23555555&borderColorDefault=%23d3d3d3&bgTextureDefault=glass&bgColorDefault=%23e6e6e6&iconColorContent=%23222222&fcContent=%23222222&borderColorContent=%23aaaaaa&bgTextureContent=flat&bgColorContent=%23ffffff&iconColorHeader=%23222222&fcHeader=%23222222&borderColorHeader=%23aaaaaa&bgTextureHeader=highlight_soft&bgColorHeader=%23cccccc&cornerRadius=0&fwDefault=normal&fsDefault=1.1em&ffDefault=Verdana%2CArial%2Csans-serif
Upgrade from myEclipse Spring to myEclipse 2017 of jQuery error
Dear Sir/Madam, I have opened and converted the web project in myEclipse 2017. It is JDK 1.7. Everything fine but it has error in jquery javascript compile error. 'with' is not allowed in strict mode as noted in the attached screen code. I believe it is setting in myEclipse about not set strict mode. Am I correct?? Please let me know if you have any ideas. Thanks,
jquery compile error on "
Dear all, I have below code that having compile error. But I do not know and cannot find in some web site. Is there any way to solve this?? Multiple annotations found at this line: - Expected end of statement or expression. <html:hidden property="authenticationCode" /> <input type="number" id="authenticationCode" class="text_field text1" min="0" max="99999999" inputmode="numeric" pattern="\d*" autocapitalize="off" submitName="" autocomplete="off" maxlength="8" onblur="$("input[type='hidden'][name='authenticationCode']").val(this.value);"
How to get google fonts automatically in FONT TEXT Box?
How to get google fonts list in form (font text box), without typing font families in jquery?
Remove a clone of a draggable item
Hi, is it possible to remove or cancel a clone of a draggable element after it was dropped? Thanks
links don't work
Hello, I want to make a new design for my website and want to use accordeon. it's work well, but my page is linked to a sql database and if I can see the result without problem the links don't work. don't know why, who have an idea? thanks you can see the test there: http://marcolympics.org/futur/2010-2012/e_jour.php the code: <h3><a href="#">Jeux</a></h3> <div>
<?php do { ?>
<table>
<tr bgcolor="<?php
if ($SSAdv_m1%$SSAdv_change_every1==0 && $SSAdv_m1>0){
$SSAdv_k1++;
}
print
Accessing td inside of div for editing
I need to provide users ability to edit within table using double click. For this I have the following code: $(function() { $("table td").dblclick(function() { var OriginalContent = $(this).text(); $(this).addClass("cellEditing"); $(this).html("<input type='text' value='" + OriginalContent + "' />"); $(this).children().first().focus(); $(this).children().first().keypress(function(e) { if (e.which == 13) { var newContent = $(this).val(); $(this).parent().text(newContent);
Unexpected token for JSON.parse
Hi, I am trying: JSON.parse(params.is_employee); but getting: Error: 'Uncaught SyntaxError: Unexpected token u in JSON at position 0', line 1, file 'http://localhost:54065/index.html#'. What's the reason? Thanks, Jassim
Next Page