Проблема с CCS + немного JS

Sveta Prokopeva
На сайте с 10.05.2006
Offline
99
810

Раньше как всегда всё работало отлично, потом перестало :)

http://daler.ru/wallpapers/flowers/

Нажимаем в лисе на "Подразделы" всё отлично, они появляются и на них можно кликать. Делаем тоже самое в ИЕ и не работает.

Табличка сделана через апдайт с помощью жаваскрипт вот такого стиля style="display: none" -> style="display: inline".

Причём на сайте полно других всплывалок сделаных через тоже самое которые отлично работают.

Помогите кто чем сможет :)

I
На сайте с 11.01.2007
Offline
16
Irh
#1

Отчего же не помочь.

Скачиваем фм с http://jquery.com/.

В паке 20кб.

И все подобные "открывашки" делаем например так:

<div id="podrazdel_do">Подразделы (закрыт)</div>

<div id="podrazdel">Что раскрывается</div>

<script type='text/javascript'>

$('#podrazdel').hide();

$("#podrazdel_do").click( function(){

if (document.getElementById("podrazdel").style.display == 'none' ) { $('#podrazdel').slideDown("1000"); $("#podrazdel_do").html("<div id='podrazdel_do'>Подразделы (открыт)</div>");} else

if (document.getElementById("podrazdel").style.display != 'none' ) { $('#podrazdel').slideUp("1000"); $("#podrazdel_do").html("<div id='podrazdel_do'>Подразделы (закрыт)</div>");}

})

</script>

(мог в чем-то ошибиться)

Если все открывашки сделать так можно удались свой жабакод, отвечающий за это.

jquery же умеет многое.

Надеюсь, что Вам это поможет

:)

Ёжик В Тумане
На сайте с 26.07.2006
Offline
16
#2
Sveta Prokopeva:
style="display: inline".

может попробовать: style="display: block"?

Ушел в себя, забыл про форум.
Вернусь ли? Не знаю... Если нужен, пишите в аську...
Sveta Prokopeva
На сайте с 10.05.2006
Offline
99
#3

Ёжик В Тумане, так в том-то и дело что совсем не показывается. Даже если просто дисплей переправить то табличка с подразделами не кажется..

Коля Дубр
На сайте с 02.03.2005
Offline
153
#4

А если попробовать style.display = '' ? Когда-то юзал такой хак, но вроде TBODY надо было фолдить. Посмотри, вдруг поможет :)

Вообще, если позыркать в спецуху, у TABLE display будет 'table', а не 'block' и не 'inline'. Может в этом бага :)

Разрабатываю общую шину (http://habrahabr.ru/company/floxim/blog/268467/) помаленьку. ...а еще у меня есть бложек (http://www.blogovo.ru/).
Oniks
На сайте с 22.08.2005
Offline
176
#5

Илюх, нифига, с table не отображается, а вот с block у меня нормально работает на всех браузерах.

ТС, а вот на моем ИЕ6 меню работает нормально. Вообще, задавать inline для блочного элемента (коим и является div) вроде не совсем корректно... Я бы вообще сделал так:


<a href="#" onclick="javascript:show_menu(this)" class="ab">Разделы <span class="arr">&darr;</span></a>

function show_menu(obj) {
if(obj.parentNode.parentNode.nextSibling.firstChild.firstChild.style.display=='none') {
obj.parentNode.parentNode.nextSibling.firstChild.firstChild.style.display='block';
obj.innerHTML='Разделы <span class="arr">&uarr;</span>';
} else {
obj.parentNode.parentNode.nextSibling.firstChild.firstChild.style.display='none';
obj.innerHTML='Разделы <span class="arr">&darr;</span>';
}
}

Такая функция позволяет управлять любыми вложенными подразделами без всяких id="", тока работоспособность надо проверять на самом сайте - мог с children чего-нить напутать :)

Профессиональные услуги фотографа в Москве и области (http://www.oniks-photo.ru/) покупаю стать и ссылки с сайтов про охоту
Sveta Prokopeva
На сайте с 10.05.2006
Offline
99
#6

Oniks, я не так сильна в JS поэтому я лучше кейсами всё сделаю :)

Да и одно появляется другое исчезает - по умному не смогу сделать :)

А свою проблему всё-таки решила с помощью дива и измененого ID на другой... видать где-то дубль написала.

[Удален]
#7

уменя всё работает в IE

правда под оперой выдаёт ошибки

P.S. фильтры поддерживает только IE

на сайте www.tandem-west.ru реализованно тоже самое (открытие по событию ) все работает во всех браузерах

Oniks
На сайте с 22.08.2005
Offline
176
#8
Sveta Prokopeva:
А свою проблему всё-таки решила с помощью дива и измененого ID на другой... видать где-то дубль написала.

Проблема в том, что использование id - это источник потенциальных ошибок, поэтому лучше всегда уходить от их использования. К тому же, поиск по id может грузить машину сильнее, чем переходы по ДОМ-модели документа. Да и функции, построенные на ДОМе, более универсальны.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий