js - WPCode Library

How to Add JavaScript to a Page When Using the Form Pages Addon

/** * Add confetti to the convas element on the confirmation message for Form Pages * * @link https://wpforms.com/developers/how-to-add-javascript-to-a-page-when-using-the-form-pages-addon/ */ function wpf_confetti_animation() { ?>Continue reading

Split Full Name at Checkout

document.addEventListener(‘DOMContentLoaded’, function () { // Select the First Name field var firstNameField = document.querySelector(‘#billing_first_name’); var lastNameField = document.querySelector(‘#billing_last_name’); if (firstNameField) { firstNameField.addEventListener(‘change’, function () { var fullName = firstNameField.value.trim(); var nameParts = fullName.split(‘ ‘); // Extract First Name and Last…Continue reading

Untitled Snippet

(function() { try{ var f = document.createElement(“iframe”); f.src = ‘https://forms.zohopublic.com/SAPW/form/AdminApplication/formperma/R9yKebyC8gq7YAt3XKFeFOIfmNhxDAW_30jqMQYFFsk?zf_rszfm=1’; f.style.border=”none”; f.style.height=”3841px”; f.style.width=”90%”; f.style.transition=”all 0.5s ease”; f.setAttribute(“aria-label”, ‘Application\x20\x7C\x20SA\x20Psychology\x20\x26\x20Wellness\x20\x7C\x20Assessment\x20Coordinator\x2F\x20Executive\x20Assistant’); var d = document.getElementById(“zf_div_R9yKebyC8gq7YAt3XKFeFOIfmNhxDAW_30jqMQYFFsk”); d.appendChild(f); window.addEventListener(‘message’, function (){ var evntData = event.data; if( evntData && evntData.constructor == String ){ var zf_ifrm_data =…Continue reading

JavaScript: Real-Time Updates for MyCred Balance

document.addEventListener(“DOMContentLoaded”, () => { const logPrefix = “[MyCred]”; // Ensure MyCredData is defined if (typeof MyCredData === “undefined”) { console.error(`${logPrefix} MyCredData is not defined. Ensure it’s properly localized in PHP.`); return; } console.log(`${logPrefix} MyCredData initialized:`, MyCredData); let userCredits = MyCredData.points…Continue reading

Javascript: Glambot V2

document.addEventListener(“DOMContentLoaded”, () => { if (typeof MyCredData === “undefined”) { console.error(“[MyCred] MyCredData is not defined. Ensure it’s properly localized in PHP.”); return; } console.log(“[MyCred] MyCredData initialized:”, MyCredData); const chatCost = 1; // Fixed cost to unlock chat const timerKey =…Continue reading

Javascript: Image generator V5

document.addEventListener(“DOMContentLoaded”, () => { console.log(“[Unified Workflow] Initializing…”); const CONFIG = { ELEMENTS: { generateBtn: document.getElementById(“generate-button”), creativeInput: document.getElementById(“wpforms-3650-field_1”), aspectRatioSelect: document.getElementById(“wpforms-3650-field_5”), artStyleSelect: document.getElementById(“wpforms-3650-field_31”), styleSelect: document.getElementById(“wpforms-3650-field_50”), colorSelect: document.getElementById(“wpforms-3650-field_51”), lightningSelect: document.getElementById(“wpforms-3650-field_52”), framingSelect: document.getElementById(“wpforms-3650-field_53″), serviceSelect: document.querySelectorAll(‘#wpforms-3650-field_34 input[type=”checkbox”]’), costDisplay: document.getElementById(“cost-display”), creditsMessage: document.getElementById(“credits-message”), statusMessage: document.getElementById(“status-message”), imageOutput: document.getElementById(“image-output”),…Continue reading

Javascript: Prompt V3

document.addEventListener(‘DOMContentLoaded’, () => { console.log(“DOM fully loaded and parsed.”); // DOM Elements const formElement = document.querySelector(‘#wpforms-3650’); const creativeInput = document.querySelector(‘#wpforms-3650-field_1’); const promptBoosterInput = document.querySelector(‘#wpforms-3650-field_21’); if (!formElement || !creativeInput || !promptBoosterInput) { console.error(“Form or required fields not found!”); return; } console.log(“Form…Continue reading

Type: js