mootools/jquery im Template funtkionieren nicht...
Hey,
ich habe gerade mein Contao von 3.2 auf 3.4.4 upgedatet und das OPW auf 2.1.1 .
Wenn ich jetzt das Moo_smoothscroll deaktivere - funktioniert das integrierte Mootools nicht mehr - auch ein wechsel auf Jquery bringt nichts?!
Habe alles passend geändert - ist auch alles im Quelltext da - mootools bzw. jquery sind im Standard layout aktiveirt (entweder oder / oder beide).
jedoch kein smoothscroll und keine aktive navigation ....
Kann mir jemand ein Tip geben?!
Gruss Gassi
PHP-Code:
<!-- indexer::stop -->
<nav class="mod_onepagewebsitenavigation block" id="onepagewebsitenavigation_10">
<a href="#skipNavigation10" class="invisible">Navigation überspringen</a>
<ul class="level_1" role="menubar">
<li class="first"><a href="#page5" title="ABOUT" class="first" role="menuitem">ABOUT</a></li>
<li><a href="#page6" title="Unsere Dienstleistungen" role="menuitem">DIENSTLEISTUNGEN</a></li>
<li><a href="#page7" title="INTEGRATION" role="menuitem">INTEGRATION</a></li>
<li><a href="#page8" title="AUSBILDUNG" role="menuitem">AUSBILDUNG</a></li>
<li><a href="#page10" title="PARTNER" role="menuitem">PARTNER</a></li>
<li><a href="#page11" title="CONSULT" role="menuitem">CONSULT</a></li>
<li class="last"><a href="#page12" title="KONTAKT" class="last" role="menuitem">KONTAKT</a></li>
</ul>
<a id="skipNavigation10" class="invisible"> </a>
</nav>
<!-- indexer::continue -->
<script type="text/javascript">
/* <![CDATA[ */
/**
* Toggle active state for OnePageWebsite Navigation module
*/
window.addEvent('domready', function()
{
var objNavi = $('onepagewebsitenavigation_10');
// examine url params for hash params
var strHash = window.location.hash;
var arrHash = strHash.split("#");
var arrParamsIgnore = new Array('top');
var params = new Array();
for(var i=0; i<arrHash.length; ++i)
{
if(arrHash[i].length > 0)
{
var hash = arrHash[i].replace('#','');
if(!arrParamsIgnore.contains(hash))
{
params.push(arrHash[i]);
}
}
}
var last = null;
// circle through all navigation elements
// get all possible buttons
var objAnchors = objNavi.getElements('li > a');
// set state on load
objAnchors.each(function(anchor)
{
var href = '/'+anchor.get('href');
href = href.replace(location.pathname,'');
href = href.replace('#', '');
// anchor is set
if(params.contains(href))
{
anchor.addClass('active');
anchor.getParent('li').addClass('active');
last = anchor;
}
});
// set first button to active when on first page of website and no anchor is set
var strRequest = '';
if(location.hash.length == 0 && strRequest.length == 0)
{
objAnchors[0].addClass('active');
objAnchors[0].getParent('li').addClass('active');
last = objAnchors[0];
}
// add eventhandlers
objAnchors.addEvent('click',function()
{
if(last)
{
last.removeClass('active');
last.getParent('li').removeClass('active');
}
// get anchor
var href = this.get('href');
href = href.replace('#', '');
this.addClass('active');
this.getParent('li').addClass('active');
last = this;
});
});
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
/**
* Set navi active on scroll
*/
window.addEvent('scroll', function()
{
var objNavi = $('onepagewebsitenavigation_10');
var last = null;
var objNaviElements = objNavi.getElements('li'); //$$('.mod_onepagewebsitenavigation li');
var objPages = $$('.mod_onepagewebsiteregular .page');
if(objPages.length < 1)
{
objPages = $$('.mod_onepagewebsitecustom .page');
}
if(objNaviElements.length < 1 || objPages.length < 1)
{
return;
}
var objRelativeTo = document.window;
var objPosRelative = objRelativeTo.getPosition();
var objScroll = objRelativeTo.getScroll()
var objSizeWindow = new Object;
objSizeWindow.x = window.innerWidth;
objSizeWindow.y = window.innerHeight;
var intOffsetX = 0; // move the X break point further left or right; for full-width layouts set a negative value (-1)
var intOffsetY = 0; // move the Y break point higher or lower; for full-height layouts set a negative value (-1)
objPages.each(function(elem, index)
{
var pos = elem.getPosition();
var size = elem.getSize();
var breakPointX = (objPosRelative.x + intOffsetX);
var breakPointY = (objPosRelative.y + intOffsetY);
if(objRelativeTo != document.window || objRelativeTo != window)
{
pos = elem.getPosition(objRelativeTo);
}
var deltaX = (pos.x - objScroll.x);
var deltaY = (pos.y - objScroll.y);
// vertical scrolling
if(deltaY <= breakPointY)
{
objNaviElements.removeClass('active');
objNaviElements.getElement('a').removeClass('active');
if(objNaviElements[index])
{
objNaviElements[index].addClass('active');
objNaviElements[index].getElement('a').addClass('active');
last = objNaviElements[index];
}
else
{
last.addClass('active');
last.getElement('a').addClass('active');
}
}
// horizontal scrolling
if(deltaX <= breakPointX)
{
objNaviElements.removeClass('active');
objNaviElements.getElement('a').removeClass('active');
if(objNaviElements[index])
{
objNaviElements[index].addClass('active');
objNaviElements[index].getElement('a').addClass('active');
last = objNaviElements[index];
}
else
{
last.addClass('active');
last.getElement('a').addClass('active');
}
}
});
});
/* ]]> */
</script>
