Комментарии - Avenger1 - Профиль вебмастера - Форум об интернет-маркетинге

8 ноября 2015, 20:05

Gerga:
Avenger1, что-то типа этого:


if ( $('.tabs1 > li').length > $('.tabs1_content > div').length ) {

    var i = 0;

    $('.tabs1 > li').each(function() {

        i++;

        if ( $('.tabs1_content > div:nth-child('+i+')').length == 0 ) {

            $(this).addClass('tab-empty') 

            // если хотите удалить пустые, то addClass('tab-empty')

            // меняете на remove().

            // вот так: $(this).remove() 

        }

        

    })   

}

https://jsfiddle.net/webxz/4d0r6ync/
Пустым присвоим класс tab-empty, чтобы удалить пустые, можете addClass('tab-empty') сменить на remove()

PS: У вас не очень приятная реализация табов

Это конешно не вежливо спрашивать. НО!

Как я понял мне этот год вставлять в JS?

А вывод из JS мне нужно вставлять в fullstory?

[xfgiven_producer_url][xfvalue_producer_url][/xfgiven_producer_url] <br>
<br> перенесите везде внутрь условия
Цитата:
[xfgiven_producer_url][xfvalue_producer_url]<br>[/xfgiven_producer_url]

Спасибо. Исправил.

Помогите решить вопрос

8 ноября 2015, 10:29

JS Код

// jTabs Plugin for jQuery - Version 0.3

// by Angel Grablev for Enavu Web Development network (enavu.com)

// Dual license under MIT and GPL :) enjoy

/*

To use simply call .jTabs() on the element that holds your tabs and pass in content for the element that holds your tabs content:

$("ul.tabs").jTabs({content: "content_class"});

you can specify the following options:

content = the element that will hold the divs with the content of each tab

equal_height = true/false to enable the columns to find the highest tab and set the height across all tabs

cookies = true/false will use browser cookies to store which tab the user is on

animate = true/false if you would like to use an animation effect when you switch tabs

effect = which animation effect would you like to use (default is fade) other option includes slide

speed = if you have animation to true you can choose how long to take the effect to take place

*/

(function($){

$.fn.jTabs = function(options) {

var defaults = {

content: "div.content",

equal_height: false,

cookies: false,

animate: false,

effect: "fade",

speed: 400

};

var options = $.extend(defaults, options);

return this.each(function() {

// object is the selected pagination element list

obj = $(this);

var objTabs = $(options.content);

var number_of_items = obj.children("li").size();

var tabIndex = [];

var tabs = [];

// create array of tab index items

for (i=1;i<=number_of_items;i++) { tabIndex = obj.find("li:nth-child("+i+")"); tabIndex.attr("title", i); }

// create array tabs
for (i=1;i<=number_of_items;i++) { tabs = $(options.content + "> div:nth-child("+i+")"); }

// if equal height on
if(options.equal_height) {
var maxHeight = 0;
$(options.content).children("div").each(function(){
if ($(this).outerHeight() > maxHeight) { maxHeight = $(this).outerHeight(); }
});
$(options.content).height(maxHeight);
}

// initiate the current tab
if (options.cookies) {
if (getCookie("page")) { showTab(getCookie("page")); }
else { setCookie("page",1,999); showTab(1); }
} else {
showTab(1);
}

function showTab(num) {
tabIndex[num].addClass("active").siblings().removeClass("active");
if(!options.animate) { tabs[num].show().siblings().hide(); }
else {

switch (options.effect) {
case "fade":
tabs[num].fadeIn(options.speed).siblings().hide();
break;
case "slide":
tabs[num].slideDown(options.speed).siblings().hide();
break;
}

}
}

obj.find("li").live("click", function(e){
e.preventDefault();
var tab_num = $(this).attr("title");
showTab(tab_num);
if (options.cookies) setCookie("page",tab_num,999);
});

/* code to handle cookies */
function setCookie(c_name,value,expiredays)
{
var exdate=new Date();exdate.setDate(exdate.getDate()+expiredays);document.cookie=c_name+"="+escape(value)+
((expiredays==null)?"":";expires="+exdate.toUTCString());
}
function getCookie(c_name)
{
if(document.cookie.length>0)
{c_start=document.cookie.indexOf(c_name+"=");if(c_start!=-1)
{c_start=c_start+c_name.length+1;c_end=document.cookie.indexOf(";",c_start);if(c_end==-1)c_end=document.cookie.length;return unescape(document.cookie.substring(c_start,c_end));}}
return"";
}
});

};
})(jQuery);

Помогите решить вопрос

7 ноября 2015, 09:05

CSS

@font-face {
font-family: 'socialnetworks';
src: url('../fonts/socialnetworks.eot');
src: url('../fonts/socialnetworks.eot') format('embedded-opentype'),
url('../fonts/socialnetworks.woff2') format('woff2'),
url('../fonts/socialnetworks.woff') format('woff'),
url('../fonts/socialnetworks.ttf') format('truetype'),
url('../fonts/socialnetworks.svg#socialnetworks') format('svg');
}

ul.tabs1 {list-style:none;
background: transparent;
position: relative;
margin: 0 auto;
width:100%;
background: transparent;
}
ul.tabs1 li {
float: left;
margin: 0;
padding: 0;
border-left: none;
overflow: hidden;
position: relative;
background: transparent;
}
ul.tabs1 li.active {
border-bottom:1px solid #fff;
background: transparent;
margin-bottom:-1px;
}
ul.tabs1 li a {display:block;
padding:3px 20px;
color:#333;
letter-spacing:-1px;
outline:none;
text-decoration:none;
font-weight:600;
font-family: url(../fonts/socialnetworks.ttf) ;
font-size:15px;
}
ul.tabs1 li.active a {
font-weight:600;
font-family: url(../fonts/socialnetworks.ttf) ;
font-size:15px;
color:#000;
border-bottom: 3px solid #30c2f2;
}

div.tabs1_content {width:100%;}
div.tabs1_content > div {padding-top:20px; display:none;

}

Шаблон (Fullstory)

Помогите решить вопрос

6 ноября 2015, 07:55

дани мапов:
По второму вопросу - используйте xfgiven

Да.

Забыл сказать что движок DLE 10.5

В 2023 году 36,9% всех DDoS-атак пришлось на сферу финансов

Зачем быть уникальным в мире, где все можно скопировать

Avenger1