Справочник функций

Ваш аккаунт

Войти через: 
Забыли пароль?
Регистрация
Информацию о новых материалах можно получать и без регистрации:

Почтовая рассылка

Подписчиков: -1
Последний выпуск: 19.06.2015

Навигация. Как?

249
20 марта 2007 года
DissDoc
639 / / 01.10.2004
Вообщем оч уж понравилась навигация на codenet.ru, где вверху написано Статьи, Форум и т.д. Но вот проблема никак не пойму как это делается. Ну как бы закладки и в тоже время (судя по коду) - это рисовано с помощью JS. Есть ли у кого исходник такой вот навигации?
337
20 марта 2007 года
shine
719 / / 09.06.2006
Где-то в конфигурационном файле хранится список пунктов меню. Когда страничка создается скрипт проверяет равно ли название (или id какой-нибудь) выбраной страницы названию страницы из списка. Это делается в цикле по всему списку пунктов меню. Если названия равны, то td в котором находиться пункт меню присваивается class="sA". Если неравны - class="s". При отображении страницы подхватывается CSS и разукрашивает tab-ы в цвета sA и s.
4
20 марта 2007 года
mike
3.7K / / 01.10.2002
Честно говоря на codenet.ru сделано намного проще. Каждая вкладка - отдельный домен. Вот с ним и сверяется. Вкладки сделаны как <table>+css.

Нет ничего проще. Списки и <div>'ы мучил мучил, но заставить корректно работать во всех браузерах не получилось.
249
21 марта 2007 года
DissDoc
639 / / 01.10.2004
А есть где исходник посмотреть. Я честно говоря все равно не понял =)
13
21 марта 2007 года
RussianSpy
3.0K / / 04.07.2006
Цитата: DissDoc
А есть где исходник посмотреть. Я честно говоря все равно не понял =)



Ты не умеешь смотреть исходик html-страниц? Оригинально

8
21 марта 2007 года
mfender
3.5K / / 15.06.2005
Цитата: mike
Списки и <div>'ы мучил мучил, но заставить корректно работать во всех браузерах не получилось.



Это точно. Особенно в Опере седьмой и восьмой - просто засада. Я уже перестаю обращать внимание на этот браузер. Гуано какое-то...


2DissDoc: Если это не стёб, то начни с изуения какой-нибудь книги "Интернет для чайников"... HTML-код можно посмотреть, сделав пассы правой кнопкой мыши...

249
21 марта 2007 года
DissDoc
639 / / 01.10.2004
Смешно, да?
Сделал вывод, что не умею... Там нет скрипта прорисовки и все!
А тут собсно все понятно
 
Код:
<LINK rel="stylesheet" type="text/css" href="http://www.codenet.ru/styles.css">
<link rel="alternate" type="application/rss+xml" title="&#205;&#238;&#226;&#238;&#241;&#242;&#232; CodeNet.Ru" href="http://www.codenet.ru/export/read.xml">

Вот это и рисует. Вам тут все понятно? Мне например нет! Поэтому я и спрашиваю!
337
21 марта 2007 года
shine
719 / / 09.06.2006
Цитата: DissDoc
Сделал вывод, что не умею... Там нет скрипта прорисовки и все!



Там действительно нет скрипта. Вот эта строчка таблицы прорисовывает меню:
[HTML]
<tr>
<td class="se" width="10%">&nbsp;</td>
<td nowrap class="s"><a href="http://www.codenet.ru/">Статьи</a></td>
<td class="se">&nbsp;</td>
<td nowrap class="sA"><a href="http://forum.codenet.ru/">Форум</a></td>
<td class="se">&nbsp;</td>
<td nowrap class="s"><a href="http://sources.codenet.ru/">Исходники</a></td>
<td class="se">&nbsp;</td>
<td nowrap class="s"><a href="http://cat.codenet.ru/">Каталог</a></td>
<td class="se">&nbsp;</td>
<td nowrap class="s"><a href="http://www.codenet.ru/hosting/">Хостинг</a></td>
<td class="se" width="100%">&nbsp;</td>
</tr>
[/HTML]
В этом примере выбран пункт Форум.

Почитай какую-нибудь книжку про HTML+CSS. Можешь, кстати, заглянуть в соседний раздел: HTML.

249
21 марта 2007 года
DissDoc
639 / / 01.10.2004
Спасибо и за помощь и поддержку. Но таблицы я делать умею ;) Непонятно как раз закладки как рисовать...
Но я уже нашел как с CSS это сделать.
256
21 марта 2007 года
foxweb
1.0K / / 27.07.2005
как один из вариантов: http://foxweb.net.ru/test/bpwd-code/chapter2/

