1. chiv - 12 Декабря, 2005 - 11:04:42 - перейти к сообщению
Есть таблица с данными. Как сделать так, чтобы по умолчанию в столбце выводились строки не более определённой длины (скажем не более 15 символов), а при наведении мыши отображалась строка целиком?
2. Леголегс - 12 Декабря, 2005 - 11:51:13 - перейти к сообщению
На JavaScript? Гм. А всплывающие подсказки (td title="полный текст"
не рулят?
не рулят?
3. chiv - 12 Декабря, 2005 - 12:08:55 - перейти к сообщению
Моя Опера их не показывает...
4. Ray Wen - 12 Декабря, 2005 - 12:19:10 - перейти к сообщению
chiv
Для ссылки делай, тогда будет показывать...
Для ссылки делай, тогда будет показывать...
5. chiv - 13 Декабря, 2005 - 00:49:24 - перейти к сообщению
А как сделать, чтобы полный текст был одной строкой (по крайней мере если помещается на экране) и "поверх" укороченной строки?
6. Дмитрий Б. - 13 Декабря, 2005 - 06:41:37 - перейти к сообщению
Никак. Или делай подсказку на JS:
CODE:
<div onmouseover="showHint('hint1');" onmouseout="hideHint('hint1');">HTML</div>
<div id="hint1" style="position:absolute; left:0; top:0; visibility: hidden; z-index: 1; background-color: #d0d0d0">Язык разметки гипертекста</div>
<script type="text/javascript" language="JavaScript">
<!--
function showHint(id)
{
try
{
var a=document.getElementById(id).style;
a.visibility="visible";
a.left=event.clientX;
a.top=event.clientY;
}
catch (var e)
{
}
}
function hideHint(id)
{
try
{
var a=document.getElementById(id).style;
a.visibility="hidden";
a.left=event.clientX;
a.top=event.clientY;
}
catch (var e)
{
}
}
//-->
</script>
<div onmouseover="showHint('hint1');" onmouseout="hideHint('hint1');">HTML</div>
<div id="hint1" style="position:absolute; left:0; top:0; visibility: hidden; z-index: 1; background-color: #d0d0d0">Язык разметки гипертекста</div>
<script type="text/javascript" language="JavaScript">
<!--
function showHint(id)
{
try
{
var a=document.getElementById(id).style;
a.visibility="visible";
a.left=event.clientX;
a.top=event.clientY;
}
catch (var e)
{
}
}
function hideHint(id)
{
try
{
var a=document.getElementById(id).style;
a.visibility="hidden";
a.left=event.clientX;
a.top=event.clientY;
}
catch (var e)
{
}
}
//-->
</script>
7. chiv - 13 Декабря, 2005 - 08:31:39 - перейти к сообщению
Дмитрий Б.
Спасибо! Это похоже на то, что нужно... только пока не совсем работает...
Спасибо! Это похоже на то, что нужно... только пока не совсем работает...
8. Дмитрий Б. - 14 Декабря, 2005 - 02:38:48 - перейти к сообщению
CODE:
<div onmouseover="showHint('hint1');" onmouseout="hideHint('hint1');">HTML</div>
<div id="hint1" style="position:absolute; left:0; top:0; visibility: hidden; z-index: 1; background-color: #d0d0d0">Язык разметки гипертекста</div>
<script type="text/javascript" language="JavaScript">
<!--
function showHint(id)
{
var e;
try
{
var a=document.getElementById(id).style;
a.visibility="visible";
a.left=event.clientX;
a.top=event.clientY;
}
catch (e)
{
}
}
function hideHint(id)
{
var e;
try
{
var a=document.getElementById(id).style;
a.visibility="hidden";
a.left=event.clientX;
a.top=event.clientY;
}
catch (e)
{
}
}
//-->
</script>
<div id="hint1" style="position:absolute; left:0; top:0; visibility: hidden; z-index: 1; background-color: #d0d0d0">Язык разметки гипертекста</div>
<script type="text/javascript" language="JavaScript">
<!--
function showHint(id)
{
var e;
try
{
var a=document.getElementById(id).style;
a.visibility="visible";
a.left=event.clientX;
a.top=event.clientY;
}
catch (e)
{
}
}
function hideHint(id)
{
var e;
try
{
var a=document.getElementById(id).style;
a.visibility="hidden";
a.left=event.clientX;
a.top=event.clientY;
}
catch (e)
{
}
}
//-->
</script>
9. chiv - 14 Декабря, 2005 - 11:59:53 - перейти к сообщению
Уже работает
Только пока не совсем так, как хотелось:
1) Несмотря на указание "position:absolute; left:0; top:0;" в Опере происходит привязка к курсору, а в ИЕ элемент с текстом появляется вообще на некотором (всегда разном) расстоянии от курсора (как по горизонтали, так и по вертикали)... Как сделать так, чтобы полный текст начинался там же, где и сокращенная версия?
2) Как сделать так, чтобы полный текст был одной строкой?
Оч. хочется чтоб полный текст появлялся поверх сокращённого и текста в столбцах справа, а не так как сейчас:
Только пока не совсем так, как хотелось:1) Несмотря на указание "position:absolute; left:0; top:0;" в Опере происходит привязка к курсору, а в ИЕ элемент с текстом появляется вообще на некотором (всегда разном) расстоянии от курсора (как по горизонтали, так и по вертикали)... Как сделать так, чтобы полный текст начинался там же, где и сокращенная версия?
2) Как сделать так, чтобы полный текст был одной строкой?
Оч. хочется чтоб полный текст появлялся поверх сокращённого и текста в столбцах справа, а не так как сейчас:
10. Дмитрий Б. - 15 Декабря, 2005 - 02:14:24 - перейти к сообщению
Привязка к курсору - искусственная, вот эти строки:
CODE:
С размером можно бороться - добавь в style для div'а параметр width=300px; (например).
a.left=event.clientX;
a.top=event.clientY;
a.top=event.clientY;