Join 2,000,000+ Professionals who use WPCode to Future-Proof Their Websites!
// Using React Router V4 import React from “react”; import { withRouter } from “react-router”; class App extends Component { componentDidMount() { this.unlisten = this.props.history.listen((location, action) => { if (window.om5678_1234) { window.om5678_1234.reset(); } }); } componentWillUnmount() { this.unlisten(); } render()…Continue reading
// Using Vue Router. import Vue from ‘vue’; import Router from ‘vue-router’; Vue.use(Router); const router = new Router ({ // Your vue router settings. }); router.beforeEach((to, from, next) => { if (window.om5678_1234) { window.om5678_1234.reset(); } next(); }); export default router;Continue reading
// Using Vue Router. import Vue from ‘vue’; import Router from ‘vue-router’; Vue.use(Router); const router = new Router ({ // Your vue router settings. }); router.beforeEach((to, from, next) => { if (window.om5678_1234) { window.om5678_1234.reset(); } next(); }); export default router;Continue reading
// Target by ID window.onload = function(){ document.getElementById(“someID”).href=”MONSTERLINK_URL”; }Continue reading
// Target by class name window.onload = function(){ const dynamicMonsterLinks = document.querySelectorAll(“a.myClass”); dynamicMonsterLinks.forEach(dynamicMonsterLinks => dynamicMonsterLinks.href = “MONSTERLINK_URL”); }Continue reading
document.addEventListener(“DOMContentLoaded”, function() { // Create and insert CSS styles for fade-in and fade-out const style = document.createElement(‘style’); style.innerHTML = ` .fade-out { opacity: 0; transition: opacity 0.5s ease-in-out; } .fade-in { opacity: 1; transition: opacity 0.5s ease-in-out; } `; document.head.appendChild(style);…Continue reading
document.addEventListener(‘click’, function(e) { // Check if the clicked element is an anchor with href starting with ‘#’ if (e.target.tagName === ‘A’ && e.target.getAttribute(‘href’) && e.target.getAttribute(‘href’).startsWith(‘#’)) { e.preventDefault(); const targetId = e.target.getAttribute(‘href’).slice(1); // Remove the ‘#’ from the href const targetElement…Continue reading
// Get the butterflies container const butterfliesContainer = document.querySelector(‘.butterflies’); // Create a function to generate a butterfly function createButterfly() { const butterfly = document.createElement(‘div’); butterfly.className = ‘butterfly’; butterfliesContainer.appendChild(butterfly); return butterfly; } // Create multiple butterflies for (let i = 0;…Continue reading
jQuery(function($) { var $page_title = $(“#wpbody-content > .wrap > h1”); var $current_menu_item = $(“#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu”); if ($current_menu_item.length == 1) { var $menu_links = []; var $submenu = $current_menu_item.parent().find(“ul > li > a”); var $header_nav = $(“ “).addClass(“mx_nav”); var $title…Continue reading