Forum dei Forum: Aiuto per Forumattivo
Benvenuti sul forum di supporto di Forumattivo.




Per trarre il massimo vantaggio da tutti i servizi offerti dal nostro forum, effettua il login se sei già un nostro utente oppure registrati per far parte della nostra grande comunità. Il tutto, gratuitamente!

Crea anche tu un forum gratuitamente come questo! Clicca qui

Come Aprire/Chiudere i Widget


Pagina 1 di 2 1, 2  Seguente

Risolto Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 02 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 07 Mar 2014, 09:04, modificato 2 volte

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

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

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 02 Mar 2014, 19:40

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

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Dozy™ il Dom 02 Mar 2014, 19:42

In questo momento sto cercando vediamo se lo trovo.

Dozy™
Veterano dello staff

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Albose il Dom 02 Mar 2014, 19:42

Ok gentilissimo! ^^

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Tivia il Dom 02 Mar 2014, 19:47

Ciao,

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

Tivia
**
**

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


Vedere 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 02 Mar 2014, 19:51

.... Non funziona ._.

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Dom 02 Mar 2014, 20:40

Ciao,

potresti fornirmi la versione del tuo forum? :bene:



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


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


Vedere 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 02 Mar 2014, 20:45

la mia versione è phpbb3 :)

Spero che l'hai trovata!

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Tivia il Dom 02 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
**
**

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


Vedere 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 02 Mar 2014, 20:53


the crow
Veterano dello staff

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


Vedere 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 02 Mar 2014, 20:57

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

Albose
**
**

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


Vedere 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 02 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
Veterano dello staff

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


Vedere 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 02 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,"_"));
  });
 
});



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


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


Vedere 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 02 Mar 2014, 22:34

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

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

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

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


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

Risolto Re: Come Aprire/Chiudere i Widget

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

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Lun 03 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



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


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


Vedere 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 03 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
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Lun 03 Mar 2014, 20:54

perfetto, hai risolto personalmente :good:

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



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


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


Vedere 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 03 Mar 2014, 20:59

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

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Lun 03 Mar 2014, 21:01

puoi fornirmi il link del tuo forum?



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


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


Vedere 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 03 Mar 2014, 21:03

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

Albose
**
**

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


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

Risolto Re: Come Aprire/Chiudere i Widget

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

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


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

Risolto Re: Come Aprire/Chiudere i Widget

Messaggio Da Niko il Mer 05 Mar 2014, 20:44

Ciao albose,

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

fammi sapere :zen:



Regolamento • FAQ • Tutorial e risorse • Perdita della password • Pannello degli attrezzi

    

Niko
Amminattivo
Amminattivo


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


Vedere 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

 
Permesso di questo forum:
Non puoi rispondere agli argomenti in questo forum