php js css php js css

Changes

Changes to Design: Design #2

221033
Today 4:31am
Guevarra, Kim
Modified design
221034
Today 4:31am
Guevarra, Kim
Modified design
This change is a rollback of Change 220297
Html:
Css:
Id:
16
16
Deleted Datetime:

															

														
Type:
web
web
Title:
Design #2
Design #2
Js:
var activeChild = document.querySelector('.s8-navigationPrimary-hasChildren .s8-navigationPrimaryItem--active');

if (activeChild) {
var parentLi = activeChild.closest('.s8-navigationPrimary-hasChildren');
if (parentLi) {
parentLi.classList.add('s8-navigationPrimaryItem--active');
}
}

document.addEventListener("DOMContentLoaded", function() {
function wrapElementWithWrapper(element, wrapperClassName) {
var wrapperDiv = document.createElement('div');
wrapperDiv.className = wrapperClassName;
wrapperDiv.appendChild(element.cloneNode(true));
element.parentNode.replaceChild(wrapperDiv, element);
}

var curve1Elements = document.querySelectorAll('[id^="curve1"]');
curve1Elements.forEach(function(curve1Element) {
wrapElementWithWrapper(curve1Element, 'curveSectionWrapper1');
});

var curve2Elements = document.querySelectorAll('[id^="curve2"]');
curve2Elements.forEach(function(curve2Element) {
wrapElementWithWrapper(curve2Element, 'curveSectionWrapper2');
});
});

document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".s8-templates-teammember-content").forEach(function (element) {
const fullText = element.textContent.trim();
const maxLength = 260;

if (fullText.length > maxLength) {
const truncatedText = fullText.substring(0, maxLength).trim() + "...";
element.innerHTML = `<span class="short-text">${truncatedText}</span>` +
`<span class="full-text" style="display: none;">${fullText}</span>` +
` <a href="#" class="toggle-text">See More</a>`;

const toggleLink = element.querySelector(".toggle-text");
toggleLink.addEventListener("click", function (event) {
event.preventDefault();
const shortText = element.querySelector(".short-text");
const fullTextEl = element.querySelector(".full-text");
if (shortText.style.display === "none") {
shortText.style.display = "inline";
fullTextEl.style.display = "none";
this.innerText = "See More";
} else {
shortText.style.display = "none";
fullTextEl.style.display = "inline";
this.innerText = "See Less";
}
});
}
});
});
var activeChild = document.querySelector('.s8-navigationPrimary-hasChildren .s8-navigationPrimaryItem--active');

if (activeChild) {
var parentLi = activeChild.closest('.s8-navigationPrimary-hasChildren');
if (parentLi) {
parentLi.classList.add('s8-navigationPrimaryItem--active');
}
}

document.addEventListener("DOMContentLoaded", function() {
function wrapElementWithWrapper(element, wrapperClassName) {
var wrapperDiv = document.createElement('div');
wrapperDiv.className = wrapperClassName;
wrapperDiv.appendChild(element.cloneNode(true));
element.parentNode.replaceChild(wrapperDiv, element);
}

var curve1Elements = document.querySelectorAll('[id^="curve1"]');
curve1Elements.forEach(function(curve1Element) {
wrapElementWithWrapper(curve1Element, 'curveSectionWrapper1');
});

var curve2Elements = document.querySelectorAll('[id^="curve2"]');
curve2Elements.forEach(function(curve2Element) {
wrapElementWithWrapper(curve2Element, 'curveSectionWrapper2');
});
});

document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll(".s8-templates-teammember-content").forEach(function (element) {
const fullText = element.textContent.trim();
const maxLength = 260;

if (fullText.length > maxLength) {
const truncatedText = fullText.substring(0, maxLength).trim() + "...";
element.innerHTML = `<span class="short-text">${truncatedText}</span>` +
`<span class="full-text" style="display: none;">${fullText}</span>` +
` <a href="#" class="toggle-text">See More</a>`;

const toggleLink = element.querySelector(".toggle-text");
toggleLink.addEventListener("click", function (event) {
event.preventDefault();
const shortText = element.querySelector(".short-text");
const fullTextEl = element.querySelector(".full-text");
if (shortText.style.display === "none") {
shortText.style.display = "inline";
fullTextEl.style.display = "none";
this.innerText = "See More";
} else {
shortText.style.display = "none";
fullTextEl.style.display = "inline";
this.innerText = "See Less";
}
});
}
});
});
Php Source:
<?php

function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();

while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('/media/website_pages' . $strPage . 'header-images/');

if(count($arrFiles))
{
return $arrFiles;
}
}

$strPage = \Framework\Components\TextualIds::getParent($strPage);
}

return [];
}

function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();

$arrNoSideNavPages = [];
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';


foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}

return true;
}

?>
<?php

function determineHeaderImages()
{
$strPage = \Components\Website\Pages::currentPageId();

while($strPage)
{
if(file_exists('media/website_pages' . $strPage . 'header-images/'))
{
$arrFiles = \Components\Website\Media::getChildren('/media/website_pages' . $strPage . 'header-images/');

if(count($arrFiles))
{
return $arrFiles;
}
}

$strPage = \Framework\Components\TextualIds::getParent($strPage);
}

return [];
}

function youMayAlsoLikeGeneral()
{
$strCurrentPageId = \Components\Website\Pages::currentPageId();

$arrNoSideNavPages = [];
$arrNoSideNavPages[] = '/community/profile/';
$arrNoSideNavPages[] = '/placement-tests/';
$arrNoSideNavPages[] = '/af/';
$arrNoSideNavPages[] = '/commerce/';
$arrNoSideNavPages[] = '/products/';
$arrNoSideNavPages[] = '/order-a-course/';


foreach($arrNoSideNavPages as $strPageId)
{
if(strpos($strCurrentPageId, $strPageId) === 0)
{
return false;
}
}

return true;
}

?>
Mobile Function:
none
none
Mobile Value: