имею ячейку таблицы фиксированного размера
<td width="183" height="186">

если текст не помещается в ячейке, то она автоматом увеличится...

и вот вопрос...
Можно ли средствами javascript определить, что текст не поместился в этой ячейке?

А это нужно? Вообще, она автоматом будет увеличиваться. Плюс еще есть свойства overflow и clip

Посмотри тут

Aliance,Lamer George

ну свойства оверфлоу и клип кажись не действуют для таблицы...
а вот воткнув внутрь div

не совсем то, но вывело меня на правильную мысль
пасиб

Aliance

вдогонку...
что она автоматом будет увеличиваться я отлично понимаю...

вот это то и не устраивает...
идиот дизайнер... вогнал новости , по определению неизвестного размера, в фиксированную ячейку... соответственно дизайн расползается...

в общем то и скроллинг не очень смотриться...

думаю ... как определить сколько текста не поместилось...
и соответственно изменить его до нужных размеров

Не понимаю. У мен сайт на таблицах построен - все прекрасно работает. Кидай код. Только это уже в верстку...

fregs если размеры ячейки были заданны стилями, то их можно прочесть в ячейка.style.(width|height). Иначе в аттрибутах. Реальные же лежат в offset(Width|Height) и в currentStyle(под ИЕ). Поэкспериментируй:

Код

<table> <tr><td id="test" width="10">sfjsalkfjsdalfk;jsalkfjsalfjsa;lfjsa;klfjsd;alkfjdklsajfslkd;j</td></tr> </table> <br /> <script type="text/javascript"> <!-- function w(s) { document.write(s+"<br />\n"); } function v(vl) { return (vl!="")? "<b>"+vl+"</b>": "<b style='color: red'>empty</b>"; } var td=document.getElementById("test"); w("DOM1 width: "+v(td.width)); w("attribute: "+v(td.getAttribute("width"))); w("style: "+v(td.style.width)); w("offset: "+v(td.offsetWidth)); w("scroll: "+v(td.scrollWidth)); //--> </script>

Sardar

угу....
ну у меня оно растет в высоту, но не суть...

DOM1 height: 186
attribute: 186
style: empty
offset: 325
scroll: 325

я в ЖС не силен, поэтому не серчайте за нескромный вопрос...
а удастся ли изменить текст в td, без обновления страницы?

лишнюю часть текста приблизительно удается вычислить, а значит ее можно будет вырезать и вставить в конце, что то вроде "подробнее..."

сорри за НБ вопрос...
сначала спросил потом полазил и написал...

Код

if (td.scrollHeight > td.height){document.getElementById('test').innerHTML = 'text'; }

итак окончательно:

Код

<script type="text/javascript"> <!-- function sub_text(){   var s_text = document.getElementById('test').innerHTML;     var s_add = ' ...<div style="text-align:right ; padding-right: 5px"><a style="FONT-WEIGHT: bold; color:#FF7927;" href="archive.php5"> далее &gt;&gt; </a><div>';   i_max = Math.round(s_text.length * (td.height/td.scrollHeight));   s_text = s_text.substring(0, i_max - 60); // запас под div   i_sep = s_text.lastIndexOf(' ');   s_text = s_text.substring(0, i_sep);      s_text = s_text + s_add;   document.getElementById('test').innerHTML = s_text; } if (td.scrollHeight > td.height){ sub_text(); } if (td.scrollHeight > td.height){ sub_text(); } if (td.scrollHeight > td.height){ sub_text(); } //--> </script>

sub_text() повторил вызов три раза... чтобы нивелировать погрешность вычисления...
не хотел рекурсивно вызывать

и еще вопрос...
вся фишка в проверке td.scrollHeight > td.height

что лучше использовать, для переносимости на разных броузерах?
td.offsetHeight или td.scrollHeight?

Оба метода поддерживаются начиная с 4ой версии

Это сообщение отредактировал(а) Aliance - 22.3.2005, 11:47

Aliance

оба поддерживаются но файрефокс и Макстон дают разные значения
что настораживает

Файрефокс, Нетшкаф
DOM1 height: 186
attribute: 186
style: empty
offset: 186
scroll: 186

Макстон
DOM1 height: 186
attribute: 186
style: empty
offset: 186
scroll: 182

Опера 7 вообще отказалась парсить код
хм....

не любит innerHTML?

Цитата

Опера 7 вообще отказалась парсить код хм....

после обновления страницы работает и в Опере...

все пасиб еще раз

Цитата(fregs @ 22.3.2005, 11:14)

оба поддерживаются но файрефокс и Макстон дают разные значения что настораживает

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