по поводу наездов на оперу: пока это единственный браузер для платформы win, проходящий тест Acid2. дело не в браузере, а в понимании стандартов и в умении их применять
249
21 марта 2007 года
DissDoc
639 / / 01.10.2004
Во! Просто супер. То что надо! Спасибо Огромное.
308
21 марта 2007 года
Комаджу
850 / / 26.07.2006
Цитата: foxweb
по поводу наездов на оперу: пока это единственный браузер для платформы win, проходящий тест Acid2. дело не в браузере, а в понимании стандартов и в умении их применять

Стандарты - это не идеал. К примеру, для логически верно сверстанной страницы (div'ами) нет в стандартах никаких рекомендаций. Т.е. разработчикам стандартов было вообще нас..ать, как люди будут верстать 3-4 колоночные сайты. Мол, таблицами не правильно, а больше инструментов нет. Ведь float, используемый для расположения колонок, создавался для несколько иных целей. И чего только стоит совершенно валидная запись:[HTML]<a></a>[/HTML]Поэтому ориентироваться нужно в первую очередь на браузеры, а не на стандарты. Хорошо, если код будет валидироваться без ошибок и можно разгибать пальцы, но значительно лучше, если все твои пользователи будут видеть именно то, что ты хочешь им показать.

ЗЫ: Не бейте, я не хотел холивара.

13
21 марта 2007 года
RussianSpy
3.0K / / 04.07.2006
Цитата: Комаджу
Мол, таблицами не правильно, а больше инструментов нет.


меня всегда добивали аргумента апологетов "дивной" верстки. "Таблицами неправильно". Кто сказал что неправильно? Кто сказал что дивами правильно? А что вообще правильно в этом мире? и чьей точки зрения?

Не стоит забывать что в трехмерном пространстве медаль имеет как минимум 3 плоскости

8
21 марта 2007 года
mfender
3.5K / / 15.06.2005
Цитата: foxweb
по поводу наездов на оперу: пока это единственный браузер для платформы win, проходящий тест Acid2. дело не в браузере, а в понимании стандартов и в умении их применять


У тебя с головой всё в порядке? Opera вообще не под какой стандарт не подходит. Во всяком случае, ни под один из тех, которым руководствовались разработчики HTML и CSS.

Цитата:
меня всегда добивали аргумента апологетов "дивной" верстки. "Таблицами неправильно". Кто сказал что неправильно? Кто сказал что дивами правильно? А что вообще правильно в этом мире? и чьей точки зрения?


Agree полное. Давно ведь известно, что CSS-вёрстка никаким образом не может заменить табличную. Их симбиоз - да, вещь сильная. Но глупости говорят, когда произносят "таблицы - только для таблиц".

308
21 марта 2007 года
Комаджу
850 / / 26.07.2006
Цитата: RussianSpy
"Таблицами неправильно". Кто сказал что неправильно?

Не нужно придираться к словам. Что таблицами правильно, тоже в стандартах не написано.

308
21 марта 2007 года
Комаджу
850 / / 26.07.2006
чОрт, я так и знал, сейчас начнется. чтоб я еще раз произнес слова "таблица" и "див" в одной синтаксической конструкции. *посыпает голову пеплом и уходит в изгнание*
13
21 марта 2007 года
RussianSpy
3.0K / / 04.07.2006
Цитата: mfender
Opera вообще не под какой стандарт не подходит. Во всяком случае, ни под один из тех, которым руководствовались разработчики HTML и CSS.


Ты будешь удивлен, но опера на самом деле единственный вендовый браузер проходящий этот тест. Можешь убедиться сам. =)
Актуально для оперы версий 9.0+

337
21 марта 2007 года
shine
719 / / 09.06.2006
Цитата: mfender
У тебя с головой всё в порядке? Opera вообще не под какой стандарт не подходит. Во всяком случае, ни под один из тех, которым руководствовались разработчики HTML и CSS.


Не ожидал такое услышать. :eek:
Почитай про ACID2 здесь(eng): http://www.webstandards.org/action/acid2/
Там есть и сам тест и описание его правил и технологий которые он тестит.
Вкратце результаты его для разных браузеров такие: IE в полном пролете. FF - почти нормально, но есть ошибки. Opera(и по моему Safari для Mac) - идеально.
Именно поэтому я часто саму Opera использую как тест сайтов на соответствие стандартам. Особенно когда облом заряжать валидаторы :)

256
21 марта 2007 года
foxweb
1.0K / / 27.07.2005
молчу, за меня всё уже сказали ;)
добавлю лишь, генеральная линия партии разработчиков Оперы - именно жёсткое следование стандартам.
Реклама на сайте | Обмен ссылками | Ссылки | Экспорт (RSS) | Контакты
Добавить статью | Добавить исходник | Добавить хостинг-провайдера | Добавить сайт в каталог