Cуперское меню @ DeForum.ru

Неужели верхнее меню реализовано только средствами JAVA? На флэше такое полупрозрачное выпадающее меню сделать не проблема но как это сделано тут?

http://ru.samsungmobile.com/ cорри вот линк

deadman, не трудно догадаться, что оно сделано средствами флэш. Трудно правой кнопкой тыкнуть? :killanasshole:

да сорри виноват вроде мельком глянул в сорс и не нашел SWF

Akela, во во )))

deadman, это в натуре флэш )))) хотя и на Яве такое (не один в один конечно - но очень похоже) сделать можно - поеб...ся придется - но можно...

Lezvie, на Яве с полпинка. Только грузиться будет долго. Можно даже на ЯваСкрипте. Юзайте нужный софт.

Akela, я как раз ЯваСкрипт и имел в виду )))) неувязка терминологии - сорри ))))

Lezvie,

Ну если припрёт, то на Яве как раз легко. Есть куча софта, который лабает именно это. Вот только грузиться это будиииит.…. Ну апплет, он и в Африке апплет. Короче, †Ява†

Не можно лучше … И проще...

mc volchok(vol), и как? (прямо заинтриговали, чес. слово)

0 Сообщения: 133 Зарегистрирован: 15.05.03

Люды, памахите, будьте так добры:).
я на днях видала пример меню сделанного только на css, без ява-скрипта, мож вы тоже видали, тогда линку не дадите ли, в опчемь, помогите, кто чем может?

выпадающего на css?
а это в принципе возможно?
в css есть только 2 активных состояния - покой и наведение, а для выпадения требуется еще третье - ожидание действия.

...хотя, теоретически... если подумать... покажите пример :beer:

Такое плавно развертывающееся на Java наверное слишком сложно. А если просто выпадающее, то наверное вот так:

<html>
<body bgcolor="#006699">
<Head><style>
.hidden {position: absolute; visibility: hidden;}
.visible {position: absolute; visibility: visible; z-index: 2}
</style>
<script language="JavaScript">
function showObject(obj) {obj.className = "visible"}
function hideObject(obj) {obj.className = "hidden"}
</script>
</HEAD>
<body topmargin=0 leftmargin=0>
<div style="position: absolute;
top: 20px; left: 30px;"
onmouseover="javascript:showObject(Nav1)"
onmouseout="javascript:hideObject(Nav1)">
<img src="21.gif" width="110"
height="20" border="0">
</div>
<div id="Nav1" class=hidden"
style=position: absolute;
top: 30px; left: 40px
onmouseover="javascript:showObject(1)"
onmouseout="javascript:hideObject(1)">
<img src="1.gif">
</div>

Но это просто при наведении одна картинка "выезжает" из другой.
Еще надо прописать карты для картинок и в принципе будет нормально.
А еще есть такая прога Adobe Image Ready :gent:

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Цитата:

onmouseover="javascript:

таки то CSS или JS?

А черт его знает... :laugh:

Главное - просто и работает быстро! :gent:

Вообще, насколько я помню, прообраз этого кода я вычитал в журнале, и там он был озаглавлен как "Что-то там с помощью CSS".

P. S. Image Ready точно использует JavaScript, и там все получается несколько более громоздким, но если поработать над оптимизацией вручную, получается просто конфетка. :dandy:

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Угу! ТочнА! А если вообще не думать над тем, что ты делаешь, то конфетка может получиться даже из...
Ээээ, Ну того, что ты делаешь...
Впрочем, если топикстартера ЭТО удовлетворяет, то вазелин ему в руку... Хотя мне кажется, что это не тот ответ, который хотел получить человек, стремящийся стать хоть на 1% специалистом.

Сижу, обтекаю... :cry:

Ну как это не думать? Почему не думать? И почему это я по умолчанию "г..." делаю?
Скажем откровенно "специалист" я конечно тот еще, но я ж помочь хотел...
Не бейте, дяденька... пожалуйста...
Человек-то спросил вообще "не очень понятно что", но я так понял, что он интересуется реализацией на JavaScript (или просто Java). А про CSS потом уже пошло.
В общем приведенная болванка кода соответствует:

1). Требованию "хочу выпадающее меню".
2). При дальнейшей разработке может дать сколь угодно сложную систему навигации
3). Человек хотел Java - вот ему Java.
4). Про CSS посмотрю еще чего-нибудь, может и без Java найду.

Ежели что не так извиняйте...

