was / wofür ist die api? bei mir geht alles ohne
Diese Files müssen zum einwandfreien Lauf einiger Plugins eingebunden werden.
@Ein teil des Codes wie jquery automatisch mit register_frontend_m
odfiles('jquery'); im Head oder register_frontend_m
odfiles_body('jquery'); vor Bodyende einsetze
$jquery_links .= '<script src="'.WB_URL.'/modules/jquery/jquery-min.js" type="text/javascript"></script>'."\n";
$jquery_links .= '<script src="'.WB_URL.'/modules/jquery/jquery-ui-min.js" type="text/javascript"></script>'."\n";
$jquery_links .= '<script src="'.WB_URL.'/modules/jquery/jquery-insert.js" type="text/javascript"></script>'."\n";
$jquery_links .= '<script src="'.WB_URL.'/modules/jquery/jquery_api.js" type="text/javascript"></script>'."\n";
Die jquery_api.js enthält
var JQUERY_THEME = WB_URL+'/modules/jquery/themes/redmond';
$(document).ready(function() {
$.insert(JQUERY_THEME+'/ui.core.css');
$.insert(JQUERY_THEME+'/ui.theme.css');
});
Womit dann die nötigen css und theme mit eingebunden werden. Auch da gib tes noch Möglichkeiten diese erst aufrzurufen wenn sie benötigt werden.
Zudem werden noch ein paar Javascript Variablen erzeugt URL, WB_URL, WB_PATH, TEMPLATE_DIR
Alles andere regelt dann eine jquery_frontend.js die im Templateordner liegt und die sieht bei mir so aus
if (jQuery) {
jQuery(document).ready(function(){
if($("a[rel^='lightbox']").length) {
$.insert(WB_URL+'/modules/jquery/plugins/jquery-slimbox2.css');
$.insert(WB_URL+'/modules/jquery/plugins/jquery-slimbox2-min.js');
}
if($("#btnToggle").length) {
$.insert(WB_URL+'/modules/jquery/plugins/jquery.dropshadow.js');
$(".menu").dropShadow({left: 3, top: 1, color: "#333333",opacity: 0.4, blur: 1});
$(".title").dropShadow({left: 3, top: 3, blur: 1, color: "#03f", swap: false});
$("#btnToggle").dropShadow();
$(".lab").dropShadow({left: 10, top: 10, color: "#000", blur: 1, opacity: 0.4});
// Toggle all shadows on and off
$("#btnToggle").toggle(
function()
{
$(".dropShadow").hide();
$(this).val("Show Shadows");
},
function()
{
$(".dropShadow").show();
$(this).val("Hide Shadows");
});
}
if($(".rounded, .roundedb, .dogtr, #readyTest").length) {
$.insert(WB_URL+'/modules/jquery/plugins/jquery-corner.js').ready(function() {
$(".rounded").corner('round 15px'); /* test for rounding */
$(".roundedb").corner('bottom 15px'); /* test for rounding */
$(".dogtr").corner('dog tr 35px');
$("#ready_test").corner();
$('div.inner').wrap('<div class="outer"></div>');
$('samp').wrap("<code></code>");
$('corner-demo').wrap("<div></div>");
$('div.demo, div.inner').each(function() {
var t = $('samp', this).text();
eval(t);
});
// fixed/fluid tests+-
$("div.box, div.plain").corner();
$("#abs").corner("cc:#08e");
});
}
if($("[class^=brush]").length)
{
$.insert(TEMPLATE_DIR+'/syntax_highlightning.js');
}
$(".a").hover(function () {
$(this).css({'background-color' : '#FFFFCC', 'font-weight' : '100'});
}, function () {
var cssObj = {
'background-color' : 'transparent',
'font-weight' : '100',
'color' : '#000'
}
$(this).css(cssObj);
});
if($('a').length)
{
$.insert(TEMPLATE_DIR+'/icon-style.css');
$.insert(TEMPLATE_DIR+'/icons_to_link.js');
}
});
jQuery(function($) {
$('#menu a').click(function() {
$(this).blur().parents('li').siblings('li:has(.active)').find('a').removeClass('active').end().end().end().addClass('active');
return false;
});
if($('.resize').length)
{
$.insert(TEMPLATE_DIR+'/image_resize.js');
}
});
};
Und die lässt sich noch erweitern. Wie du siehst versuche ich immer die javascripte on the fly aufzurufen. Und da bin ich immer noch am Optimieren.
Dietmar
P.S. Ich hoffe ich konnte mich verständlich machen.
WebsiteBaker Community Forum
