Come Aprire/Chiudere i Widget

Codice:

$(document).ready(function(){
$(".h3").click(function(){
    $(".corners-bottom").slideToggle("slow");
  });
});

Tivia ha scritto:Dopo mi sembra che questo non è possibile con PhpBB3 perché non tutti i moduli sono dotati di classe diversa.

Codice:

$(function(){
 
  $(".module .inner div.h3").each(function(){
      $(this).closest(".module").attr("id",escape($(this).text()).replace(/_/g,"__").replace(/%/g,"_"));
  });
 
});


Codice:

$(function() {
        var minify="http://icons.iconarchive.com/icons/pixelmixer/basic/16/up-icon.png",
        expand ="http://icons.iconarchive.com/icons/pixelmixer/basic/16/down-icon.png",
        closer="http://icons.iconarchive.com/icons/custom-icon-design/mini/16/Delete-icon.png",
        redXtrue = true,
        redX= "http://icons.iconarchive.com/icons/fasticon/essential-toolbar/16/cancel-icon.png",
        closeAllleft ="http://icons.iconarchive.com/icons/semlabs/web-blog/48/arrow-return-up-left-icon.png",
        closeAllright="http://icons.iconarchive.com/icons/semlabs/web-blog/48/arrow-return-up-right-icon.png",
        widgetMinify=true,
        widgetClose=true,
        widgetFull=false,
        animate = true,
        version="punbb";
        //DO NOT EDIT ANYTHING PAST THIS LINE
          if(version=="phpbb3"){$('#left .module .h3 ,  #right .module .h3').addClass('main-head').nextAll().wrap('<div class="main-content" />');}else if(version=="invision"){$('#left .module .maintitle , #right .module .maintitle').addClass('main-head').nextAll().wrap('<div class="main-content" />');}else if(version=="phpbb2"){$('#left table').addClass('module');$('#left table.forumline .module-title').closest('td').addClass('main-head').parent().next('tr').addClass('main-content');}var parent,parentModule=null;function getParents(e){parent=$(e.currentTarget).closest(".module").parent();parentModule=$(e.currentTarget).closest(".module");}var calen=$('#left #calendar');if(widgetClose==true){var closering='<div  class="close"><img src="'+closer+'"/>'}else{closering="";}if(widgetMinify==true){var miniHTML = '<div class="openClose minify"><img src="'+minify+'"/></div>';}else{miniHTML=''}if(calen.length==1){$('#calendar').addClass('box-content');}$('#left .module , #right .module').addClass('open');var left=$('#left'),right=$('#right'),heads=$('.main-head'),i;left.find(heads).prepend('<div class="optionsmod">'+miniHTML+closering+'</div></div>');right.find(heads).prepend('<div class="optionsmod">'+miniHTML+closering+'</div></div>');var close=$('.close'),Lnumber=$('#left .module'),Rnumber=$('#right .module');for(i=0;i<Lnumber.length;i++){$(Lnumber)[i].id='widg'+i;}for(i=0;i<Rnumber.length;i++){$(Rnumber)[i].id='widget'+i;}var ca=ReadCookie('ToHide').split(",");for(var i=0;i<ca.length;i++){$(ca[i]).hide();}if(widgetFull===true){$('#left').before('<div id="left_widg"><img class="closeAll" src="'+closeAllleft+'" /></span>');$('#right').before('<div id="right_widg"><img class="closeAll" src="'+closeAllright+'"/></span>');$('#left_widg .closeAll').on('click',function(){var _checkme=$('#left').css('display');var oriWidth=180;if(_checkme==="block"){SetCookie('closeWidgetsLeft','true',100);if(animate===true){$('#left').animate({width:'-='+parseInt(oriWidth,10)+'px'},500,function(){$(this).hide();$('#left_widg .closeAll').attr('src',closeAllright);});}else{$('#left').hide();}}else{$('#left').show();checkIfVisible();KillCookie('closeWidgetsLeft');if(animate===true){$('#left').animate({width:'+='+parseInt(oriWidth,10)+'px'},500,function(){$('#left_widg .closeAll').attr('src',closeAllleft);});}else{$('#left').css('width',oriWidth);$('#left_widg .closeAll').attr('src',closeAllleft);}}});$('#right_widg .closeAll').on('click',function(){var _checkme=$('#right').css('display');var oriWidth=180;if(_checkme==="block"){SetCookie('closeWidgetsRight','true',100);if(animate===true){$('#right').animate({width:'-='+parseInt(oriWidth,10)+'px'},{duration:500,step:function(now,fx){$('#content').css('marginRight',now);},complete:function(){$('#right').hide();$('#right_widg .closeAll').attr('src',closeAllleft);}});}else{$('#right').hide();$('#right_widg .closeAll').attr('src',closeAllleft);$('#content').css('marginRight','0px');}}else{$('#right').show();checkIfVisible();KillCookie('closeWidgetsRight');if(animate===true){$('#right').animate({width:parseInt(oriWidth,10)+'px'},{duration:500,step:function(now,fx){$('#content').css('marginRight',now);},complete:function(){$('#right_widg .closeAll').attr('src',closeAllright);}});}else{$('#right').css('width',oriWidth);$('#right_widg .closeAll').attr('src',closeAllright);$('#content').css('marginRight','180px');}}});if(ReadCookie('closeWidgetsLeft')==='true'){$('#left').css({display:'none',width:'0px'});$('#left_widg .closeAll').attr('src',closeAllright);}if(ReadCookie('closeWidgetsRight')==='true'){$('#right').css({display:'none',width:'0px'});$('#content').css('marginRight','0px');$('#right_widg .closeAll').attr('src',closeAllleft);}if(redXtrue===true){$(close).on('mouseenter',function(){$(this).children('img').attr('src',redX);});$(close).on('mouseleave',function(){$(this).children('img').attr('src',closer);});}}if(widgetClose===true){$(close).on('click',function(e){getParents(e);if(parentModule.hasClass('open')){var a=ReadCookie('ToHide');if(a.split(",").length===0){KillCookie('ToHide');var b="#"+parent.attr("id")+" #"+parentModule.attr("id");SetCookie('ToHide',b,100);}else{var d=a+","+"#"+parent.attr("id")+" #"+parentModule.attr("id");KillCookie('ToHide');SetCookie('ToHide',d,100);}if(animate===true){parentModule.fadeOut(function(){checkIfVisible();});}else{parentModule.hide();checkIfVisible();}}});checkIfVisible();$(document).on('click','.resetLeft',function(){KillCookie('ToHide');KillCookie('slideHide');if(animate===true){$(this).parent().children('.module').fadeIn();}else{$(this).parent().children('.module').show();}$(this).remove();});$(document).on('click','.resetRight',function(){KillCookie('ToHide');KillCookie('slideHide');if(animate===true){$(this).parent().children('.module').fadeIn();}else{$(this).parent().children('.module').show();}$(this).remove();});}function checkIfVisible(){var checkLeft=$('#left').is(':visible')&&$('#left').children('.module').filter(':hidden').length>0;if(checkLeft){if(!$('.resetLeft').length){left.prepend('<span class="resets resetLeft">Reset Left Widgets</span>');}}var checkRight=$('#right').is(':visible')&&$('#right').children('.module').filter(':hidden').length>0;if(checkRight){if(!$('.resetRight').length){right.prepend('<span class="resets resetRight">Reset Right Widgets</span>');}}var expandy=ReadCookie('slideHide').split(",");for(var i=0;i<expandy.length;i++){$(expandy[i]).find('.main-content').hide();$(expandy[i]).find('.minify').children('img').attr('src',expand);}}if(widgetMinify===true){var openClose=$('.openClose');openClose.on('click',function(e){getParents(e);var cook=ReadCookie('slideHide'),miniParent=parentModule.find('.main-content'),miniDisp=miniParent.css('display');if(miniDisp==="block"){KillCookie('slideHide');if(animate===true){miniParent.slideUp();}else{miniParent.hide();}$(this).children('img').attr('src',expand);var slide=cook+","+"#"+$(this).closest('.module').attr("id");SetCookie('slideHide',slide,100);}else{if(animate===true){miniParent.slideDown();}else{miniParent.show();}$(this).children('img').attr('src',minify);KillCookie('slideHide');var newCookie=[];var a=$('.module').children('.main-content').filter(":hidden");var c=$.map(a,function(n,i){return"#"+$(n).parent().attr('id');});newCookie=c.join(',');SetCookie('slideHide',newCookie,100);}});}});function SetCookie(cookieName,cookieValue,nDays){var today=new Date();var expire=new Date();if(nDays===null||nDays===0)nDays=1;expire.setTime(today.getTime()+3600000*24*nDays);document.cookie=cookieName+"="+escape(cookieValue)+";expires="+expire.toGMTString(),';path = /';}function KillCookie(cookieName){SetCookie(cookieName,"",-1);}function ReadCookie(cookieName){var theCookie=""+document.cookie;var ind=theCookie.indexOf(cookieName+"=");if(ind===-1||cookieName==="")return"";var ind1=theCookie.indexOf(";",ind);if(ind1===-1)ind1=theCookie.length;return unescape(theCookie.substring(ind+cookieName.length+1,ind1));}