P. S. Справедливости ради неплохо бы спросить мнение топикстартера...

Jeriho,

Цитата:

JavaScript (или просто Java)

- это уже сильный ход. Ежли уж зашла про тойный, билатъ, скрыптъ, то панымаишь, дарагой...

Язык Java (tm) фирмы СанМикросистем'с (tm) и язык JavaScript фирмы вовсе даже наоборот Netscape или даже вовсе JS фирмы Мелкомягкий инк. (ink-чернила, типа...)

Савсэм разный вэсчъ!

Спорить,что Java и JavaScript - разные вещи было бы глупо.
Но человек не уточнял, что ему надо. Я привел пример с участием Javascript и тоже не уточнял.
Извините за неточность терминологии.

0 Сообщения: 133 Зарегистрирован: 15.05.03

уточняю, может быть, навигация не совсем правильное слово, но ...при клике на линк подсвечивался например див
(не помню точно) с инфой, которая относится к этому пункту. и описание было, как сделано все мол только с css . мне на данный момент больше ничего не нужно..а может эта ерундень в шкафу не работала, поэтому я не сохранила линк?..вот балда:(

0 Сообщения: 133 Зарегистрирован: 15.05.03

в общем. пойди туда, не знаю куда. Найти то, не знаю почему и где, и в общем не при клике, а при маузовер и не ...смотрите сами..
вот это я искала, http://www.meyerweb.com/eric/css/edge/popups/demo.html

Под натиском товарища Akela полез в первоисточники выяснять, что же такое CSS есть, и как оно с JAVASCRIPT сочетается.
Перечитал книгу C. Айзекса (Scott Isaacs) Inside Dynamyc HTML, так там везде, где он говорит, что использует CSS у него сплошные <SCRIPT LANGUAGE="JAVASCRIPT">. Кому верить и как все это понимать?
Посмотрел Ваш линк - в самом деле ни одно строчки с JAVASCRIPT или другими "посторонними включениями".

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Jeriho,

Цитата:

где он говорит, что использует CSS у него сплошные <SCRIPT LANGUAGE="JAVASCRIPT">

текст в студию плз!

А потом, зачем Вам верить глупым книжкам, если Вам уже дали умные примеры?

И потом... Вааще-то есть ещё такая штука как обработчик события самого браузера. Так что JS тут в принципе довольно далеко лежит. Хотя, конечно же, можно и так. Более того, когда ничего лучше чем NN3Gold не было и все матерились на глючность IE3, то иначе и нельзя было.

Цитата:

А потом, зачем Вам верить глупым книжкам, если Вам уже дали умные примеры?

Нет, книжка очень хорошая (а пример вообще - супер) и дело не в том, кому верить, дело в том, как Вы верно заметили, что у всех браузеров есть встроенный интерпритатор для большинства распространенных сценариев который обрабатывает встроенные в HTML-код сценарии. Так считать ли эти сценарии частью СSS или нет?

Цитата:

текст в студию плз!

Пожалуйста: С. Айзекс, Dynamic HTML (секреты создания интерактивных Web-страниц) Microsoft Press (c) 1997
Перевод BHV-Cанкт-Петербург (с) 1998.
Часть третья. Стиль документа и анимация. Глава 11 Динамические стили. стр.345, Пульсирующие элементы.

[i]Приведенный ниже код расширяет возможности предыдущего примера путем ежесекундного изменения нескольких элементов (период изменения показаний таймера) и посредством использования нового класса для определения альтернативного стиля:

<HTML>
<HEAD>
<Title>
</Title>
<Style Type="text/css">
.pulsate{letter-spacing:2; font-weght: bold; color:blue}
</Style>

<SCRIPT LANGUAGE="javascript">
function pulsate() {
//получение всех элементов с именем "pulsate" или ID
var pEl = document.all.pulsate;
if (null == pEl.length //только один элемент

pEl.className == "pulsate" ?
''': "pulsate";
else //Повторение всех пульсирующих элементов.
for (var i=0; i < pEl.length; i++)
with (pEl[i])
classname = className == "pulsate" ?
''': "pulsate";
}
</script>
</HEAD>
<Body ONLOAD="window.tm = setinterval('pulsate()', 1500);"
ONUNLOAD="clearInterval(window.tm);">
<INPUT TYPE=BUTTON NAME="pulsate" VALUE="Click ME!">
</Body>
</HTML>

Он постоянно использует термин "динамические стили" но мне не удалось понять, имеет ли он в виду CSS, JS, или CSS+JS

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Jeriho, по моему Вы просто заморочились с терминологией.

"динамические стили" это они и есть. То есть регулируемое чем-то изменение тех или иных параметров CSS. А чем именно их менять - дело конкретики. В данном конкретном случае это JS. В общем случае есссно всегда, когда можно обойтись встроенными обработчиками - лучше ими и обходиться. Причина понятна - таки местами браузеры ещё по разному воспринимают JS, а изредка некоторые пользователи его отключают.

deadman, в опере кста ссылка некорректно работает.

Вообще-то я как раз (хоть и в шутку) сказал что мне не важно - главное, чтобы работало и быстро грузилось...
Это потом я полез разбираться и в самом деле заморочился...
Спасибо за разъяснение по динамическим стилям.

Цитата:

deadman, в опере кста ссылка некорректно работает.

Как именно некорректно? У меня и в Эксплорере и в FireFox все нормально.

Некстати (по поводу флэша). Как отцы Web-design'а относятся к флешовым сайтам? У меня устойчивая антипатия:
Нефункционально, дома на модеме с тоской ждешь пока оно загрузится, а на работе с ужасом ждешь, что у тебя вот-вот траффик кончится :laugh:

. Блин, даже и не смешно как-то :cry:

. Да еще: когда по HTML-ссылке правой кнопкой тыкаешь - куча функций, и главное - можно посмотреть, а действительно ли эта ссылочка ведет куда сказали, или там Trojan.exe болтается :laugh:

. А во флеше? Quality, About, и все!

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Jeriho, всё хорошо на своём месте. Бороться за чистоту жанра уже поздно - флэш стал стандартом. Можно только максимально аккуратно его использовать.

0 Сообщения: 35 Зарегистрирован: 19.12.04

Вот неплохой пример симбиоза JS и CSS http://www.bugira.ru/

Мда, отлично сделано. Проверил всеми четырьмя своими браузерами: работает. Супер. Тильки судя по первым строчкам в исходном коде оно сгенерено чем-то автоматически, а чем - не написано. Может кто знает чем такое делается? Было бы полезно посмотреть, а то я тут понаставил себе всяких программулек (называть не буду - все равно кривые) дык они генерят такой замечательный код, что его никто из нормальных браузеров за JavaScript не признает (а если и признает то обрабатывает криво), а firefox и вовсе стал искать какой-то плагин для воспроизведения... Прикинте: плагин для воспроизведения JavaScript :laugh:

Приходится ручками...

6 Сообщения: 1834 Зарегистрирован: 28.12.04

Jeriho писал(а):

судя по первым строчкам в исходном коде

Cудя по первым строчкам в исходном коде написано потрясающе КРИВОРУКИМ КОДЕРОМ

То, что Вас интересует, лежит в первых строчках JS. Смотрим:

Код:

CASCADING POPUP MENUS v5.2beta (c) 2001-2003 Angus Turnbull, http://www.twinhelix.com

Теперь смотрим сюда: http://www.twinhelix.com, а намного лучше прямо сюда: http://www.twinhelix.com/dhtml/popupmenu/

И все секреты. А что касается HTML-кода, то это http://validator.w3.org/check?verbose=1&uri=http%3A//www.bugira.ru/ 129 ошибок - позор. Причём там ещё и с разными отображениями приколы...

При этом даже эти "первые строчки безрукий кодер не смог прочесть и поместил ссылки на JS не внутри, а ПОСЛЕ head страницы. И скорее всего не сам, а так ему продиктовал визивижник.

И понятно, что сделано сочетанием двух разных визивижных редакторов. По ряду признаков один из них это Фронтпейдж (ну почти 100%), второй не опознаю прям сходу. Возможно HotDog, GoLive или ещё како говно...

0 Сообщения: 35 Зарегистрирован: 19.12.04

По мне (ну не хватает опыта мне) код вообще нечитабелен. Но само меню выглядит неплохо. Акела, спасибо за интересную ссылку.

ну здрасте, гдеж goLive гавно ?

6 Сообщения: 1834 Зарегистрирован: 28.12.04

bE(o0L, где именно? Ну например, на компьютерах пользователей. Кроме нормальных текстовых редакторов с подсветкой синтаксиса, поддержкой коллапса и пр. (типа Kate или SCite) для одних нужд и Дрима для других, все остальные редакторы имхо покуда что не имеют права на существование. Впрочем, это наверное оффтопик.

DeДверь
Логин:
Пароль:
	Автологин