 |
|
Модераторы: Sardar, Aliance |
 
|
|
плавающая подсказка как на google map 
| Luxer |
|
|||
 Новичок Профиль Группа: Участник Сообщений: 24 Регистрация: 27.3.2007 Где: Москва Репутация: нет Всего: нет |
Подскажите, пожалуйста,
как можно сделать "плавающую" ссылку внутри котрой находится либо текст,который в свою очередь является ссылкой ,либо картинка-ссылка на др. страницу. Причем этот слой в виде облака с галочкой (как на google maps http://maps.google.ru/maps?hl=ru&tab=wl ) должен отбрасывать тень(не обязательно) и размещаться в нужном месте на странице, причем эта страница не является картой. Может быть (раз на гугле это есть) такой скрипт есть в свободном доступе или в платном? |
|||
|
||||
Загрузка ...
| bars80080 |
|
|||
 прапор творюет  Награды: 1 Профиль Группа: Завсегдатай Сообщений: 12022 Регистрация: 5.12.2007 Где: Königsberg Репутация: 15 Всего: 315 |
по описанию просто слой с абсолютным позиционированием привязанный к определённому месту, при наведении на которое всплывает этот слой.
а тень тоже доп слой под подсказкой с эффектом прозрачности или нет |
|||
|
||||
| Wolf1994 |
|
|||
|
Эксперт Профиль Группа: Завсегдатай Сообщений: 1701 Регистрация: 5.10.2004 Репутация: 4 Всего: 29 |
Luxer, есть похожий скрипт:
http://chess.wolf-ware.ru/ Выделен тэгами "//Tooltip stuff------------": http://chess.wolf-ware.ru/scripts.js Надо очистить от элементов: bar,smile,photo, которые имеют отношение к другой части скриптов. |
|||
|
||||
| Luxer |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 24 Регистрация: 27.3.2007 Где: Москва Репутация: нет Всего: нет |
Wolf1994 , спасибо.
Правда я не совсем представляю как можно в стилях прописать оформление облака с острием, отходящим от информационного блока. Можно прописать прозрачность лишней части, но ведь она не во всех браузерах поддерживается. Присоединённый файл ( Кол-во скачиваний: 21 ) 
com.jpg 28,33 Kb |
|||
|
||||
| Wolf1994 |
|
|||
|
Эксперт Профиль Группа: Завсегдатай Сообщений: 1701 Регистрация: 5.10.2004 Репутация: 4 Всего: 29 |
Можно использовать gif картинку со свойством transparency - поддерживается всеми браузерами, если не ошибаюсь.
Это сообщение отредактировал(а) Wolf1994 - 28.2.2008, 16:15 |
|||
|
||||
| Sardar |
|
|||
 Бегун Профиль Группа: Модератор Сообщений: 6986 Регистрация: 19.4.2002 Где: Нидерланды, Groni ngen Репутация: 78 Всего: 317 |
Треугольники можно рисовать border-ом, но по моему иногда встречаются бордюры округлые. Пример.
-------------------- Опыт - сын ошибок трудных © А. С. Пушкин Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik Оценить мои качества можно тут. |
|||
|
||||
| dead_psh |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 34 Регистрация: 13.3.2007 Репутация: нет Всего: нет |
||||
|
||||
| Luxer |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 24 Регистрация: 27.3.2007 Где: Москва Репутация: нет Всего: нет |
Я сделал это облако комментариев как рисунок с прозрачной тенью. Вот ссылка на него http://remike.ru/comment/comment.htm
Странно, в браузере Сафари все отображается нормально, а вот в браузере IE прозрачность видна,но на голубом фоне. Версия моего браузера IE 6.0 , по-моему он не очень старый, чтобы не поддерживать изображения png или нет? Вот фрагмент кода:
Это сообщение отредактировал(а) Luxer - 28.2.2008, 20:01 |
|||
|
||||
| ksnk |
|
|||
 прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 84 Всего: 386 |
Интересно, а почему никто на фреймфорки не послал ?
Вот тут есть тултип на jQuery. Такого -же примерно добра можно нарыть и на prototype и на всем, что в голову придет... Искать в Гугле по слову "fancy tooltip" -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально !  |
|||
|
||||
| Sardar |
|
|||
|
Бегун Профиль Группа: Модератор Сообщений: 6986 Регистрация: 19.4.2002 Где: Нидерланды, Groni ngen Репутация: 78 Всего: 317 |
Баг убрали начиная с IE 7.0 В ранних версиях грузить картинку нужно через фильтр AlphaImageLoader, вбей в поиск или гугл. -------------------- Опыт - сын ошибок трудных © А. С. Пушкин Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik Оценить мои качества можно тут. |
|||
|
||||
| Luxer |
|
|||
|
Новичок Профиль Группа: Участник Сообщений: 24 Регистрация: 27.3.2007 Где: Москва Репутация: нет Всего: нет |
ksnk ,спасибо , то что нужно!
Теперь ток надо разобраться  Это сообщение отредактировал(а) Luxer - 29.2.2008, 00:31 |
|||
|
||||
|
|
| Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию. |
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | JavaScript: Общие вопросы | Следующая тема » |
[ Время генерации скрипта: 0.0936 ] [ Использовано запросов: 22 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |