X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Помогите разобраться
NezzarD_hb
NezzarD_hb
Topic Starter сообщение 31.5.2011, 1:34; Ответить: NezzarD_hb
Сообщение #1


Всем ку. Интегрирую это меню на jquery и css в dle но застрял. Как сделать чтобы оно было сразу развернуто и не сворачивалось даже по клику. Все перепробовал, весь код перерыл.
Вот само меню
http://www.filamentgroup.com/examples/menusHierarchical/

Вот его HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Ipod Like menu</title>
<script src="jquery-1.2.3.min.js" type="text/javascript"></script>
<script src="utilities.js" type="text/javascript"></script>
<script src="position.jquery.js" type="text/javascript"></script>
<script src="menus.jquery.js" type="text/javascript"></script>

<script type="text/javascript">
$(function(){
var menuContent = $.get($('#categories1').attr('href'), function(data){menuContent = data;});
$('#categories1').click(function(){
var menu2 = new Menu(this, {
content: menuContent,
width: 168,
maxHeight: 300,
positionOpts: {offsetY: -1},
callerOnState: 'btnMenuOn',
itemHover: 'hover',
selectCategories: false,
topLinkText: 'All Categories'
}).create();
return false;
});
});
</script>

<link rel="stylesheet" type="text/css" href="index.css" media="all">
</head>
<body>
<a id="categories1" class="menuBtn menuAction menuNavigator" href="menuNavigator.html"><span><b>Выберите категорию</b></span></a>
</body>
</html>


Вот CSS
[CSS]


body { margin: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-family: "Segoe UI",Frutiger,Tahoma,"Helvetica","Helvetica Neue",Arial,sans-serif; font-size: 62.5%; color: rgb(68, 68, 68); }
#demoHeader { margin: 0pt 0pt 5em; padding: 15px; background: rgb(61, 135, 23) none repeat scroll 0% 0%; position: relative; height: 1%; }
a img { border: 0pt none ; }
#demoHeader img { float: left; margin-bottom: 0.9em; }
#demoHeader h1 { border-left: 1px solid rgb(255, 255, 255); margin: 0pt 0pt 0pt 20px; float: left; font-size: 1.4em; line-height: 1.8em; font-weight: bold; color: rgb(255, 255, 255); padding-left: 20px; }
#demoHeader h1 a { color: rgb(255, 255, 255); font-weight: bold; }


a, * { outline-color: -moz-use-text-color ! important; outline-style: none ! important; outline-width: 0pt ! important; }
a span { cursor: pointer; }
a span b, button span b { font-weight: normal; display: block; }
a.menuBtn:link, a.menuBtn:visited { background: transparent url('img/bg_date_picker_select_rt.gif') no-repeat scroll right top; float: left; width: 170px; text-decoration: none; color: rgb(68, 68, 68) ! important; outline-color: -moz-use-text-color ! important; outline-style: none ! important; outline-width: 0pt ! important; }
a.menuBtn:hover, a.menuBtn:active { }
a.menuBtn:link span, a.menuBtn:visited span { background: transparent url('img/bg_date_picker_select.gif') no-repeat scroll left top; display: block; margin-right: 20px; height: 20px; line-height: 2em; padding-left: 10px ! important; }
.positionHelper { position: absolute; cursor: pointer; }
.menuContainer { border: 1px solid rgb(221, 221, 221); }
.menuContainer p.menuLoading { padding: 0.5em; color: rgb(68, 68, 68); font-size: 1.1em; }
.hiddenContent { overflow: hidden; position: absolute; top: 0pt; left: -9999px; width: 1px; height: 1px; }
.menu, .menu ul { margin: 0pt; padding: 0pt; background: rgb(249, 249, 249) none repeat scroll 0% 0%; overflow: hidden; list-style-type: none; visibility: hidden; position: absolute; top: 0pt; left: 0pt; color: rgb(102, 102, 102); }
.menu li { clear: both; float: left; width: 100% ! important; }
.menu li.hover { background: rgb(238, 238, 238) none repeat scroll 0% 0%; }
.menu p, .menu a:link, .menu a:visited, .menu a:hover, .menu a:active { margin: 0pt; padding: 0.3em 0.3em 0.3em 0.5em; float: left; width: 160px; font-size: 1.1em; line-height: 1.2em; color: rgb(102, 102, 102); text-decoration: none; }
.menu a.singleLink:link, .menu a.singleLink:visited, .menu a.singleLink:hover, .menu a.singleLink:active { float: none; display: block; width: 155px; }
.menu a:hover, .menu a:active, .menu a.singleLink:hover, .menu a.singleLink:active { background: rgb(78, 146, 200) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.scrollNeeded a:link, .scrollNeeded a:visited, .scrollNeeded a:hover, .scrollNeeded a:active {160px; }
.menu a.menuIndicator:link, .menu a.menuIndicator:visited { background: transparent url('img/icon_arrow_right.gif') no-repeat scroll 98% center; }
.menu a.menuIndicator:hover, .menu a.menuIndicator:active { color: rgb(255, 255, 255); background-color: rgb(78, 146, 200); background-image: url('img/icon_arrow_right_hover.gif'); }
.menu a.nextLevel:link, .scrollNeeded a.nextLevel:link, .menu a.nextLevel:visited, .scrollNeeded a.nextLevel:visited, .menu a.nextLevel:hover, .scrollNeeded a.nextLevel:hover, .menu a.nextLevel:active, .scrollNeeded a.nextLevel:active { margin: 0pt; background: transparent url('img/icon_arrow_right.gif') no-repeat scroll 70% 50%; overflow: hidden; float: right; width: 1em; padding-left: 0.3em; text-indent: -30em; }
.menu a.nextLevel:hover, .menu a.nextLevel:active { background: rgb(78, 146, 200) url('icon_arrow_right_hover.gif') no-repeat scroll 70% 50%; }
.ddBreadcrumb { border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt; padding: 0.5em 0pt; background: rgb(249, 249, 249) none repeat scroll 0% 0%; width: 160px; font-size: 1em; }
.ddBreadcrumb li { margin: 0pt; padding: 0.1em 0pt 0.1em 0.5em; float: left; list-style-type: none; list-style-image: none; list-style-position: outside; }
.ddBreadcrumb li.currentCrumb { margin: 0.1em 0pt 0pt; clear: left; float: none; }
.ddBreadcrumb a, .ddBreadcrumb span { white-space: nowrap; font-size: 1.1em; }
.ddBreadcrumb a:link, .ddBreadcrumb a:visited { background: transparent url('img/icon_breadcrumb.gif') no-repeat scroll right center; color: rgb(18, 102, 169); padding-right: 10px; margin-right: 0.5em; }
.ddBreadcrumb a:hover, .ddBreadcrumb a:active { color: rgb(78, 146, 200); }
.ddBreadcrumb .currentCrumb a:link, .ddBreadcrumb .currentCrumb a:visited, .ddBreadcrumb .currentCrumb a:hover, .ddBreadcrumb .currentCrumb a:active { padding: 0.1em 0pt 0pt; display: block; color: rgb(51, 51, 51); background-image: none; font-size: 1.5em; margin-right: 0pt; text-decoration: none; }
.ddBreadcrumb .currentCrumb a:hover, .ddBreadcrumb .currentCrumb a:active { text-decoration: underline; }
.clearfix:after { content: "."; display: block; height: 0pt; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Den1xxx
Den1xxx
сообщение 31.5.2011, 15:18; Ответить: Den1xxx
Сообщение #2


Как бы у тебя в примере нужно смотреть класс ddMenu. Стартовые условия для него hidden задаются где-то в menus.js
Похоже что в строке 134 [JS]menu.css({ overflow: 'hidden' }).children().eq(0).wrap(ddmenu);[/JS]
Можно попробовать поменять на [JS]menu.css({ overflow: 'visible' }).children().eq(0).wrap(ddmenu);[/JS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NezzarD_hb
NezzarD_hb
Topic Starter сообщение 31.5.2011, 17:42; Ответить: NezzarD_hb
Сообщение #3


Не помогло
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NezzarD_hb
NezzarD_hb
Topic Starter сообщение 31.5.2011, 18:27; Ответить: NezzarD_hb
Сообщение #4


Пробовал все hidden менять ничего не помогло
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NezzarD_hb
NezzarD_hb
Topic Starter сообщение 31.5.2011, 19:53; Ответить: NezzarD_hb
Сообщение #5


Ребят ну помогите кто может
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NezzarD_hb
NezzarD_hb
Topic Starter сообщение 1.6.2011, 17:44; Ответить: NezzarD_hb
Сообщение #6


Парни помогите кто может очень надо уже пару дней не могу решить проблему
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ValianT
ValianT
сообщение 3.6.2011, 13:04; Ответить: ValianT
Сообщение #7


ИМХО нужно искать в js файле этого меню jquer евские методы,которые скрывают/прячут (типа .hide().slideDown(settings.showSpeed) ) и пробовать их убирать.
ну и имя kill тоже говорящее
+ .css({ visibility: 'hidden' }) в некоторых местах
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NezzarD_hb
NezzarD_hb
Topic Starter сообщение 7.6.2011, 16:26; Ответить: NezzarD_hb
Сообщение #8


Ребят в общей сложности тут где то около 40 тегов hidden и 10 hide
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
NezzarD_hb
NezzarD_hb
Topic Starter сообщение 7.6.2011, 23:58; Ответить: NezzarD_hb
Сообщение #9


Может кто то скачать его и посмотреть у себя?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 8.6.2011, 0:06; Ответить: adlic
Сообщение #10


Выложите архив с исходниками.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 692 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1695 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2315 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12413 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3336 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 29.3.2024, 18:56
Дизайн