October 21, 2024
Chicago 12, Melborne City, USA
OiO.lk Blog jQuery

jQuery

jQuery is a JavaScript library. jQuery is a popular cross-browser JavaScript library that facilitates Document Object Model (DOM) traversal, event handling

jQuery

AJAX mistake make 500 error after insert to database table

  • by
  • October 17, 2024

im newbie, i have 500 error, when i wanna send new information in DB. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible"> <title>WEB ID</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="change-light"> <button>Press to <span>Light</span></button> </div> <div class="form-block light"> <div class="header">

Read More
jQuery

How to change Base Map/Map Type with custom control in Leaflet?

  • by
  • October 17, 2024

I created custom bar as image below: This my HTML code: <div class="collapse map-custombar-collapse-left" id="listMapBaseControl"> <ul class="ul-map-custombar-collapse-left"> <li class="li-map-custombar-collapse-left"> <div class="form-check"> <input class="form-check-input" type="radio" name="radiomaptype" id="mapTypeToOSM" value="osm" checked> <label class="form-check-label" for="mapTypeToOSM">OSM Map</label> </div> </li> <li class="li-map-custombar-collapse-left"> <div class="form-check"> <input class="form-check-input" type="radio" name="radiomaptype" id="mapTypeToStreet" value="streetmap"> <label class="form-check-label" for="mapTypeToStreet">Google Street</label> </div> </li> <li class="li-map-custombar-collapse-left"> <div class="form-check"> <input

Read More
jQuery

Move to next node on click

  • by
  • October 17, 2024

I’m editing a Tampermonkey script that takes elements from the DOM and makes a new element from those to add them to a different part of the page. The original element has an X button that changes the display value of the div (to style="display: none") <div id="alertTable"> <ul> <li>Element 0 index 0 <img src="example.com/img0.jpg">

Read More
jQuery

Passing a jQuery variable to @Url.Action in ASP.NET MVC

  • by
  • October 17, 2024

This is an example of a function that takes the ID of a thumbnail image and when clicked brings up the full image in a modal: $('.imageLandscapeFloatLeft').on('click', function () { var vIDString = this.getAttribute('id'); if (vIDString.indexOf("image_") >= 0) { var vID = vIDString.substring(6); if ($.isNumeric(vID)) { jQuery.ajax({ url: '@Url.Action("ReturnSoftwareImage", "Business")', type: 'POST', data: { ImageID:

Read More
jQuery

How to add an element so that the animation has this effect?. Thank you

  • by
  • October 17, 2024

enter image description here I tried using it as a slide, but it doesn’t display correctly compared to the gif. The data I can loop out from an existing array, so right now I just want to create the animation. I hope everyone can help me, thank you very much. You need to sign in

Read More
jQuery

Duplicate Element after using L.DOMUtil Leaflet

  • by
  • October 17, 2024

I create sidebar, and want to add (append) it to map using L.DomUtil **This JS Code: ** //Create Custom Bar Left L.Control.MyControl = L.Control.extend({ onAdd: function(map) { var custombar = L.DomUtil.create('div', 'map-custombar-left');/* ulcustombar = L.DomUtil.create('ul', 'ul-menu-map-custombar-nav', custombar), licustombar = L.DomUtil.create('li', 'li-menu-map-custombar-nav', custombar), ahrefcustombar = L.DomUtil.create('a', 'navbar-map-custombar-link', custombar), inputcustombar = L.DomUtil.create('input', 'btn-check', custombar); */ selectmaptype =

Read More
jQuery

how to overcome multiple loaders issue

  • by
  • October 17, 2024

Earlier we used to show and hide loaders when we make any ajax calls. Later we move the code on a _Layout.cshtml file and kept the hiding and showing of loader logic inside ajaxStart and ajaxStop. But now we come under a situation where we have a ag grid that has few cascaded dropdowns. So

Read More
jQuery

JQuery javascript search filter not updating clearing value

  • by
  • October 17, 2024

I have the following javscript code which filters a table based on search criteria in the SearchInput field. I then added a clear button called clearSearch which is designed to empty the search field. It works to a certain extent until I clear what I type in the search which sets value of the search

Read More
jQuery

Additional cost from multiple custom fields during WooCommerce checkout

  • by
  • October 17, 2024

I’ve added some custom fields to my website that show up in the checkout. It’s about child registration for a Summer Camp. They are select fields: function person_details( $checkout ) { global $woocommerce; $count = $woocommerce->cart->cart_contents_count; $i = 0; for( $k=1; $k<= $count; $k++ ) { $i++; print ('<h3>Gegevens van kind #'.$i.'</h3>'); woocommerce_form_field( 'cstm_care'.$i, array(

Read More
jQuery

sending email from contact form google sheet

  • by
  • October 17, 2024

tryed to acheive send email to both receiver and sender email adress or atleast send email to receiver with all data entered in form(like: name,email,phone,message,file). here is image for email with all data submitted in form. whats not working i tryed to add feature like if user submit form the email send to emailaddress of

Read More