VPF::вывод всплывающего окна с нужным текстом

ShamanVoodoo

Дата 14.4.2008, 01:33 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 74
Регистрация: 17.10.2007
Где: Сергиев Посад

Репутация: нет
Всего: -3

Сделал хинт скрытым слоем (при наведении на строку всплывает окно-подсказка) http://fabrikam.ru/s/?p=9

Вопрос следующий: как изменить текст в этом слое, чтобы при наведении курсора на другую строку текст подсказки менялся?

bars80080

Дата 14.4.2008, 10:07 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

наверно, задействовать более традиционный вариант

при наведении на строчку в функцию передаются значения this - указатель на объект и сам текст, после этого подсказка строится рядом с объектом this с этим текстом

получается либо придётся в кадой ячейке (или строчке, если удастся) задать событие onmouseover, либо отлпвливать все эти события на таблице

ShamanVoodoo

Дата 14.4.2008, 17:21 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 74
Регистрация: 17.10.2007
Где: Сергиев Посад

Репутация: нет
Всего: -3

а можно пример какой-нибудь? smile

bars80080

Дата 14.4.2008, 17:38 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

Код

<style>
td { position: relative; }
td div { display: none; position: absolute; border: solid 1px #ff00ff; background: #ffccff; }
</style>

<script>
function showhid(x, y) {
    if(y == 1) a = 'block';
    else a = 'none';
    x.getElementsByTagName('div')[0].style.display = a; }
</script>

<table>
<tr><td onmouseover="showhid(this, 1);" onmouseout="showhid(this, 0);">картинка <div>подсказка</div></td></tr> 
<tr><td onmouseover="showhid(this, 1);" onmouseout="showhid(this, 0);">картинка1 <div>подсказка1</div></td></tr> 
</table>

ShamanVoodoo

Дата 14.4.2008, 18:19 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 74
Регистрация: 17.10.2007
Где: Сергиев Посад

Репутация: нет
Всего: -3

а как-нибудь можно все это делать через 1 слой? чтобы в нем выводилась разная информация?

bars80080

Дата 15.4.2008, 10:50 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 44
Всего: 315

да можно

Код

<style>
td { position: relative; }
#help { display: none; position: absolute; border: solid 1px #ff00ff; background: #ffccff; }
</style>

<script>
function showhid1(x, y, z) {
    if(x != 1) { document.getElementById('help').style.display = 'none'; return; }
    obj = document.getElementById('help');
    obj.style.left = y.offsetLeft; obj.style.top = y.offsetTop + 20;
    obj.innerHTML = z;
    obj.style.display = 'block'; }
</script>

<table>
<tr><td onmouseover="showhid1(1, this, 'подсказка');" onmouseout="showhid1(0);">картинка </td></tr> 
<tr><td onmouseover="showhid1(1, this, 'подсказка1');" onmouseout="showhid1(0);">картинка1 </td></tr> 
</table>
<div id="help"></div>

ShamanVoodoo

Дата 15.4.2008, 13:58 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 74
Регистрация: 17.10.2007
Где: Сергиев Посад

Репутация: нет
Всего: -3

спасибо)

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »