Come Aprire/Chiudere i Widget

5 partecipanti

Pagina 1 di 2 1, 2  Successivo

Risolto Come Aprire/Chiudere i Widget

Messaggio Da Albose Dom 2 Mar 2014 - 19:22

Come nel titolo vorrei (se si può con js), che si aprissero e chiudessero i widget con 2 bottoncini o icone

però quando viene chiuso al rientro nel forum deve rimanere chiuso! per evitare di richiuderli!

Aiutatemi!

Corretto Dozy


Ultima modifica di Albose il Ven 7 Mar 2014 - 9:04 - modificato 2 volte.
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ Dom 2 Mar 2014 - 19:28

Ciao, lo script lo ha Kaselli. Vediamo se noi dello staff riusciamo a recuperarlo da qualche parte tramite FDF stranieri per poi magari metterlo nella sezione risorse. Onde evitare problemi protresti mandargli un mp a Kaselli per lo script.
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Dom 2 Mar 2014 - 19:40

Conosco bene Kaselli.... Non me lo darebbe mai!
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ Dom 2 Mar 2014 - 19:42

In questo momento sto cercando vediamo se lo trovo.
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Dom 2 Mar 2014 - 19:42

Ok gentilissimo! ^^
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Tivia Dom 2 Mar 2014 - 19:47

Ciao,

Prova questo Javascript:
Codice:
$(document).ready(function(){
$(".h3").click(function(){
    $(".corners-bottom").slideToggle("slow");
  });
});
Tivia
Tivia
**

Sesso : Maschio
Età : 23
Messaggi : 88
Località : France

http://forum.sosblog.fr/
Tivia è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Dom 2 Mar 2014 - 19:51

.... Non funziona ._.
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko Dom 2 Mar 2014 - 20:40

Ciao,

potresti fornirmi la versione del tuo forum? :bene:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Dom 2 Mar 2014 - 20:45

la mia versione è phpbb3 :)

Spero che l'hai trovata!
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Tivia Dom 2 Mar 2014 - 20:47

Ciao,

Potete darmi il link al forum per favore?

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

Sesso : Maschio
Età : 23
Messaggi : 88
Località : France

http://forum.sosblog.fr/
Tivia è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da the crow Dom 2 Mar 2014 - 20:53

the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Dom 2 Mar 2014 - 20:57

Già provato, ma non mi piace perchè li nasconde tutti! D:
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da the crow Dom 2 Mar 2014 - 21:00

come hai potuto leggere nel tutor lo devi mettere sul primo e sull'ultimo ...poi se vuoi tenere l'ultimo visibile..lo metterai sul penultimo etc..etc..
the crow
the crow
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 32
Messaggi : 8782
Località : Roma

https://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko Dom 2 Mar 2014 - 21:02

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

Questo non è un problema, si può risolvere cosi
in questo modo ad ogni widget verrà assegnato un ID differente
Codice:
$(function(){
 
  $(".module .inner div.h3").each(function(){
      $(this).closest(".module").attr("id",escape($(this).text()).replace(/_/g,"__").replace(/%/g,"_"));
  });
 
});
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Dom 2 Mar 2014 - 22:34

... Mi fate salire l'ansia.... comunque aspetto ancora :) so che state facendo un lavorone!
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ Lun 3 Mar 2014 - 18:05

Ciao, io non l'ho trovato e alcuni script sono incompleti perchè manca la parte di codice per il più e il meno.
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Lun 3 Mar 2014 - 19:53

Non potresti chiedere tu a Kaselli, dicendo che ti serva a te (per fare il tutorial) se glielo chiedo io non me lo da! please
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko Lun 3 Mar 2014 - 20:04

Albose, io ho il codice per quello che chiedi, ma se è di proprietà di kaselli darti il codice non sarebbe legale Sad
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Lun 3 Mar 2014 - 20:51

Niko... Ho trovato tutto! e funziona anche... comunque non è di prorpietà di Kaselli!

funziona per : phpbb3, punbb e invision



JavaScript :
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));}

Cosa puoi modificare nel JS (scusate è in ingelese):
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)


css:
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;
}
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko Lun 3 Mar 2014 - 20:54

perfetto, hai risolto personalmente :good:

Come Aprire/Chiudere i Widget Rang10Ricorda :
Se la tua domanda è stata risolta, modifica il titolo e metti l'iconaCome Aprire/Chiudere i Widget Icon2i
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Lun 3 Mar 2014 - 20:59

ho un problemino... non so levare l'X Nera, così evitano di togliere i widget... Aiutami!
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko Lun 3 Mar 2014 - 21:01

puoi fornirmi il link del tuo forum?
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose Lun 3 Mar 2014 - 21:03

te lo mando via MP :) !!!!!
Albose
Albose
**

Sesso : Maschio
Età : 25
Messaggi : 75
Località : Casa mia °^°

Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ Mar 4 Mar 2014 - 20:40

Volevo solo aggiungere che i codici non sono di proprietà di nessuno ma sono disponibili per tutta la community di forumattivo.
Detto questo se il tutorial funziona lo mettiamo nelle risorse.
Albose però il link al forum sotto al profilo dovresti metterlo altrimenti la gente diventa pazza :)
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko Mer 5 Mar 2014 - 20:44

Ciao albose,

Come Aprire/Chiudere i Widget Rang10Ricorda :
Se la tua domanda è stata risolta, modifica il titolo e metti l'iconaCome Aprire/Chiudere i Widget Icon2i

fammi sapere :zen:
Niko
Niko
Moderatore
Moderatore

Sesso : Maschio
Età : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

Pagina 1 di 2 1, 2  Successivo

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.