habe das gleiche Problem doch leider keine Lösung wie zozo
Zitat von
zozo
Hab exakt das gleiche vor.
Bei klick auf "Buchen" in der Metanavi möchte ich einen externen Link in der Mediabox laden, irgendwo steckt noch ein Fehler.
Was ich bisher getan habe:
Inder Seitenstruktur die Seite "Buchen" als externen Link eingerichtet. Als URL
http://www.google.de hinterlegt und die CSS klasse "lightbox" vergeben.
In meinen Seitenlayouts lasse ich Mootools dann lokal laden und habe unter Mootools Templates die Mediabox abgehackt.
Unter "weitere Javascripts" habe ich folgendes kopiert:
<script type="text/javascript">
$$('.mod_customnav a.lightbox').each(function(el) {
el.mediabox();
});
</script>
Kann mir jemand weiterhelfen? Hier die URL: platte.de/contao
Meine Einstellungen wie folgt:
einstellungen.JPG
Mein Quelltext im Head:
PHP-Code:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--
This website is powered by Contao Open Source CMS :: Licensed under GNU/LGPL
Copyright ©2005-2011 by Leo Feyer :: Extensions are copyright of their respective owners
Visit the project website at http://www.contao.org for more information
//-->
<title>Startseite</title>
<base href="http://www.xxx.de/" />
<meta name="robots" content="index,follow" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<link rel="stylesheet" type="text/css" href="system/contao.css" media="screen" />
<link type="text/css" rel="stylesheet" href="plugins/mediabox/1.3.4/css/mediaboxAdvBlack21.css" media="screen" />
<link type="text/css" rel="stylesheet" href="system/scripts/79b61dc2fe41.css" media="all" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/mootools/1.3.2/mootools-yui-compressed.js"></script>
<script type="text/javascript" src="plugins/mootools/1.3.2/mootools-more.js"></script>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=EB+Garamond" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
</head>
Mein Quelltext am Ende der Seite:
PHP-Code:
<script type="text/javascript" src="plugins/mediabox/1.3.4/js/mediabox.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
Mediabox.scanPage = function() {
var links = $$('a').filter(function(el) {
return el.rel && el.rel.test(/^lightbox/i);
});
$$(links).mediabox({/* Put custom options here */}, null, function(el) {
var rel0 = this.rel.replace(/[[]|]/gi,' ');
var relsize = rel0.split(' ');
return (this == el) || ((this.rel.length > 8) && el.rel.match(relsize[1]));
});
};
window.addEvent('domready', Mediabox.scanPage);
/* ]]> */
</script>
<script type="text/javascript">
/* <![CDATA[ */
window.addEvent('domready', function() {
new Accordion($$('div.toggler'), $$('div.accordion'), {
opacity: false,
alwaysHide: true,
onActive: function(toggler, elem) {
elem.setProperty('aria-hidden', 'false');
toggler.addClass('active');
toggler.getNext('div').setStyle('visibility', 'visible').fade('in');
toggler.setProperty('aria-expanded', 'true');
return false;
},
onBackground: function(toggler, elem) {
elem.setProperty('aria-hidden', 'true');
toggler.removeClass('active');
toggler.getNext('div').fade('out').setStyle('visibility', 'hidden');
toggler.setProperty('aria-expanded', 'false');
return false;
}
});
$$('div.toggler').each(function(elem) {
elem.setProperty('role', 'tab');
elem.setProperty('tabindex', 0);
elem.addEvents({
'keypress': function(event) {
if (event.code == 13) {
this.fireEvent('click');
}
},
'focus': function() {
this.addClass('hover');
},
'blur': function() {
this.removeClass('hover');
},
'mouseenter': function() {
this.addClass('hover');
},
'mouseleave': function() {
this.removeClass('hover');
}
});
});
$$('div.ce_accordion').each(function(elem) {
elem.setProperty('role', 'tablist');
});
$$('div.accordion').each(function(elem) {
elem.setProperty('role', 'tabpanel');
});
});
/* ]]> */
</script>
<script type="text/javascript">
$$('.mod_customnav a.lightbox').each(function(el) {
el.mediabox();});
</script>
<script type="text/javascript">
/* <![CDATA[ */
new Request({
url:'system/html/cron.txt',
onComplete: function(txt) {
if (!txt) txt = 0;
if (parseInt(txt) < (Date.now()/1000 - 300)) {
new Request({url:'cron.php'}).get();
}
}
}).get();
/* ]]> */
</script>
Einstellungen in contao an der Seite in der Seitenstruktur:Seitenstruktur.JPG
und zu guter letzt noch der ausgegebene Code auf der Webseite wie folgt bzgl. der Navi:
PHP-Code:
<div class="mod_navigation block">
<ul>
<li class="n07 lightbox sibling"><a href="http://www.xxx.de" title="test" class="n07 lightbox sibling">test</a></li>
</ul>
</div>
Lesezeichen