sorry, I1M not an experient jquery developer, so i need some help ! why does'nt work this app ????
<html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <style> #container { padding: 0px; position: relative; display: block; height: 450px; width: 420px; margin: 100px auto; border: 5px solid black; border-radius: 15px; } #gameside { position: relative; diplay: block; float: left; width: 300px; height: 450px; background-color: #f2f2f2;
jQuery shortlist help
Hi guys I’m looking to create a car classifieds website. Beside each listing I would like to add a “Bookmark this car” option. This is so that visually it’s easy for users to see what cars they have already looked at in the list. I have looked for what seems an eternity for a suitable script and finally came across this page (https://stackoverflow.com/questions/46067404/add-and-remove-to-favorites-in-local-storage?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa) which
Delete added items
So, I'm trying to add new items to the list and delete them on "remove" click. The adding part is OK, but when I add items into my list, I cannot remove the added items by clicking "remove", but I can do this with the first three list items (since they are on the page already). Is there anyone that can help me solve this problem? I tried debugging using the console but it didn't help. Many thanks! P/s: I'm new to jQuery.
code.jquery.com not secure
https://code.jquery.com/jquery-1.10.2.min.js is not secure. Please help correct this!
How do I include the jquery files into my asp.net vb.net program within Visual Studio 2017
I am very new to jQuerry. I develop using VB.net in Visual Studio 2017. I came across a "Mobile-friendly Drag'n'Drop event calendar plugin - CalenStyle. I have come to the git hub site ... I see the files but I don't know what I am supposed to do with them. I assume I download them ... but where do I put them in my vb.net code program? Can anyone give me a brief overview ... I am not sure what I put in the aspx form. thanks dave potter
Add end of url using JSON
I would like to append the end of a url to my code. Moreover, the end of the url is the country currency that I would like to convert. $.getJSON('http://api.fixer.io/latest?base=', function(data) { //url += "USD"; $("#show").text(data.rates.GBP); });
Jquery Validation - Disable Browser Warning
I need submit a form and then refresh a page by calling $(window).reload() I’m using JQuery Validation ( https://jqueryvalidation.org/ ). Is there a way to disable the pop-up: "changes that you made may not be saved" in: submitHandler?
Jquery-datatable script doesnt work after implemtation of Mapael Map
I’m trying to implement the following template for a world map : https://rawgit.com/neveldo/jQuery-Mapael/2.2.0/examples/basic/legend_plotted_cities_areas.html into a existing template with jquerry datatables. But I’ve only managed to load one of the two functions (map or table) on the same html page. How can I run both functions on the same html page? </div><!-- br-mainpanel --> <!-- ########## END: MAIN PANEL ########## --> <script src="../lib/jquery/jquery.js"></script> <script src="../lib/popper.js/popper.js"></script>
jQuery AJAX running multiple times
Hi have a Button which I'm running a script on when a user clicks on it. The script does what it should however it's running several times, 12, sometimes it's just once Why? I get the alert just as many times. $(document).on("click","#schedule",function(e){ RunScript(); }) function RunScript(){ alert('d'); if (Dep != '' && Arr != ''){ console.log("Started"); $.ajax({ method: "POST", url: "scripts/insert.php", dataType: "json", data: { ..... } }) .done(function( result ) { console.log(result);
Put XML data into key value pair
I have some XML data I am trying to put into a key:value pair in order to use as values in an Autocomplete. What I'm trying to do is return the selection 'CUSTOMER_NAME' from one textbox and use value 'CUSTOMER_ID' to do another AJAX query and update another textbox. My XML is returned like this: <?xml version = '1.0' encoding = 'UTF-8'?> <ROWSET> <ROW num="1"> <CUSTOMER_NAME>ACME CONCRETE</CUSTOMER_NAME> <CUSTOMER_ID>1065</CUSTOMER_ID> </ROW> </ROWSET> I'm trying to put the CUSTOMER_NAME
jQuery 3.0 Chrome, Edge, Firefox, Safari desktop version compatibility
Currently I'm using jQuery 1.8.1. I'm going to upgrade to 3.0 for security reasons. When I see the document of https://jquery.com/upgrade-guide/3.0/#browser-support, it's saying Chrome, Edge, Firefox, Safari: Current and Current - 1 But I'm not sure what it means. ex. Google chrome : 65.0.3325.181 jquery 3.0 compatible to 64.0.x but not previous versions? current means the time when jQuery 3.0 released?
how to create an "ajax callbacks"
hi i have this fiddle: https://jsfiddle.net/babco7xk/14/ if you try: Edit the data you can.... after click on SaVVe button display the alert with: 1111111 right at this point all its ok.. but when i use onAjax, see this sample 6: http://markcell.github.io/jquery-tabledit/#examples ignore the event: $(document).on("click", ".myButton", function () { i want in onAjax get Qty value, Price, and multiply and set in Total column the result, how to? Thanks my code: if ($("#myTableInsumos").length) {
Displaying div when video stops
Hi all, Being a novice with jQuery I need someone's help, I have embed YouTube videos on a site and I'm trying to work out how to get a div to display only when the video has completed, the div would have an forward arrow so the students in a course can only progress to the next module once they watched the complete video. Can this be done? Thanks in advance Cheers
How to multiply multiple input values with one text field?
as above. How do i do it in a way that insert one number in one text field, all the other rows will calculate it self.
unable to auto-resize the textarea control while assigning the value to it
Dear All, I had written the below code where I am assigning the value to textarea control on "Submit" button ,But I am unable to autoresizse it when the content is large . Where as my keyup event is working fine and adjusting textarea control when I am entering the information. Can any one please do help me in knwoing what's wrong in it. fiddle Srk
Random duration
Hi, I'm aiming to animate a series of div boxes from left to right, in a race. My ultimate goal, is to have it so the boxes can randomly speed up or slow down, like momentum. For instance, a slow starting box could overtake to win the race, if the leader is randomly chosen to slow down. Or the it could lose the race, if it overtook the leader (who slowed down) and then got faster again. I was thinking it could be done via randomly generating new duration values on .animate, I don't know if that's
Icons missing/not loading in Shopify
Hi, I have a working jquery UI accordion on my shopify site, except the icons are not loading. The files appear red in my inspector. I don't know how to go about resolving this. Any help would be greatly appreciated! Here's my page: https://caveleather.com/products/two-stitch-black-horween
gsgird filtering
I am rather new to this grid so I am reaching out for some guidance. Is there a way to do a wildcard filter. Fiddle Project Use the "Item no", enter "5", it comes up with nothing, enter "51632" and you get a result.
Dialog close button
I have a border around my close(X) I tried this suggestion with the style with no luck. .ui-dialog-titlebar > .ui-button { border: none; }
jquery .html()
I have a string with html element that i will use jquery function .html() to put in html page. so after using .html(), i see an error like, it is supposed to be <button class="btn btn-primary" onclick="chooseSoalUjian('1','ulangan harian')">Choose</button>, but it turned out to be <button class="btn btn-primary" onclick="chooseSoalUjian('1','ulangan" harian')>Choose</button>... see the error at ulangan
Change the color of one of multiple boxes
Kindly explain how do I make a selection of one box at a time to change its color using JQuery. I believe an if and else statement is needed, but cannot figure it out. HTML <div class="box"><p>$10</p></div> <div class="box"><p>$20</p></div> <div class="box"><p>$30</p></div> <div class="box"><p>$40</p></div> CSS .box { width: 100px; height:100px; border: 2px solid blue; } JQUERY $(document).ready(function(){ $(".box").on({ click: function(){ $(this).css("background-color",
how to activate css animation on viewport
hi please i am a new bee in jquery and i have been trying to write a code to activate a css animation when the element is scrolled to and is visible on the viewport. please can somebody help me out with the code <thank you>
How to clone the highlighted row data to another table when ENTER key is pressed.
I am having a html data table with a highlight class to highlight the rows when I press the up-down arrow keys when the table is in focus. I have another table which is blank and I want to add the highlighted rows to the 2nd table when I press the ENTER key. after many tries I am not getting what I want. This is my code what I have tried : <html><head><title>dynamictable</title> <style> table { cursor: pointer; } .highlight { background-color: lightgreen; } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
All children open at when parent is clicked.
I'm creating a menu using jQuery (and HTML generated from Wordpress) which acts like a regular accordion mobile menu. I'd like for all list elements to be clickable, and on tabs which have children, I'd like to put an arrow next to it open the dropdown when clicked. This way I can have the main list element's text serve as a button to open that particular page. I've been developing my own script. I've worked out some of the issues and I have a working menu, but my issue is making the sub-submenus
jQuery UI Tabs to Accordion Conflict
Been writing about it here . I am using jQuery UI tabs for desktop and want it to convert to an Accordion display for tablets and mobile devices. The Easy responsive Tabs to Accordion script I am using is showing the first accordion opened and styling is OK, but the arrow down does not trigger the proper adding of active tab to the accordion in question so the display stays none instead of block and the content remains hidden. I was wondering if there is a way to unbind or stop uit-tabs from adding
Making area clickable unless overlapped with another element?
Hi, I'm new to jQuery and I'm struggling with making an area clickable which is not covered by another element. In my script, I use: $(".blueBox").click(function() { $('.somethingElse', this).slideToggle("fast", function() {}); }); When a blue box is clicked, I toggle something else. However, I have an overlapping box on the blue box (called .redBox) which, when clicked, executes the same function. What I'd like to do is NOT run the click function when the red box is clicked. What's the best way
DateTimePicker summer schedule
Hello, good afternoon, I have a problem with the DATETIMEPICKER component of jquerry, apparently it is a functioning component that I have not been able to debug. The problem is the following: I have the instantiated component with a date, (for example 12/04/2018 02:01 am), the component also has as the minimum date and time the same data that is, (12/04/2018 02:01 am) at the time of opening the component and selecting the same dates in automatic puts me 12/04/2018 03:01 am which is wrong since you
Unwrap <element>::before possible?
The simplified original source looks like <div class="foobar"> :: before <div class="toremoveorhide">....</div> ... </div> As far as I know it is difficult to manipulate code inside a ::before or ::after section of an element. However I could imagine that a little workaround could ease this task: Can I somehow "unwrap" the inner content of the ::before branch? Similar to $(".foobar::before").content().unwrap(); Maybe there is another way to hide() or remove() the element with class ".tohideorrremove"?
jQuery code conflict
hello my website does not work with lazy load and infinite scroll plugins do you help me nasıl yapılır
click touchstart not working for my full screen menu overlay
Hello :-) I am really struggling with getting my menu to work on a mobile device. It works beautifully on a desktop. function initNavigationSetup() { console.log("1"); // Menu Variables var menu = $('#menu'); var header = $('header'); var burger = $('header button#brgr'); var logo = $('a.logo'); var menuItems = $('#menu #navigation ul li'); menuOpen = false; burger.on('click touchstart', burger, function (event) { event.preventDefault();
jQuery and Ajax
Hi everyone, I am trying to understand the whole Ajax functionality in a website and how jQuery handles the calls. I have a page that needs to update values every 3 seconds as an example say a clock. Using Ajax will only update that field, but there's no loading of the rest of the DOM, icons, images, etc.. Currently, I am using the following: $(function() { setInterval(function() { $.get("index.html",function(data,textStatus, jqXHR) { ..... ... .
Animation + none asynchronous behavior
JavaScript has never provided threaded/asynchronous behaviour. By that i mean you cannot have two functions running at the same time or directly take advantage of mult-core CPUs The only exception is webworkers however if you have the following code $('#div').animate({top:1000px},10000); console.log('hi') Although the animation is 10 seconds long, far longer than it takes a console.log to run, you would expect to see hi appear in the console long before the animation finished. This shows that the
Cropbox help required please
I am having problems with cropbox. The image loads ok and dragging and cropping works but not zooming in then cropping. You only get part of the image which isn't zoomed in. I can only find one example which isn't helpful. There is no image to start with until you have browsed and selected one. This is my function. Thanks $( function () { $('#search_image').on('change', function(){ str = document.getElementById("search_image").value; var res = str.substring(str.length
disabled Select option < 10
Hi ! <script type="text/javascript">jQuery(function($) { var sel = $("#jform_group_ids"); sel.children('option[value="1"]').attr('disabled','disabled'); sel.children('option[value="2"]').attr('disabled','disabled'); sel.children('option[value="3"]').attr('disabled','disabled'); sel.children('option[value="8"]').attr('disabled','disabled'); sel.children('option[value="9"]').attr('disabled','disabled'); }); </script> how can I do the same thing in a cleaner way ? disabling all options with
weird problem with the datepicker
Hi I hope I'm in the correct place and someone can help me out. I have a form on my website where people can sign up. The form has a button so that when the button is clicked, another form is added on the page, so people can add as many forms as they want. At first, the datepicker gave me issues, but that problem was finally resolved. Now I run into the following issue and I have no idea how to fix it or what's causing it: * if someone clicks the datepicker field on a single form, it all works fine
Error with Ajax
Here is my code, I do not get a alert when it's done and no errors in developer screen. How can I work out what is wrong? $.ajax({ method: "POST", url: "scripts/distance-calculator.php", dataType: "json", data: { Dep: Dep, Arr: Arr, ACID: ACID, DOW: DOW, DepTime: DepTime } }) .done(function( result ) { alert('aa'); });
How to append the cloned drop-down in specific Th
Dear All, I am able to cloned the drop-down and append to html table .But I required to append the cloned control in specific Th by such as like tq:Eq(3) and set the value to it Can any one please help me by reviewing my fiddle. Because I had written the below code ,But find no luck function submitvallues(button) { debugger; var row = $(button).closest('tr'); var td = row.find("td:eq(5)"); var select = $("#cars").clone(); select.attr("id","hello"); select.val("Audi");
jquery-debounce not working for Jquery Data table
Dear All, I am trying to use jquery-debounce for lazy loading . But I am finding no luck with it. Can any one please review my fiddle and help me. Srk
Use the values of the input fields in a group as the value of the last input field in the group
I am trying to set the value of the last input field in a group, to equal the values of its siblings. In this scenario, users can duplicate the group. What I have tried so far does not work properly. If user duplicates the fields, only the last group works. Any ideas on how I can achieve this? Please see code here on fiddle.
Close button shows two icons where one should be
I am working on a Oracle Apex model window. I notice that the normal close button has en extra icon next to it. So I changed the "ui-icon-closethick" to "ui-icon-alert". It seems its also selecting the next icon ( in this case: "ui-icon-info" ). Could someone explain how to solve this? Button text: <button type="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="Close"> <span
Next Page