Пара, надеюсь, полезных сайтов в TAS-IX

[JackDaniels]

Сообщение от Комол

Руслан у меня такой вопрос . а клипы собираетесь вставить ?

Пока нет, много работы и с этим контентом, но в дальнейшем какой-то видео ресурс наверняка будет.

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

[Камолиддин Зайнутдинов]

Сообщение от Ruslan Khudyakov

на нем будут фильмы, клипы, сериалы

Оффтоп:

если вы дальнейшим сделаете такой сайт лучше я думаю чтоб их можно было скачать а не смотреть в этом сайте .

[JackDaniels]

Вопрос к технологам (я так понимаю по AJAX)

На сайте было бы очень полезно реализовать пару фич, но как незнаю, не дружу с Java…
Может подскажет кто в этом профи?

1) Сделать подстановку в поиске по типу этой —


То есть пока вколачиваешь «M», выползает «Metallica, Motorhead, Moonspell…»

2) Названия песен и исполнителей идут на странице в 2 колонки, но зачастую встречаются очень длинные, естественно с переносом, что ломает весь вид и читабельность.
Можно, конечно, решить как у большинства, то есть сразу переносить название песни, но бывает и этого не достаточно, тогда появляется еще один перенос, что совершенно несимпатично.
В Яндексе и Аудми есть такая приятная штука, как затухание строки —


Очень приятное и элегантное решение, подсмотренное в интерфейсе Мака.
В вебе для меня совершенно не понятное в реализации.


Заранее спасибо за идеи!

[azim]

Насчет автоподстановки вот это поможет?

[Shomurodov Shohruh]

Ruslan Khudyakov,насчет баннера проверил, с AdBlockом все равно не показывает, но без него все отлично выходит.

[Ruslan Juldashev]

Сообщение от 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 — он полупрозрачность не поддерживает.

[JackDaniels]

Сообщение от Ruslan Juldashev

Тут одним JS не обойтись. Нужно на серверной стороне специальный скриптик подготовить, который будет формировать массив показываемых данных. JS будет аяксом получать этот массив и выводить.
Вот один из примеров, как это можно сделать (в архиве для скачивания был даже php-скрипт). А вообще в гугле по запросу «php javascript autocomplete» искать — много реализаций.

Да, понятно что решение требует серверной части, просто гуглил коряво, незнал что называется “php javascript autocomplete” — Респект!

Сообщение от Ruslan Juldashev

Чтобы текст не делился на строки, нужно запретить переносить строки и указать, что невмещаемый текст должен скрываться. А чтобы плавное «исчезание» сделать — поместить над названием блок с полупрозрачным png.
Примерная реализация:

Еще раз спасибо, сейчас буду пробовать. (на 6-ку решение с прозрачностью вроде есть: http://rotorweb.ru/xhtmlcss-verstka/...-podumali.html )

[Ruslan Juldashev]

Сообщение от Ruslan Khudyakov

(на 6-ку решение с прозрачностью вроде есть: http://rotorweb.ru/xhtmlcss-verstka/...-podumali.html )

Решений много, просто не стал грузить ещё этим :) Откровенно говоря для такого проекта я бы просто забил на поддержку IE: та аудитория, которая прописается кипятком от этой полупрозрачности, — продвинутая и пользуется современными браузерами, остальные же просто не заметят. А корпоративным пользователям всё равно на mp3 путь заказан.

[JackDaniels]

Сообщение от Ruslan Juldashev

В твоём случае дело осложнено таблицами, поэтому для неё пришлось тоже некоторые стили прописать и добавить класс (в примере «top»). После ссылок на группу и названия песни нужно добавить

Перебил под себя — Большое спасибо!

В итоге вышло так —
(Пока только «Новинки» (http://mp3.cron.uz/index.php?name=New), ибо у меня нет ИЕ6 дома, не могу протестить под ним.)
Кажется так намного опрятнее.

[gzega]

Сообщение от Ruslan Khudyakov

Оффтоп:

Перепроверил, не нашел ошибки, действительно вижу только 2 ваших песни, странно...

Кстати, уменьшил вес шапки на 30%.

а хотел залить именно эту: pink_floyd_dogs и весит всего 25М