Come Aprire/Chiudere i Widget


Pagina 1 di 2 1, 2  Seguente

Risolto Come Aprire/Chiudere i Widget

Messaggio Da Albose il 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
avatar
Albose
**
**

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ il 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.
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Età : 30
Messaggi : 2297
Località : Tradate (va)


Vedi il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 2 Mar 2014 - 19:40

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

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

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

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

Sesso : Maschile
Età : 30
Messaggi : 2297
Località : Tradate (va)


Vedi il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 2 Mar 2014 - 19:42

Ok gentilissimo! ^^
avatar
Albose
**
**

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Tivia il Dom 2 Mar 2014 - 19:47

Ciao,

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

Sesso : Maschile
Età : 16
Messaggi : 88
Località : France


Vedi il profilo dell'utente http://forum.sosblog.fr/
Tivia è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 2 Mar 2014 - 19:51

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

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Dom 2 Mar 2014 - 20:40

Ciao,

potresti fornirmi la versione del tuo forum? :bene:
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7757
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 2 Mar 2014 - 20:45

la mia versione è phpbb3 :)

Spero che l'hai trovata!
avatar
Albose
**
**

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Tivia il 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.
avatar
Tivia
**
**

Sesso : Maschile
Età : 16
Messaggi : 88
Località : France


Vedi il profilo dell'utente http://forum.sosblog.fr/
Tivia è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

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

avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 2 Mar 2014 - 20:57

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

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da the crow il 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..
avatar
the crow
Veterano dello staff

Sesso : Maschile
Età : 26
Messaggi : 8797
Località : Roma


Vedi il profilo dell'utente http://aiuto.forumattivo.it/forum
the crow è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il 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,"_"));
  });
 
});
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7757
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 2 Mar 2014 - 22:34

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

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ il 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.
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Età : 30
Messaggi : 2297
Località : Tradate (va)


Vedi il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il 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
avatar
Albose
**
**

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il 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
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7757
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il 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;
}
avatar
Albose
**
**

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Lun 3 Mar 2014 - 20:54

perfetto, hai risolto personalmente :good:

Ricorda :
Se la tua domanda è stata risolta, modifica il titolo e metti l'icona
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7757
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Lun 3 Mar 2014 - 20:59

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

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Lun 3 Mar 2014 - 21:01

puoi fornirmi il link del tuo forum?
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7757
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Lun 3 Mar 2014 - 21:03

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

Sesso : Maschile
Età : 19
Messaggi : 75
Località : Casa mia °^°


Vedi il profilo dell'utente
Albose è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ il 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 :)
avatar
Dozy™
Veterano dello staff

Sesso : Maschile
Età : 30
Messaggi : 2297
Località : Tradate (va)


Vedi il profilo dell'utente
Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Mer 5 Mar 2014 - 20:44

Ciao albose,

Ricorda :
Se la tua domanda è stata risolta, modifica il titolo e metti l'icona

fammi sapere :zen:
avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 20
Messaggi : 7757
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

Pagina 1 di 2 1, 2  Seguente

Vedere l'argomento precedente Vedere l'argomento seguente Tornare in alto

- Argomenti simili

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