Текст подобно подписям к ярлыкам Windows
Текущий рейтинг темы: Нет
BlackSun
Новичок
Всего сообщений: 4 Рейтинг пользователя: 0
Дата регистрации на форуме: 17 июня 2007
|
Профиль | Сообщить модератору | ИгнорироватьNEW! Сообщение отправлено: 17 июня 2007 0:19
Подскажите, плиз, как показать текст в прямоугольнике определённого размера (как подписи к ярлыкам на рабочем столе Windows), а при наведении мыши текст показывается полностью (это необязательно, но желательно), при уходе мыши текст возвращается в исходное состояние. При этом, если текст имеет слово, длинне ширины прямоугольника, то слово разрывается и переносится на другую строку (а не как, например, при этом увеличивается ячейка таблицы (<TD> c указанными width и height), т.е. вывод текста не выходит за рамки прямоугольника? | | |
4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
Откуда: Москва Всего сообщений: 2994 Рейтинг пользователя: 79 Дата регистрации на форуме: 29 сен. 2001
|
Профиль | Сообщить модератору | ИгнорироватьNEW! Сообщение отправлено: 18 июня 2007 11:41 Сообщение отредактировано: 19 июня 2007 0:13
Без переноса — очень просто пишешь <div id="help1" style="height: 100px; width: 200px; overflow: hide" onmouseover="this.style.height='auto'; this.style.overflow='visible';" onmouseout="this.style.height='100px'; this.style.overflow='hide'">Текст</div>
Чтобы слово переносилось, в длинных словах нужно вставлять символ мягкого переноса (но он не работает в Firefox 2.0).
P.S. Код я не тестировал, так как ставил целью продемонстрировать общую идею, возможны мелкие ошибки.
--- Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
| | |
BlackSun
Новичок
Всего сообщений: 4 Рейтинг пользователя: 0
Дата регистрации на форуме: 17 июня 2007
|
Профиль | Сообщить модератору | ИгнорироватьNEW! Сообщение отправлено: 18 июня 2007 16:53
спасибо, код не работает, также IE выводит предупреждение о блокировке активного содержимого. Вот если бы как-то сделать, чтобы на символах мягкого переноса IE не ставил дефис при переносе, было бы здорово (интересует только IE)... | | |
4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
Откуда: Москва Всего сообщений: 2994 Рейтинг пользователя: 79 Дата регистрации на форуме: 29 сен. 2001
|
Профиль | Сообщить модератору | ИгнорироватьNEW! Сообщение отправлено: 19 июня 2007 0:12
Код не работает из-за этого: this.style.height='auto; this.style.overflow='visible'-- тут после auto должен еще один апостроф стоять.
BlackSun, попробуй вместо мягкого переноса поставить символ zero-width space (не помню сейчас его обозначения, кажется, &zwsp;, но поищи где-нибудь более точное).
--- Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
| | |
BlackSun
Новичок
Всего сообщений: 4 Рейтинг пользователя: 0
Дата регистрации на форуме: 17 июня 2007
|
Профиль | Сообщить модератору | ИгнорироватьNEW! Сообщение отправлено: 19 июня 2007 0:30
апостроф я поставил сам, когда просматривал код - не работает. Нулевой пробел помогает с переносом, но вместо него отображается некий символ в виде прямоугольника, также я читал в инете, что нулевой пробел не поддерживается IE | | |
4X_Pro
Руководитель Проекта
Настоящий Компьютерщик
Откуда: Москва Всего сообщений: 2994 Рейтинг пользователя: 79 Дата регистрации на форуме: 29 сен. 2001
|
Профиль | Сообщить модератору | ИгнорироватьNEW! Сообщение отправлено: 19 июня 2007 15:24
А если попробовать убрать все, что связано с overflow?
--- Каждый человек всегда может найти, чем он может быть полезен окружающим. Проблема только в одном: слишком многие не хотят это искать.
| | |
BlackSun
Новичок
Всего сообщений: 4 Рейтинг пользователя: 0
Дата регистрации на форуме: 17 июня 2007
|
Профиль | Сообщить модератору | ИгнорироватьNEW! Сообщение отправлено: 19 июня 2007 16:02
если оставить только <div id="help1" style="height: 100px; width: 50px; ">ТекстТекстТекст</div>
то текст не переносится, переносится только, если поставить в него пробелы. | | |
Время выполнения скрипта: 0.0277. Количество выполненных запросов: 18, время выполнения запросов 0.0170
|