MediaWiki:Eig.js: Unterschied zwischen den Versionen
Aus Planungskompendium Energieverteilung
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
(Eine dazwischenliegende Version von einem anderen Benutzer wird nicht angezeigt) | |||
Zeile 17: | Zeile 17: | ||
"key": "p-About_us", | "key": "p-About_us", | ||
"isLink":true, | "isLink":true, | ||
"linkURL" : " | "linkURL" : "Über Planungskompendium Energieverteilung Wiki", | ||
"linkCaption" : " | "linkCaption" : "Mehr erfahren", | ||
"staticText" : "> | "staticText" : "> Eine gemeinschaftliche Plattform, die Ihnen von Schneider Electric zur Verfügung gestellt wird<br>> Unterstützt bei der normgerechten Ausführung von Elektroinstallationen, z. B. nach IEC 60364 (VDE 0100 ff)<br>> Der Inhalt wird durch unsere Experten kontinuierlich verbessert<br>> Jeder kann mitwirken" | ||
}]; | }]; | ||
Zeile 180: | Zeile 180: | ||
$('.authClass').each(function(){ | |||
var val = $(this).find('a').attr('href').split("//"); | |||
$(this).find('a').text(val[1]); | |||
}); | |||
}); | }); | ||
Aktuelle Version vom 25. März 2014, 14:20 Uhr
/////////////////////////////////////////////////////////
// Code snippet to make your sidebar items expandable //
// Use this code ONLY for the EIG skin - @Nirachand //
/////////////////////////////////////////////////////////
/*Added By Nirachand*/
$( document ).ready( function() {
// Set the default expanded items by their headline
var defaultExpandItemsID = ['p-About_us', 'p-navigation','p-lang', 'p-addthis'];
//Id based Key value pairs e.g.: p-navigation, p-lang
var staticTexts = [{
"key": "p-About_us",
"isLink":true,
"linkURL" : "Über Planungskompendium Energieverteilung Wiki",
"linkCaption" : "Mehr erfahren",
"staticText" : "> Eine gemeinschaftliche Plattform, die Ihnen von Schneider Electric zur Verfügung gestellt wird<br>> Unterstützt bei der normgerechten Ausführung von Elektroinstallationen, z. B. nach IEC 60364 (VDE 0100 ff)<br>> Der Inhalt wird durch unsere Experten kontinuierlich verbessert<br>> Jeder kann mitwirken"
}];
addStaticText();
setMaxLMaT();
function setMaxLMaT(){
maxL = minL + $('#column-one').width();
maxT = minT + $('#column-one').height();
}
// Set the basic-name for the cookies, which save the current state of expanding
var expandCookieName = 'wikieig_sidebar_expanded_de_';
var hoverID, minL, maxL, minT, maxT;
minL = $('#column-one').position().left;
minT = $('#column-one').position().top;
var maxHeights = [];
var expandeds = [];
var flags = [];
var labels = [];
initNav();
function initNav(){
$('.generated-sidebar').each( function( i ) {
var id = $(this).attr( 'id' );
if ( jQuery.inArray(id, defaultExpandItemsID) == -1 ){
$( this ).find('.barHeader').css({'cursor': 'pointer'});
maxHeights[id] = $(this).find('.pBody').height();
//flags[ $(this).find('.barHeader').parent().attr('id')] = true;
}
if ( $.cookie( expandCookieName + id ) == 'false' ) {
expandeds[id] = false;
minimize( $( this ) );
} else if ( $.cookie( expandCookieName + id ) == 'true' ) {
expandeds[id] = true;
maximize( $( this ) );
} else if ( jQuery.inArray(id, defaultExpandItemsID) == -1 ) {
expandeds[id] = false;
minimize( $( this ) );
} else {
expandeds[id] = true;
maximize( $( this ) );
}
//$(this).find('.barHeader').click( toggleNav );
});
}
function addStaticText(){
var length = staticTexts.length, j=0, str;
$("#column-one").find(".portlet").each(function(i){
if(staticTexts[0].key == $(this).attr('id') ){
defaultExpandItemsID.push($(this).attr('id'));
renderHTML(staticTexts[0], $(this));
}
});
}
function renderHTML(staticText, thiz){
$("#"+staticText.key).append("<div class='staticText'>"+staticText.staticText+"</div>");
if(staticText.isLink)
{
$("#"+staticText.key).find('.staticText').append("<div class='staticLink'><a class='linkText'>"+staticText.linkCaption+"</a></div>");
$("#"+staticText.key).find('.staticText').find('.linkText').attr('href', staticText.linkURL );;
}
}
function minimize( target ) {
var id = $(target).attr( 'id' );
// You can change the expires parameter to save the cookie longer/shorter than 7 days like in this code
$.cookie( expandCookieName + id, 'false', { expires: 1} );
$(target).find('.pBody').animate({'height': '0px'},300,function(){
$(target).find('.pBody').css("display","none");
setMaxLMaT();
});
}
function maximize( target ) {
var id = $(target).attr( 'id' );
// You can change the expires parameter to save the cookie longer/shorter than 7 days like in this code
$.cookie( expandCookieName + id, 'true', { expires: 1} );
var newHeight = maxHeights[id];
$(target).find('.pBody').css("display","block");
$(target).find('.pBody').animate({'height': newHeight + 'px'}, 300);
setMaxLMaT();
}
function toggleNav() {
var id = $(this).parent().attr('id');
if ( jQuery.inArray(id, defaultExpandItemsID) == -1 ) {
expandeds[id] = !expandeds[id];
if( expandeds[id] == true ) {
maximize($(this).parent());
} else {
minimize($(this).parent());
}
}
}
$('body').mousemove(function(e){
if(e.pageX > 197){
$('.barHeader').each(function(){
var id = $(this).parent().attr('id');
if(jQuery.inArray(id, defaultExpandItemsID) == -1){
if($.cookie(id) != 'true'){
if( expandeds[id] == true ) {
expandeds[id] = !expandeds[id];
minimize($(this).parent());
}
}
}
});
}
});
$('.barHeader').bind("click", function(){
var id = $(this).parent().attr('id');
if(jQuery.inArray(id, defaultExpandItemsID) == -1){
if( $.cookie(id) == null ){
$.cookie(id, 'true', { expires: 1} );
}else if( $.cookie(id) == 'true' ){
$.cookie(id, 'false', { expires: 1} );
if( expandeds[id] == true ) {
expandeds[id] = !expandeds[id];
minimize($(this).parent());
}
//$('.barHeader').trigger("mouseout");
}else if( $.cookie(id) == 'false')
{
$.cookie(id, 'true', { expires: 1} );
}
}
});
$('.barHeader').hover(function(){
var id = $(this).parent().attr('id');
if(jQuery.inArray(id, defaultExpandItemsID) == -1){
if( expandeds[id] == false ) {
expandeds[id] = !expandeds[id];
maximize($(this).parent());
}
}
}, function(){
});
$('.authClass').each(function(){
var val = $(this).find('a').attr('href').split("//");
$(this).find('a').text(val[1]);
});
});
///////////////////////////////////////////////////////
///////////////////////////////////////////////////////