Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.02.2012, 16:58
Новичок на форуме
Отправить личное сообщение для proud Посмотреть профиль Найти все сообщения от proud
 
Регистрация: 27.02.2012
Сообщений: 3

Проблема с overlib
Добрый день.
Помогите в решении моей проблемы. Есть скрипт overlib используется функция при нажатии мыши на объект появляется окошко, которое закрывается при помощи кнопки "закрыть". Проблема заключается в следующем: если добавить много текста, который должен появится в сплывающем окне, то оно "растет" вниз. Как сделать, чтобы текст в сплывающем окне выводился в 2-3 колонки, либо появлялся скроллбар.
Буду признателен за ответ.
Ответить с цитированием
  #2 (permalink)  
Старый 27.02.2012, 17:04
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

окошко какое? имитация через div? alert?
Ответить с цитированием
  #3 (permalink)  
Старый 27.02.2012, 17:13
Новичок на форуме
Отправить личное сообщение для proud Посмотреть профиль Найти все сообщения от proud
 
Регистрация: 27.02.2012
Сообщений: 3

Используется див.
Ответить с цитированием
  #4 (permalink)  
Старый 27.02.2012, 17:20
Новичок на форуме
Отправить личное сообщение для proud Посмотреть профиль Найти все сообщения от proud
 
Регистрация: 27.02.2012
Сообщений: 3

Скажем так, вот есть хтмл, надо, чтобы содержимое при клике на карту появлялось в окошке со скрол баром или выводилось в окошке в 2-3 колонки.

<html>
<head>


<script language="JavaScript1.2" type="text/javascript" src="overlib.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body>
<img src="mapa_ukraine.gif" width="500" height="337" border="0" usemap="#Map" />

