Цитата:
Сообщение от Ruslan Khudyakov
На сайте было бы очень полезно реализовать пару фич, но как незнаю, не дружу с Java…
|
1. Тут одним JS не обойтись. Нужно на серверной стороне специальный скриптик подготовить, который будет формировать массив показываемых данных. JS будет аяксом получать этот массив и выводить.
Вот один из примеров, как это можно сделать (в архиве для скачивания был даже php-скрипт). А вообще в гугле по запросу «php javascript autocomplete» искать — много реализаций.
2. Чтобы текст не делился на строки, нужно запретить переносить строки и указать, что невмещаемый текст должен скрываться. А чтобы плавное «исчезание» сделать — поместить над названием блок с полупрозрачным png.
Примерная реализация:
Код:
table.top { table-layout: fixed; }
table.top td {
overflow: hidden;
width: 50%;
padding: 3px 0 3px 10px;
white-space: nowrap;
}
table.top td .fade {
position:absolute;
right: 0;
width:25px; height: 20px;
background: url('http://yandex.st/ppb/_/n5LFQd37TlhkkIe8GIKwD7pkmF4.png') repeat-y;
}
В твоём случае дело осложнено таблицами, поэтому для неё пришлось тоже некоторые стили прописать и добавить класс (в примере «top»). После ссылок на группу и названия песни нужно добавить
Код:
<span class="fade"></span>
Ну и картинку лучше свою использовать :)
Совершенно точно не будет работать в IE6 — он полупрозрачность не поддерживает.