Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.02.2011, 12:22
Новичок на форуме
Отправить личное сообщение для fanks Посмотреть профиль Найти все сообщения от fanks
 
Регистрация: 21.02.2011
Сообщений: 6

Несколько скрытых аудио-плееров на странице
Здравствуйте! Видел на одном сайте - на странице список аудио-трэков, для каждой песни есть ссылка Слушать, кликаю на ссылку - открывается плеер, кликаю на след-ую ссылку - открывается плеер для другой песни, а предыдущий закрывается, причём без перезагрузки страницы, как в принципе такое можно сделать? хотел бы сделать на PHP, но думаю без JS здесь не обойтись. Всем спасибо!
Ответить с цитированием
  #2 (permalink)  
Старый 21.02.2011, 13:33
Новичок на форуме
Отправить личное сообщение для fanks Посмотреть профиль Найти все сообщения от fanks
 
Регистрация: 21.02.2011
Сообщений: 6

Вот такой тестовый вариант на PHP из которого хотелось бы что-нибудь получить

Код:


if(isset($_GET['list'])) {
$list = $_GET['list']; //Номер трэка переданный в ссылке как гет-параметр
}

for($i=1;$i<=3;$i++){// вывожу 3 плеера
echo "<a href=\"index.php?list=$i\">LISTEN</a><br />";//Ссылка с помощью которой типа открывается плеер

if ($i == $list) {//если номер трэка совпадает с гет-параметром переданным в ссылке то плеер окрывается
echo "<object type=\"application/x-shockwave-flash\" data=\"http://localhost/oop/audio/ump3player_500x70.swf\" height=\"67\" width=\"450\"><param name=\"wmode\" VALUE=\"transparent\" /><param name=\"allowFullScreen\" value=\"true\" /><param name=\"allowScriptAccess\" value=\"always\" /><param name=\"movie\" value=\"http://localhost/oop/audio/ump3player_500x70.swf\" /><param name=\"FlashVars\" value=\"way=http://localhost/oop/audio/Alexandra_Stan_-_Mr_Saxobeat.mp3&amp;swf=http://oop/audio/ump3player_500x70.swf&amp;w=450&amp;h=67&amp;time_ seconds=0&amp;autoplay=0&amp;q=&amp;skin=white&amp ;volume=70&amp;comment=\" /></object><br />";//сам плеер
}
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск