Новые ответы

Нужен JS,

Lamotester, 28-Авг-06, 09:20 [смотреть все]

помогите...
Низнаю - может я не туда залез, но надеюсь кто нибуть сможет мне помочь.
У меня проблемка - нужен JS, чтобы при наведении на картинку (без ссылки) появлялась всплывающая подсказка, в которой будет отображаться увеличенная картинка и текст (а лучше html - <table>...). Я с джавой не дружу, так что делал это с помощью одной проги - код вышел громоздкий (120 кб =) ) и ясное дело там 400% нафиг не нужно ибо это шаблонка... Надо срочно, а времени учить язык нет =(

Ответить | Сообщить модератору

Нужен JS, dev, 12:12 , 28-Авг-06 (1)
>помогите...
>Низнаю - может я не туда залез, но надеюсь кто нибуть сможет
>мне помочь.
>У меня проблемка - нужен 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>
Ответить | Сообщить модератору

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

Нужен JS, dev, 14:09 , 28-Авг-06 (3)
>О! спасибо, почти то что нужно, а главное шустро ;)
>Один вопрос - а как сделать так, чтобы коммент появлялся сверху объекта,
>а не снизу как в данном случае?
Короткий ответ - задолбаешься :)
Но если очень хочется, то можно устанавливать o.style.top и o.style.left при показе подсказки. Главная проблема в том, как получить координаты основного элемента. Сделать это можно, но нетривиально; поэтому искать и отлаживать в разных браузерах мне лень.
При этом еще учти, что если подсказка и основной элемент перекрываются, то надо хитро отслеживать, когда же спрятать подсказку, иначе мигать будет.
Ответить | Сообщить модератору

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

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

Нужен JS, dev, 14:35 , 28-Авг-06 (5)
>>можно устанавливать o.style.top и o.style.left при показе
>>подсказки.
>мои мозги не могут осилить - где прописывать эти строки? с синтаксисом
>совсем не знаком... =(
Перед o.style.display = "";
Вот только чего ты в них запишешь - угадывай сам.
Ответить | Сообщить модератору