The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]

форумы  помощь  поиск  регистрация  майллист  ВХОД  слежка  RSS
"Нужен JS"
Вариант для распечатки  
Пред. тема | След. тема 
Форумы WEB технологии (Public)
Изначальное сообщение [Проследить за развитием треда]

"Нужен JS"  
Сообщение от Lamotester email on 28-Авг-06, 09:20 
помогите...
Низнаю - может я не туда залез, но надеюсь кто нибуть сможет мне помочь.
У меня проблемка - нужен JS, чтобы при наведении на картинку (без ссылки) появлялась всплывающая подсказка, в которой будет отображаться увеличенная картинка и текст (а лучше html - <table>...). Я с джавой не дружу, так что делал это с помощью одной проги - код вышел громоздкий (120 кб =) ) и ясное дело там 400% нафиг не нужно ибо это шаблонка... Надо срочно, а времени учить язык нет =(
Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

 Оглавление

  • Нужен JS, dev, 12:12 , 28-Авг-06, (1)  
    • Нужен JS, Lamotester, 13:29 , 28-Авг-06, (2)  
      • Нужен JS, dev, 14:09 , 28-Авг-06, (3)  
        • Нужен JS, Lamotester, 14:26 , 28-Авг-06, (4)  
          • Нужен JS, dev, 14:35 , 28-Авг-06, (5)  

Сообщения по теме [Сортировка по времени, UBB]


1. "Нужен JS"  
Сообщение от dev email(??) on 28-Авг-06, 12:12 
>помогите...
>Низнаю - может я не туда залез, но надеюсь кто нибуть сможет
>мне помочь.
>У меня проблемка - нужен JS, чтобы при наведении на картинку (без ссылки) появлялась всплывающая подсказка, в которой будет отображаться увеличенная картинка и текст (а лучше html - <table>...). Я с джавой не дружу, так что делал это с помощью одной проги - код вышел громоздкий (120 кб =) ) и ясное дело там 400% нафиг не нужно ибо это шаблонка... Надо срочно, а времени учить язык нет =(


<html>
<head>
    <script>
        function show(id)
        {
            var o = document.getElementById(id);
            if(o == null) return;

            o.style.display = "";
        }

        function hide(id)
        {
            var o = document.getElementById(id);
            if(o == null) return;

            o.style.display = "none";
        }
    </script>

    <style>
        .popup { position: absolute; background-color: yellow; width: 100px; }
    </style>
</head>

<body>

<div onmouseover="show('popup1')" onmouseout="hide('popup1')">
    some text and image
</div>
<div style="display:none" id="popup1" class="popup">
    popup text popup text popup text popup text popup text popup text
</div>

<div onmouseover="show('popup2')" onmouseout="hide('popup2')">
    another text and image
</div>
<div style="display:none" id="popup2" class="popup">
    popup text 2 popup text 2 popup text 2 popup text 2 popup text 2 popup text 2
</div>

</body>

</html>

Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

2. "Нужен JS"  
Сообщение от Lamotester email on 28-Авг-06, 13:29 
О! спасибо, почти то что нужно, а главное шустро ;)
Один вопрос - а как сделать так, чтобы коммент появлялся сверху объекта, а не снизу как в данном случае?

Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

3. "Нужен JS"  
Сообщение от dev email(??) on 28-Авг-06, 14:09 
>О! спасибо, почти то что нужно, а главное шустро ;)
>Один вопрос - а как сделать так, чтобы коммент появлялся сверху объекта,
>а не снизу как в данном случае?

Короткий ответ - задолбаешься :)

Но если очень хочется, то можно устанавливать o.style.top и o.style.left при показе подсказки. Главная проблема в том, как получить координаты основного элемента. Сделать это можно, но нетривиально; поэтому искать и отлаживать в разных браузерах мне лень.

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

Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

4. "Нужен JS"  
Сообщение от Lamotester email on 28-Авг-06, 14:26 
>можно устанавливать o.style.top и o.style.left при показе
>подсказки.
мои мозги не могут осилить - где прописывать эти строки? с синтаксисом совсем не знаком... =(

>мне лень.

ясное дело =) самое хорошее, что не лень было написать это мне. ещё раз сенкс! =)

Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

5. "Нужен JS"  
Сообщение от dev email(??) on 28-Авг-06, 14:35 
>>можно устанавливать o.style.top и o.style.left при показе
>>подсказки.
>мои мозги не могут осилить - где прописывать эти строки? с синтаксисом
>совсем не знаком... =(

Перед o.style.display = "";
Вот только чего ты в них запишешь - угадывай сам.

Правка | Высказать мнение | Ответить | Cообщить модератору | Наверх

Архив | Удалить

Индекс форумов | Темы | Пред. тема | След. тема
Оцените тред (1=ужас, 5=супер)? [ 1 | 2 | 3 | 4 | 5 ] [Рекомендовать для помещения в FAQ]




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру