evitations

Posts

Showing posts from October, 2022

CodePen - Material Inspried Card Slider ஸ்ரீ கணபதியே துணை The wedding invitation Saturday, July 4, 2020 VS Hari Krishnan S/O Smt. Meera & Shri Shyam Krishnan Mansi Rao D/O Smt. Anjana & Shri Rakesh Rao Mehendi Saturday, July 4, 2020, 4 pm onwards St. Regis Hotel Lower Parel, Mumbai Save the date Save the date Wedding Saturday, July 4, 2020, 4 pm onwar

let currentPageIndex = 0; function loadPage(index) { const page = pages[index]; document.getElementById("pageTitle").innerText = page.title; document.getElementById("pageImage").src = page.image; const contentArea = document.getElementById("contentArea"); contentArea.innerHTML = ''; // Update SEO and Open Graph meta tags document.getElementById("metaDescription").content = page.seo.description; document.getElementById("ogTitle").content = page.title; document.getElementById("ogDescription").content = page.seo.description; document.getElementById("ogImage").content = page.image; document.getElementById("ogUrl").content = window.location.origin + (page.seo.nextPageUrl || ''); // Set button URLs and visibility const prevBtn = document.getElementById("prevBtn"); const nextBtn = document.getElementById("nextBtn"); if (page.seo.previousPageUrl) { prevBtn.href = page.seo.previousPageUrl; prevBtn.style.display = 'inline'; // Show button if URL exists } else { prevBtn.style.display = 'none'; // Hide if no URL } if (page.seo.nextPageUrl) { nextBtn.href = page.seo.nextPageUrl; nextBtn.style.display = 'inline'; // Show button if URL exists } else { nextBtn.style.display = 'none'; // Hide if no URL } // Populate questions page.questions.forEach((q, i) => { const questionCard = document.createElement("div"); questionCard.className = "question-card"; questionCard.innerHTML = `

${q.question}

${q.options.map((option, j) => `

${option}

`).join('')}

`; contentArea.appendChild(questionCard); }); } function toggleAnswer(index) { const answerElement = document.getElementById(`answer${index}`); answerElement.style.display = answerElement.style.display === 'none' ? 'block' : 'none'; } // Load the initial page loadPage(currentPageIndex);