Albose ha scritto:minify: Text String must be a valid image url for the minify button
expand: Text String must be a valid image url for the expand button
closer: Text String must be a valid image url for the Close button
redXtrue: Boolean (True or False) if true hover image will take over
redX: Text String must be a valid image url for the hovered image
closeAllleft: Text String must be a valid image url. (usually arrow pointing to the left)
closeAllright: Text String must be a valid image url. (usually arrow pointing to the right)
widgetMinify: Boolean (True or False) If true minifing is enabled
widgetClose: Boolean (True or False) If true closing is enabled
widgetFull: Boolean (True or False) If true full left and right widgets toggling is enabled
animate: Boolean (True or False) If true animations are enabled
version: Text String Add your Version Type. punbb phpbb3 or invision (phpBB2 has bugs that are being worked out)

Codice:

#right_widg{
 position: relative;
display: inline-block;
width: 180px;
}
.resets {
height: 20px;
background: rgb(0, 159, 238);
box-shadow: inset 0 -8px 11px #0086c9, 1px 1px 0 #71bffc;
border-radius: 3px;
color: rgb(233, 233, 233);
border: 1px solid rgb(0, 148, 223);
cursor: pointer;
line-height: 18px;
width: 70%;
margin: 0 auto;
display: block;
text-indent: 9px;
}
.resets:hover {
background: #59c8ff;
box-shadow: inset 0 -8px 11px #0098e4, 1px 1px 0 #c2e4ff;
}
#right_widg .closeAll{float:right}
.minify {
height: 16px;
float:right;
cursor: pointer;
width: 16px;
zoom:1;
}
.close {
cursor: pointer;
float: right;
height: 16px;
width: 16px;
margin: 0px 5px;
}
.optionsmod {
position:relative;
top:0;
}