Javascript – DevNotes

JQuery Check if cookie exists

<script>
jQuery(document).ready(function ($) {
  // Function to check if a cookie exists
  function checkCookie(name) {
    return document.cookie.split(";").some(function (item) {
      return item.trim().indexOf(name + "=") == 0;
    });
  }

  // Check if the cookie exists
  if (checkCookie("parent_corner_show_content")) {
    // If the cookie exists, hide the section
      $("#parent_corner_form_section").hide();
      $("#parent_corner_contents_section").show();

  }
});
</script>

Get Current year with Local language

const curYear = new Date().getFullYear(); 
document.getElementById("year").innerHTML = conNumToBn (curYear);

const conNumToBn = (num) => { const digitToBn = { 0: "o", 1: "¿" 2: "≥", 3: "o", 4: "g", 5: "&", 6: "y", 7: "q", 8: "z", 9: "y" }
return String(num).split("").map(digit =› digitToBn[digit])-join(""); }

Disable select field with JS/JQuery from another/referrer link

jQuery(document).ready(function($){
	$(document).ready(function() {
		// Get the dropdown element
		var dropdown = $('#input_9_18');

		if (document.referrer === 'https://rockymountainpreschool.com/parent-survey/') {
		// Prevent click and selection events
		dropdown.on('mousedown', function(event) {
			event.preventDefault();
		});
		
		// Add the "readonly" attribute to the dropdown
    dropdown.attr('readonly', 'readonly');
			
		// Add the 'custom-cursor' class to the link
    dropdown.addClass('custom-cursor');
		}
	});

});

Background video mute toggle

<script>
document.addEventListener('DOMContentLoaded', function() {
var toggleSoundButton = document.querySelector('.fa-volume-mute');
var heroBackgroundVideo = document.querySelector('.herovideo video');
toggleSoundButton.addEventListener('click', function (event) {

if (heroBackgroundVideo.muted !== false){
heroBackgroundVideo.muted=false;
toggleSoundButton.classList.add('fa-volume-up');
} else {
heroBackgroundVideo.muted=true;
toggleSoundButton.classList.remove('fa-volume-up');
} }); });
</script>

Iframe redirect to parent url

<script>
	if(parent.location.href !== location.href) { top.location.href=location.href};
</script>

jQuery if has class then show

if ($('.client-message')[0]){
$("#message-toaster-close").css("display", "block");

Ajax load page on click

<script>

jQuery(document).ready(function($){
    $("#number").on("click", function(){
 $.ajax({
   url: 'https://gycportal.mysites.io/careers/',
   method: 'POST',
   data: {
      number: '123',
      data: 'pankaj' 
     },
   success: function(data) {
   console.log(data);
   $("#page_details").html(data);
  }
 });
});

});
</script>

jQuery trigger click

<script>
jQuery(document).ready(function($){
 
 $("#load-content").click(function(){
    $(".nav-gyc_dashboard").click(); 
    return false;
 });

});
</script>

Jquery simple click funciton

    jQuery(document).ready(function($) {
          console.log( "ready!" );
         $("#dashboard-toggle-menu").click(function() {
                console.log("click");
					 $("#dashboard-toggle-menu").css('display','none');
          });

     });

Add a class “active” to menu item when clicked.

$(function(){
    $('#nav li').on('click', function(){
    //$(this).addClass('active').removeClass('off').siblings().addClass('off').removeClass('active'); // no need to add .off
        $(this).addClass('active').siblings().removeClass('active');
    });
});