Hi,
ich glaube, ich stelle mich da etwas doof an. Wie gesagt, ich kann überhaupt kein Javascript... 
An der Navigation selber habe ich nichts geändert.
wenn du das Temple geändert hast auf divs, einfach die Aufrufe für li im Javascript auf div setzen.
Im Template 'mod_onepagewebsitenavigation.html5' finde ich das JS. Oder ist das Script woanders?
Code:
<script type="text/javascript">
/* <![CDATA[ */
/**
* Toggle active state for OnePageWebsite Navigation module
*/
window.addEvent('domready', function()
{
var objNavi = $('<?php echo $this->naviID; ?>');
// 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 = '<?php echo $this->replaceInsertTags('{{env::request}}') ?>';
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>
<?php if($this->opw_scrolldetection): ?>
<script type="text/javascript">
/* <![CDATA[ */
/**
* Set navi active on scroll
*/
window.addEvent('scroll', function()
{
var objNavi = $('<?php echo $this->naviID; ?>');
var last = null;
var objNaviElements = objNavi.getElements('li'); //$$('.mod_onepagewebsitenavigation li');
var objPages = $$('.mod_onepagewebsiteregular li');
if(objPages.length < 1)
{
objPages = $$('.mod_onepagewebsitecustom li');
}
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
var intOffsetY = 0; // move the Y break point higher or lower
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>
Wenn ich hier alle 'li' gegen 'div' tausche, dann funktioniert es nicht bei mir.
Sorry für den Aufwand.
Danke und Gruß
Mathias
Zitat von laRocca
Mein Problem ist jetzt nur, dass ich keine Navigation sehe.
