Вкладки+спойлер

@Александр8867 · Регистрация: 14.02.2015

Студворк — интернет-сервис помощи студентам

Здравствуйте,нужна помощь.
Движок сайта DLE 10.0
Решил сделать красивые вкладки для сайта, все подключил, выровнял, вкладки заработали а спойлеры из новостей пропали( притом навсегда. Не хотят показаться родимые хотя и должны.
Думаю дайка js код уберу этот:

Кликните здесь для просмотра всего текста

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script type="text/javascript">
$(document).ready(function() {
        $("#content div").hide(); // Скрытое содержимое
 
 $("#tabs li:first").attr("id","current"); // Какой таб показать первым
        $("#content div:first").fadeIn(); // Показ первого контента таба
 $('#tabs a').click(function(e) {
        e.preventDefault();
        $("#content div").hide(); //Скрыть всё содержимое
$("#tabs li").attr("id",""); //Сброс идентификаторов
$(this).parent().attr("id","current"); // Активация идентификаторов
 $('#' + $(this).attr('title')).fadeIn(); // Показать содержимое текущей вкладки
    });
})();
</script>

И надо же спойлеры появились,только вкладки перестали работать. Подскажите,что тут не так?

zhibirc · 14.02.2015, 12:34

JavaScript
1
$("#content div").hide();

Убедитесь, что эта строчка делает то, что должна, и не делает того, чего не должна.

@Александр8867 · 14.02.2015, 12:38 **[ТС]**

JavaScript
1
$("#content div").hide(); //Скрыть всё содержимое

Без этой строчки вкладки не переключаются вообще,а спойлеры также не появились(

@Александр8867 · 14.02.2015, 15:35 **[ТС]**

Все алилуя алилуя!!!
Может кому пригодится=)
Вот вкладки для DLE движка тестировалось на 10.0 версии

CSS:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
.dle_tabPane{
       
        height:26px;    /* Height of tabs */
    }
    .dle_aTab{
        
        border:1px  solid #185D75;
        padding:5px;        
        
    }
    .dle_tabPane DIV{
 
background: #185D75;
-webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */
float:left;
        padding-left:3px;
        vertical-align:middle;
        background-repeat:no-repeat;
        background-position:bottom left;
        cursor:pointer;
        position:relative;
        bottom:-1px;
        margin-left:0px;
        margin-right:0px;
 
        
    }
 
    .dle_tabPane .tabActive{
 
background: #c93434;
-webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */
 
    
}
    .dle_tabPane .tabInactive{
 
background: #c286A82;
-webkit-border-top-left-radius: 8px; /* Safari, Chrome */
                -webkit-border-top-right-radius: 8px; /* Safari, Chrome */
                  -khtml-border-top-left-radius: 8px; /* KHTML */
                 -khtml-border-top-right-radius: 8px; /* KHTML */
                         -moz-border-radius-topleft: 8px; /* Firefox */
                        -moz-border-radius-topright: 8px; /* Firefox */
                                 border-top-left-radius: 8px; /* CSS3 */
                                border-top-right-radius: 8px; /* CSS3 */
    }
 
 
    .dle_tabPane .inactiveTabOver{
        margin-left:0px;
        margin-right:0px;
    }
.dle_tabPane span{
 
        font-family:tahoma;
        vertical-align:top;
        font-size:14px;
        line-height:26px;
        float:left;
 }
    .dle_tabPane .tabActive span{
        padding-bottom:0px;
        line-height:26px;
    }

JS

JavaScript
1
2
 <div class="stext">
    <script type="text/javascript" src="engine/skins/tabs.js"></script>

html

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="dle_tabView1">
<div class="dle_aTab" style="display:none;">
{full-story}
</div>
<div class="dle_aTab" style="display:none;">
[xfgiven_screens]<a href="[xfvalue_screens]" onclick="return hs.expand(this)"><img src="[xfvalue_screens]" width="200" height="100" border="0"></a>[/xfgiven_screens][xfgiven_screens1]<a href="[xfvalue_screens1]" onclick="return hs.expand(this)"><img src="[xfvalue_screens1]" width="200" height="100" border="0"></a>[/xfgiven_screens1][xfgiven_screens2]<a href="[xfvalue_screens2]" onclick="return hs.expand(this)"><img src="[xfvalue_screens2]" width="200" height="100" border="0"></a>
    [/xfgiven_screens2]
    <center>[xfnotgiven_screens]<font color=red size=3>Скриншоты к этому торренту не найдены![/xfnotgiven_screens]</font></center>
 
 
 
<br><br><br><br><br><br>
</div>
<div class="dle_aTab" style="display:none;">
<center>
[xfgiven_treyler]
<iframe src="[xfvalue_treyler]" frameborder="0" height="320" width="426" ></iframe>
[/xfgiven_treyler] 
[xfnotgiven_treyler]<font color=red size=3>Трейлер к этому торренту не найден![/xfnotgiven_treyler]</font></center>
</div>
<div class="dle_aTab" style="display:none;">
<center>[xfgiven_online]
<iframe src="[xfvalue_online]" frameborder="0" height="360" width="540" ></iframe>
[/xfgiven_online] 
        [xfnotgiven_online]<font color=red size=3>Видео к этому торренту не найдено![/xfnotgiven_online]</font></center>
<br><br>
 
</div>
</div>
<script type="text/javascript">
initTabs('dle_tabView1',Array('<font color=#FFFFFF>Описание</font>','<font color=#FFFFFF>Скриншоты</font>','<font color=#FFFFFF>Трейлер</font>','<font color=#FFFFFF>Смотреть онлайн</font>'),0, '100%',0);
</script>

Вот и все. Все работает. Скриншот вкладки прилагается.
PS: Я это сделал не зная языка программирования в течении 1 суток.

@vik1105 · 17.03.2015, 07:23

Здравствуйте,а вы не могли бы объяснить куда вставлять эти коды?
Я вставляю:
1.CSS: в styles.css
2.JS скрипт:в main.tpl
3.HTML: в fullstory.tpl
Создал доп поля,но никаких изменений не произошло.Подскажите сто не так делаю? Спасибо.
Версия DLE 10.1

Новые блоги и статьи Все статьи Все блоги /
Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .	модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ	Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .

@vik1105 0 / 0 / 0 Регистрация: 17.03.2015 Сообщений: 5
	17.03.2015, 07:23
	Здравствуйте,а вы не могли бы объяснить куда вставлять эти коды? Я вставляю: 1.CSS: в styles.css 2.JS скрипт:в main.tpl 3.HTML: в fullstory.tpl Создал доп поля,но никаких изменений не произошло.Подскажите сто не так делаю? Спасибо. Версия DLE 10.1 0