var $jQBoxScorrimento = jQuery.noConflict(); $jQBoxScorrimento("div[id^='scorrimento']").each(function() { var valoretemporaneo=$jQBoxScorrimento(this).attr("id").split("scorrimento"); var array_id=valoretemporaneo[1].split("_"); var idbox=array_id[0]; var temposcorrimento=array_id[1]; var tipobox=$jQBoxScorrimento(this).attr("class"); // se class=verticale il box e' a piu' colonne eval("var myVar" + idbox + ";"); }); $jQBoxScorrimento(window).load(function() { $jQBoxScorrimento("div[id^='scorrimento']").each(function() { var valoretemporaneo=$jQBoxScorrimento(this).attr("id").split("scorrimento"); var array_id=valoretemporaneo[1].split("_"); var idbox=array_id[0]; var temposcorrimento=array_id[1]; var tipobox='';// se class=verticale il box e' a piu' colonne if($jQBoxScorrimento(this).attr("class")) { tipobox=$jQBoxScorrimento(this).attr("class"); } var screenWidth=$jQBoxScorrimento(window).width(); // SE BOX A COLONNE if(tipobox=='verticale') { if($jQBoxScorrimento("#box"+idbox+" .tab03-riga").length > 1) { var miaaltezza = 0; var htab=0; var wrighe=0; var wBox=$jQBoxScorrimento("#box"+idbox).outerWidth(true); var widthElement=$jQBoxScorrimento("#box"+idbox).css("width"); if(widthElement!='' && widthElement!='undefined') { wBox=widthElement.replace('px',''); } $jQBoxScorrimento("#box"+idbox).css({"width": wBox+"px"}); //hide tab03-segnaposto $jQBoxScorrimento("#box"+idbox+" .tab03-riga .tab03-segnaposto").remove(); var wtab01=0; var diff2=0; //se mobile if( screenWidth < 1000 ) { var marginL=0; var marginR=0; var paddingL=0; var paddingR=0; var wriga=$jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab03-riga .tab03").outerWidth(true); $jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab03-riga").each(function(){ $jQBoxScorrimento(this).find(".tab03").each(function(){ if($jQBoxScorrimento(this).index()>0) { $jQBoxScorrimento(this).css({"visibility":"initial", "display":"block"}); } wtab01=$jQBoxScorrimento(this).outerWidth(true); marginL=parseInt($jQBoxScorrimento(this).css("margin-left").replace("px","")); marginR=parseInt($jQBoxScorrimento(this).css("margin-right").replace("px","")); paddingL=parseInt($jQBoxScorrimento(this).css("padding-left").replace("px","")); paddingR=parseInt($jQBoxScorrimento(this).css("padding-right").replace("px","")); htab=$jQBoxScorrimento(this).outerHeight(true); if(htab>miaaltezza) { miaaltezza = htab; } if($jQBoxScorrimento(this).index()>0) { $jQBoxScorrimento(this).css({"visibility":"hidden", "display":"none"}); } }); $jQBoxScorrimento(this).css({"width": (wriga * $jQBoxScorrimento(this).find(".tab03").length ) +"px"}); wrighe+=$jQBoxScorrimento(this).outerWidth(true); }); $jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab03-riga").css({"height": miaaltezza+"px"}); } // se pc else { var marginL=0; var marginR=0; var paddingL=0; var paddingR=0; $jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab03-riga:first-child").each(function(){ var wriga=0; var nTab=0; $jQBoxScorrimento(this).find(".tab03").each(function(){ wtab01=$jQBoxScorrimento(this).outerWidth(true); nTab++; wriga+=$jQBoxScorrimento(this).outerWidth(true)+1; marginL=parseInt($jQBoxScorrimento(this).css("margin-left").replace("px","")); marginR=parseInt($jQBoxScorrimento(this).css("margin-right").replace("px","")); paddingL=parseInt($jQBoxScorrimento(this).css("padding-left").replace("px","")); paddingR=parseInt($jQBoxScorrimento(this).css("padding-right").replace("px","")); if($jQBoxScorrimento(this).css("display")=='table-cell') { var borderSpacing=parseInt($jQBoxScorrimento(this).parents( ".verticale" ).css("border-spacing").replace("px","")); marginL=borderSpacing; } }); var diff=wriga/nTab; diff2=diff-wtab01; }); $jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab03-riga").each(function(){ //rendo momentaneamente tutti i tab-riga visibili per poter recuperare le misure //dal secondo in poi perchè il pirmo è già visibile if($jQBoxScorrimento(this).index()>0) { $jQBoxScorrimento(this).css({"visibility":"initial", "position":"static"}); } //associo al tab-riga una larghezza definita $jQBoxScorrimento(this).css({"width": wriga+"px"}); //calcolo l'altezza maggiore fra tutti i tab-riga htab=$jQBoxScorrimento(this).outerHeight(true); if(htab>miaaltezza) { miaaltezza = htab; } //rendo tutti i tab-riga, ad accezione del primo non visibili per poter recuperare le misure if($jQBoxScorrimento(this).index()>0) { $jQBoxScorrimento(this).css({"visibility":"hidden", "position":"absolute"}); } }); $jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab03-riga").css({"height":miaaltezza+"px"}); var paddingVerticale=$jQBoxScorrimento("#box"+idbox+" .verticale").css("padding-top"); miaaltezza+=parseInt(paddingVerticale); wrighe=$jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento).outerWidth(true)*$jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab03-riga").length; } $jQBoxScorrimento("#box"+idbox+" .verticale").append("
"); if($jQBoxScorrimento("#box"+idbox+" .tab01.tab-nudo").length>0) { $jQBoxScorrimento("#box"+idbox+" .tab01").css({"height":miaaltezza+"px", "overflow":"hidden"}); } else { $jQBoxScorrimento("#box"+idbox+" .tab01-corpo").css({"height":miaaltezza+"px", "overflow":"hidden"}); } //eliminare table + width verticale $jQBoxScorrimento("#box"+idbox+" .verticale").css("cssText", "width: "+wrighe+"px !important; display: block !important; table-layout: inherit !important;"); //eliminare row + float row $jQBoxScorrimento("#box"+idbox+" .tab03-riga").css({"float":"left"}); $jQBoxScorrimento("#box"+idbox+" .tab03-riga").css({"display":"block !important"}); //eliminare cell + float cell // se mobile if( screenWidth < 1000 ) { if($jQBoxScorrimento("#box"+idbox+" .tab03").attr('class')=='tab03 tab-nudo') // nudo { $jQBoxScorrimento("#box"+idbox+" .tab03").css("cssText", "float: left; display: block !important; width: "+wriga+"px !important; margin: 0px; margin-right: 5px; margin-left: 5px; visibility: initial;"); } else { $jQBoxScorrimento("#box"+idbox+" .tab03").css("cssText", "float: left; display: block !important; width: "+(wriga - marginL - marginR)+"px !important; padding-left: "+paddingL+"px; padding-right: "+paddingR+"px; margin-left: "+marginL+"px; margin-right: "+marginR+"px; box-sizing: border-box !important; visibility: initial;"); } } // se pc else { $jQBoxScorrimento("#box"+idbox+" .tab03").css("cssText", "float: left; display: block !important; width: "+wtab01+"px !important; padding-left: "+paddingL+"px; padding-right: "+paddingR+"px; margin-left: "+marginL+"px; margin-right: "+marginR+"px; box-sizing: border-box;"); } //clear row $jQBoxScorrimento("#box"+idbox+" .cancellatore-scorrimento-row").css({"clear":"left"}); //copio subito il primo insieme di tab03 (tab03-riga) e lo metto in fondo perchè se il secondo tab03-riga avesse meno degli elementi del primo risultarebbe vuoto lo scorrimento. poi sposto il cancellatore sotto $jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga").first().clone().appendTo($jQBoxScorrimento("#box"+idbox+" .verticale")); $jQBoxScorrimento("#box"+idbox+" .verticale .cancellatore-scorrimento-row").appendTo($jQBoxScorrimento("#box"+idbox+" .verticale")); $jQBoxScorrimento("div[id^='scorrimento'] .tab03-riga").each(function() { if($jQBoxScorrimento(this).index()>0) { $jQBoxScorrimento(this).css({"visibility":"visible", "position":"static"}); } }); $jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga").css({"visibility":"visible"}); $jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga:last").css({"visibility":"hidden"}); eval("myVar" + idbox + "= setTimeout(function () { SlideBoxColonna(idbox,1," + temposcorrimento + "); }, " + temposcorrimento + ");"); } } // SE BOX ORIZZONTALE else { //width box var widthBox=parseInt($jQBoxScorrimento("#box"+idbox).width()); $jQBoxScorrimento("#box"+idbox).css({"width" : widthBox+"px"}); if($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento+" .tab02").length > 1) { var miaaltezza = 0; var htab=0; var wrighe=0; var wtab, wtabtmp, marginL, marginR; $jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab02").each(function(){ $jQBoxScorrimento(this).css({"visibility":"initial", "display":"initial"}); //prendo la larghezza di tab01 e toglire i margini per trovare la larghezza giusta if($jQBoxScorrimento(this).index()==0) { if($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).closest(".tab01-corpo").length>0) { wtab=parseInt($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).closest(".tab01-corpo").width()); } else { wtab=parseInt($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).closest(".tab01").width()); } wtabtmp=wtab; marginL=parseInt($jQBoxScorrimento(this).css("margin-left").replace("px","")); marginR=parseInt($jQBoxScorrimento(this).css("margin-right").replace("px","")); paddingL1=parseInt($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).closest(".tab01").css("margin-left").replace("px","")); paddingR1=parseInt($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).closest(".tab01").css("margin-right").replace("px","")); wtab=wtab-marginL-marginR - paddingL1-paddingR1; //faccio questo altrimenti i vari tab02 restano attaccati if(marginL==0 && marginR==0) { wtab=wtab-5-5; } } if(marginL==0 && marginR!=0) { $jQBoxScorrimento(this).css({"float":"left", "width":wtab+"px", "margin-left":marginR+"px", "margin-right":marginR+"px"}); } else if(marginL!=0 && marginR==0) { $jQBoxScorrimento(this).css({"float":"left", "width":wtab+"px", "margin-left":marginL+"px", "margin-right":marginL+"px"}); } else if(marginL==0 && marginR==0) { $jQBoxScorrimento(this).css({"float":"left", "width":wtab+"px", "margin-left":"5px", "margin-right":"5px", "box-sizing":"border-box"}); } else if(marginL!=0 && marginR!=0) { $jQBoxScorrimento(this).css({"float":"left", "width":wtab+"px", "margin-left":marginL+"px", "margin-right":marginR+"px"}); } if( screenWidth < 1000 ) { htab=$jQBoxScorrimento(this).outerHeight(); } else { htab=$jQBoxScorrimento(this).outerHeight(true); } $jQBoxScorrimento(this).css({"height":htab+"px"}); if(htab>miaaltezza) { miaaltezza = htab; } var wriga=parseInt($jQBoxScorrimento(this).outerWidth(true)); if($jQBoxScorrimento(this).index()>0) { $jQBoxScorrimento(this).css({"visibility":"hidden", "display":"none"}); } wrighe+=wriga; }); if($jQBoxScorrimento("#box"+idbox+" .testo-tabella-calendario").length>0) { var heightCal=$jQBoxScorrimento("#box"+idbox+" .testo-tabella-calendario").outerHeight(true); miaaltezza=parseInt(miaaltezza)+parseInt(heightCal); } if($jQBoxScorrimento("#box"+idbox+" .tab01.tab-nudo").length>0) { $jQBoxScorrimento("#box"+idbox+" .tab01").css({"height":miaaltezza+"px", "overflow":"hidden"}); } else { $jQBoxScorrimento("#box"+idbox+" .tab01-corpo").css({"height":miaaltezza+"px", "overflow":"hidden"}); } //width scorrimento $jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).css("cssText", "width: "+wrighe+"px !important;"); //clear scorrimento $jQBoxScorrimento("#box"+idbox+" .cancellatore-scorrimento").css({"clear":"left"}); $jQBoxScorrimento("#scorrimento"+idbox+"_"+temposcorrimento+" .tab02").each(function() { if($jQBoxScorrimento(this).index()>0) { $jQBoxScorrimento(this).css({"visibility":"visible", "display":"block"}); } }); eval("myVar" + idbox + "= setTimeout(function () { SlideBoxOrizzontale(idbox," + temposcorrimento + "); }, " + temposcorrimento + ");"); } } }); }); function SlideBoxColonna(idbox,quantiPassati,temposcorrimento) { clearTimeout("myVar"+idbox); //se c'e' una animazione in corso non si fa niente if(!$jQBoxScorrimento("#box"+idbox+" .verticale").is(':animated')) { //se non c'e' verso non si fa niente if(idbox=="") { return false; } var spostamento=$jQBoxScorrimento("#box"+idbox+" .tab03").outerWidth(true); if($jQBoxScorrimento("#box"+idbox+" .verticale").css("margin-left")=="0px") { var paddingContenitore=$jQBoxScorrimento("#box"+idbox+" .verticale").parent().css("padding-left").replace("px",""); spostamento+=parseInt(paddingContenitore); } $jQBoxScorrimento("#box"+idbox+" .verticale").animate({ marginLeft: "-="+spostamento+"px"}, 1500, function() { var widthRigaFirst=$jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga").first().outerWidth(true); if(quantiPassati==$jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga:first .tab03").length) { $jQBoxScorrimento("#box"+idbox+" .verticale").css({ marginLeft: "+="+widthRigaFirst+"px"}); $jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga:first").remove(); quantiPassati=0; $jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga").first().clone().appendTo($jQBoxScorrimento("#box"+idbox+" .verticale")); $jQBoxScorrimento("#box"+idbox+" .verticale .cancellatore-scorrimento-row").appendTo($jQBoxScorrimento("#box"+idbox+" .verticale")); $jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga").css({"visibility":"visible"}); $jQBoxScorrimento("#box"+idbox+" .verticale .tab03-riga:last").css({"visibility":"hidden"}); } quantiPassati++; }); } var variabile=eval("myVar"+idbox); variabile = setTimeout(function () { SlideBoxColonna(idbox,quantiPassati,temposcorrimento); }, temposcorrimento); } function SlideBoxOrizzontale(idbox,temposcorrimento) { clearTimeout("myVar"+idbox); eval("myVar"+idbox + "= '';"); //se c'e' una animazione in corso non si fa niente if(!$jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).is(':animated')) { //se non c'e' verso non si fa niente if(idbox=="") { return false; } var spostamento=$jQBoxScorrimento("#box"+idbox+" .tab02").outerWidth(true); if($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).css("margin-left")=="0px") { var paddingContenitore=$jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).parent().css("padding-left").replace("px",""); spostamento+=parseInt(paddingContenitore); } $jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).animate({ marginLeft: "-="+spostamento+"px"}, 1500, function() { $jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).append($jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento+" .tab02:first")); $jQBoxScorrimento("#box"+idbox+" #scorrimento"+idbox+"_"+temposcorrimento).css({ marginLeft: "+="+spostamento+"px"}); }); } eval("myVar" + idbox + "= setTimeout(function () { SlideBoxOrizzontale(idbox,temposcorrimento); }, temposcorrimento);"); }