<map name="Map">

  
  <area shape="rect" coords="213,69,261,103" href="javascript:void(0);" alt="Киев" onClick="return overlib('<strong>СПД Булабаш</strong><br>г. Киев<br>Тел.: (044) 451-52-00, (044) 560-42-07<br><br><strong>«Маркет OK»</strong><br>г. Киев<br>www.market-ok.com<br><br><strong>маг. «Техносвит»</strong><br>г. Обухов, ул.Киевская, 111-А<br>Тел.: (067) 404-05-70<br><br><strong>«Березань маркет»</strong><br>г. Березань<br>www.berezan-market.com<br><br><strong>«Пирятин маркет»</strong><br>г. Пиряин<br>www.pyriatyn-market.com<br><br><strong>«Яготин маркет»</strong><br>г. Яготин<br>www.yagotin-market.com<br><br><strong>«Борисполь маркет»</strong><br>г. Борисполь<br>www.borispol-market.com',STICKY,CAPTION,'Киевкая область', CLOSECLICK);" onMouseOut="return nd();" /> 
  <area shape="rect" coords="317,84,361,53" href="javascript:void(0);" alt="Сумы" onClick="return overlib('<strong>ФЛП Червяченко Константин</strong><br>г. Сумы<br>Тел.: 050-407-12-33<br>www.kova.com.ua<br><br><strong>«Сумы маркет»</strong><br>г. Сумы<br>www.sumy-market.com<br><br><strong>«Конотоп маркет»</strong><br>г. Конотоп,<br>www.konotop-market.com',STICKY, CAPTION,'Сумская область', CLOSECLICK);" onMouseOut="return nd();" /> 
  <area shape="rect" coords="417,162,454,183" href="javascript:void(0);" alt="Донецк" onClick="return overlib('<strong>СПД Виноградов</strong><br>г. Донецк, ул.Зинина, 19<br>Тел.: (062) 381-83-65',STICKY,CAPTION,'Донецк', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="517,132,464,163" href="javascript:void(0);" alt="Луганск" onClick="return overlib('<strong>СПД Виноградов</strong><br>г. Луганск<br>Тел.: (062) 381-83-65',STICKY,CAPTION,'Луганск', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="303,181,352,200" href="javascript:void(0);" alt="Кривой Рог" onClick="return overlib('<strong>Проэкт Юг</strong><br>Тел.: (095) 234-84-80<br><br><strong>Шепель Э.</strong><br>Тел.: (0564) 740-191, (067) 263-34-32',STICKY,CAPTION,'Кривой рог', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="307,104,351,123" href="javascript:void(0);" alt="Полтава" onClick="return overlib('<strong>«Потава маркет»</strong><br>г. Полтава<br>Тел.: (053) 265-70-06<br>www.poltava-market.com<br><br><strong>«Лубны маркет»</strong><br>г. Лубны, ул. Монастырская, 50<br>Тел.: (05361) 74-335<br>www.lubnymarket.com<br><br><strong>«Миргород маркет»</strong><br>г. Миргород,<br>www.mirgorod-market.com',STICKY,CAPTION,'Полтавкая область', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="297,144,311,123" href="javascript:void(0);" alt="Кременчуг" onClick="return overlib('<strong>ФЛП Зиновкин Руслан</strong><br>г. Кременчуг<br>Тел.: (0536) 70-19-89, 067-699-35-57<br><br><strong>«Кременчуг маркет»</strong><br>г. Кременчуг, ул. Октябрьская, 33<br>Тел.: (098) 021-81-77, (066) 281-53-71 <br>www.kremenchug-market.com',STICKY,CAPTION,'Кременчуг', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="430,90,370,123" href="javascript:void(0);" alt="Харьков" onClick="return overlib('<strong>ООО «Евро-комфорт»</strong><br>г. Харьков, пр-т. Гагарина, 31,<br>Тел.: (057) 731-87-57<br>wwww.euro-comfort.com.ua<br><br><strong>Харьков маркет</strong><br>(057) 780-20-40<br>www.kharkov-market.com',STICKY,CAPTION,'Харьков', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="295,237,250,197" href="javascript:void(0);" alt="Николаев" onClick="return overlib('<strong>«Каскад»</strong><br>г. Николаев, ул. Космонавтов, 61В,<br>Тел.: (0512) 580-088, (067) 511-80-04<br><br><strong>«Южная карта»</strong><br>г. Николаев, ул. Шевченко, 20/1,<br>Тел.: (0512) 670-023, (0512) 472-422',STICKY,CAPTION,'Николаев', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="1,134,47,159" href="javascript:void(0);" alt="Ужгород" onClick="return overlib('<strong>СПД Нагорный</strong><br>г. Ужгород<br>Тел.: (050) 671-40-34, (093) 150-05-17',STICKY,CAPTION,'Ужгород', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="196,159,159,111" href="javascript:void(0);" alt="Винница" onClick="return overlib('<strong>ФЛП Головченко Юрий </strong><br>г. Винница<br>Тел.: (067) 958-98-12<br>www.vincondi.com',STICKY,CAPTION,'Винница', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="297,179,251,153" href="javascript:void(0);" alt="Кировоград" onClick="return overlib('<strong>«Кировоград маркет»</strong><br>г. Кировоград, ул.Шевченко, 20/24<br>Тел.: (0522) 27-09-39<br>www.kirovograd-market.com',STICKY,CAPTION,'Кировоград', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="287,144,261,123" href="javascript:void(0);" alt="Черкассы" onClick="return overlib('<strong>«Гарантбудсервис»</strong><br>г. Черкассы, ул. Крещатик , 221<br>Тел.: (047) 238-30-07, (067) 217-20-52 <br><br><strong>«Черкассы маркет»</strong><br>г. Черкассы<br>www.cherkassy-market.com',STICKY,CAPTION,'Черкассы', CLOSECLICK);" onMouseOut="return nd();" />
  <area shape="rect" coords="237,64,271,23" href="javascript:void(0);" alt="Чернигов" onClick="return overlib('<strong>«Аайсберг»</strong><br>г. Чернигов, ул. Гетьмана Полуботка, 16<br>Тел.: (046)261-02-02, (050)313-18-07<br><br><strong>«Прилуки маркет»</strong><br>г. Прилуки,<br>www.priluki-market.com',STICKY,CAPTION,'Черниговская область', CLOSECLICK);" onMouseOut="return nd();" /> 
  
  
  
</map>
</body>
</html>
Ответить с цитированием
  #5 (permalink)  
Старый 27.02.2012, 19:33
Server
Отправить личное сообщение для Rootpassword Посмотреть профиль Найти все сообщения от Rootpassword
 
Регистрация: 26.09.2011
Сообщений: 252

вы у дива пропишите стиль типа
.div_style{
display:block;
max-width:500px;
max-height: 300px;
overflow:auto;
}

это ограничит ваш див по максимуму размеров 500 на 300, если не влезет-то будет скроллбар.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с дизайном после отправки xmlhttprequest, Проблема с дизайном после отправки cyberx AJAX и COMET 3 01.05.2010 17:07
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Проблема, в менюшке Большой джо Элементы интерфейса 0 12.07.2009 17:12
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47