|
Модераторы: Sardar, Aliance |
|
xzxz |
|
||||||
Новичок Профиль Группа: Участник Сообщений: 5 Регистрация: 24.5.2011 Репутация: нет Всего: нет |
Всплывающие подсказки tooltip на javascript:
Все началось с того что я решил найти готовый движок всплывающих подсказок tooltip. Не найдя того что мне нужно, я был вынужден написать свой движок. Тщательно протестировал его на старых браузерах, так что можете быть уверенными что код работает во всех браузерах, а в браузере IE аж начиная с версии 5,5 Теперь разберем как работает код! Подробное описание: В чем вообще преимущество данного движка? В том что не нужно ничего программировать и разбираться в коде Давайте сразу разберем пример: Допустим у вас есть html код в котором есть теги у которых есть id
Как сделать так чтобы при навидении на div-ы с id равными lololo и lololox всплывали подсказки причем для каждого id своя подсказка? Для начала подключите код движка желательно перед тегом </head> Можете поместить этот движок в отдельный файл, например tooltip.js без тегов и подключать его к своему сайту:
Дальше после подключенного движка можно его запускать с помощью следующего кода:
Все описанные выше скрипты с примерами собраны в архив: Это сообщение отредактировал(а) xzxz - 29.7.2011, 23:32 Присоединённый файл ( Кол-во скачиваний: 5 ) vertas_tools.zip 50,92 Kb |
||||||
|
|||||||
xzxz |
|
||||||||||||||||||||||||||
Новичок Профиль Группа: Участник Сообщений: 5 Регистрация: 24.5.2011 Репутация: нет Всего: нет |
Давайте теперь посмотрим для чего нужен какой параметр:
Большинство параметров не требуют установки, поэтому можно упростить наш скрипт и написать его так:
можно написать и так, обратите внимание что подсказка представляет собой изображение!
Работа с cookie: Скрипт работает во всех браузерах включая IE начиная с версии 5.5 Для начала подключите код движка желательно перед тегом </head> Можете поместить этот движок в отдельный файл, например cooker.js без тегов и подключать его к своему сайту:
Создание cookie:
Устанавливать cookie можно с большем числом параметров, например так:
Или так:
Получение параметра из cookie:
Можно и так:
Удаление cookie:
Проверяем включены ли в браузере cookie:
Или и так:
Описание параметров при создании cookie:
NRMSLib - библиотека скриптовых эффектов - эффект снега (снег на сайт) - эффект дождя на javascript (дождь на сайт) - эффект пузырей на javascript (пузыри на сайт) - эффект сквозь вселенную на javascript - эффект печатающегося текста как в матрице на javascript - эффект матрицы на javascript - предварительная загрузка сайта на javascript - раздвижная панель на javascript - выезжающая панель на javascript - панель вверху на javascript - панели аккордеон на javascript - прогресс бар на javascript - показ картинок на javascript - работа с кукиесами на javascript - свой чат на javascript - звук на сайт на javascript - готовые функции на javascript и т.д. Все описанные выше скрипты с примерами собраны в архив: Присоединённый файл ( Кол-во скачиваний: 5 ) vertas_tools.zip 50,92 Kb |
||||||||||||||||||||||||||
|
|||||||||||||||||||||||||||
Sardar |
|
|||
Бегун Профиль Группа: Модератор Сообщений: 6986 Регистрация: 19.4.2002 Где: Нидерланды, Groni ngen Репутация: 16 Всего: 317 |
Ох е... По стилю скрипт писался лет 7 назад... Практическая ценность не высокая, особенно из-за тяги все до последней мелочи накодить самому. В учебных целях было бы полезно, но стиль... может быть придираюсь. В целом похоже на "копипасту", оставлю здесь до первой жалобы.
На практике лучше строить на базовой библиотеке, к примеру jQuery, код станет во много раз короче. -------------------- Опыт - сын ошибок трудных © А. С. Пушкин Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik Оценить мои качества можно тут. |
|||
|
||||
IDVsbruck |
|
|||
Опытный Профиль Группа: Участник Сообщений: 778 Регистрация: 12.11.2006 Репутация: нет Всего: 22 |
Sardar,
согласен однозначно. А в учебных целях - НИ В КОЕМ СЛУЧАЕ! Новичкам нельзя прививать многие приемы, реализованные в этой "библиотеке". Например, чего стоит парсинг положения каждого элемента в цикле (!) с последующим назначением. Или целая простыня с однотипным "document.getElementById('panel_p_el_m').style." - это нужно, что подряд в каждой строке искать в доме один и тот же элемент по айди? Странные совершенно повторяющиеся функции, единственным отличием которых является айди элемента - нельзя это серьезно оптимизировать? Таких оговорок - воз и маленькая тележка. Целесообразность создания такой библы и вовсе под вопросом. На кой в одном файле в 75 Кб (!) и работа с элементами, и непонятные эффекты, и звук, и куки? - Кто может быть потребителем такого? - Здравомыслящий человек ЭТИМ не будет пользоваться. ЭТО сложно применить. Да и зачем? - Новичку оно не нужно, а если человек уже разбирается, то пользуется фреймворками или сам пишет и использовать то, где буквально в каждой строчке getElementById с мильоном буквочек и дикими массивами, не будет. Многим на странице нужен "дождь" из нуликов? - На дворе, поди, не 95-тый год ... Оффтоп! Это почти не касается приведенной тут библиотеки, просто навеяло - давно хотел высказаться. Еще одна вещь, которую я пропагандирую и которой, как мне кажется, нужно приучать новичков. Она была бы моим ИМХО, если бы не рекомендации Sun, которые я нашел относительно недавно. Любители пописАть делают так: if (anything) { something } else { more } Убивал бы! Допустим, вопрос местонахождения фигурной скобки остается на совести программиста. Но необходимости использования фигурных скобок для единичных выражений, по мнению того же Сан, нет. Неужели места не жаль? (у меня огромный монитор и мне видно ОЧЕНЬ много текста, но разве все используют 30-тидюймовые мониторы?) Насколько лаконичней, оптимальней и симпатичней (ИМХО) код: if (anything) something else more Повторюсь - это не хак и не использование недокуметированных возможностей, не глюк и не обход. Это - нормальная практика. И если у себя можно что угодно и как удобно, то при выкладывании на форум листингов необходимо руководствоваться а) этикой; б) экономить место - чем больше текста, тем меньше вероятность, что помогут с вопросами. |
|||
|
||||
fish9370 |
|
||||
Опытный Профиль Группа: Участник Сообщений: 663 Регистрация: 15.4.2007 Где: Москва Репутация: нет Всего: 1 |
сколько программистов столько и стилей оформления кода.. я предпочетаю правило - каждая команда на новой строке..
-------------------- undefined |
||||
|
|||||
Здесь публикуют скрипты, которые уже проверены в обсуждениях других тем (при этом полезно поставить ссылки на все смежные обсуждения) или переносятся кем-либо из модераторов по просьбе участников, если видно, что в результате обсуждения темы был написан полезный или интересный скрипт. Третий возможный вариант - участник форума публикует скрипт, заведомо известный как полезный и эффективный, для, возможно, небольшой доработки и обсуждения. |
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | JavaScript: Наши скрипты | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |