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

0

Avenger1

5 ноября 2015, 17:17

1183

Товаращи.

Помогите пожалуйсто.

Есть киносайт. Хочу сделать в табах. Чтобы при отсутствии заполнения таба определённого. Был определенный цвет и не кликабельный. Но при этом был виден или в принципе отсутствовал.

Как тут :

2-й вопрос при не заполненном поле не было промежутка между списком.

как тут:

Всё заполняется автоматически. В шаблоне есть уже доп.поля. Но при отсутствии инфы по доп.полю оставляет пустым но не убирается. Остается как видно на фоте пустое, промежуток. Как от это избавиться?

буду очень благодарен за совет!

204

дани мапов

5 ноября 2015, 17:21

#1

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

Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)

A1

0

Avenger1

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

#2

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

Да.

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

94

Gerga

6 ноября 2015, 10:19

#3

Avenger1:
Есть киносайт. Хочу сделать в табах. Чтобы при отсутствии заполнения таба определённого. Был определенный цвет и не кликабельный. Но при этом был виден или в принципе отсутствовал.

мало информации... покажите разметку табов, покажите JS табов.

L

108

lexter

6 ноября 2015, 10:45

#4

1) Надо видеть код. по сути алгоритм простой и вы его уже описали, если нету то показать чет там. Решается правкой доп полей и кода

2)Проблема в разметке, видимо В доп поле взята к примеру информация из дива, а сам див не взят.

По сути надо смотреть код и поработать с доп полями.

Купить автомобиль из США можно тут (https://us-car.com.ua)

Разметка schema.org/VideoObject для Dle Проблема с доп. полями [DLE] Помогу чем смогу

A1

0

Avenger1

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

#5

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)

A1

0

Avenger1

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

#6

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);

Wordpress: посоветуйте, пожалуйста, ротатор страница предупреждения Создание каталога компаний на

94

Gerga

8 ноября 2015, 11:13

#7

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: У вас не очень приятная реализация табов

437

totamon

8 ноября 2015, 12:51

#8

[xfgiven_producer_url][xfvalue_producer_url][/xfgiven_producer_url] <br>

<br> перенесите везде внутрь условия

[xfgiven_producer_url][xfvalue_producer_url]<br>[/xfgiven_producer_url]

Домены и хостинг https://8fn.ru/regru | Дедик от 3000р https://8fn.ru/73 | VPS в Москве https://8fn.ru/72 | Лучшие ВПС, ТП огонь, все страны! https://8fn.ru/inferno | ХОСТИНГ №1 РОССИИ https://8fn.ru/beget

A1

0

Avenger1

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

#9

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]

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

94

Gerga

9 ноября 2015, 08:27

#10

Avenger1:
Это конешно не вежливо спрашивать. НО!
Как я понял мне этот год вставлять в JS?

Да, но это костыль. Лучше исправить код табов.

Курс биткоина превысил $50 тысяч

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