Помогите с js(подставка данных при нажатии)!!!

Внимание, важное сообщение: Дорогие Друзья!
В ноябре далекого 2001 года мы решили создать сайт и форум, которые смогут помочь как начинающим, так и продвинутым пользователям разобраться в операционных системах. В 2004-2006г наш проект был одним из самых крупных ИТ ресурсов в рунете, на пике нас посещало более 300 000 человек в день! Наша документация по службам Windows и автоматической установке помогла огромному количеству пользователей и сисадминов. Мы с уверенностью можем сказать, что внесли большой вклад в развитие ИТ сообщества рунета.

Но... время меняются, приоритеты тоже. И, к сожалению, пришло время сказать До встречи! После долгих дискуссий было принято решение закрыть наш проект. 1 августа форум переводится в режим Только чтение, а в начале сентября мы переведем рубильник в положение Выключен

Огромное спасибо за эти 24 года, это было незабываемое приключение. Сказать спасибо и поделиться своей историей можно в данной теме.

С уважением, ваш призрачный админ, BigMac...

Помогите с js(подставка данных при нажатии)!!!

azot111

Новый участник

Сообщения: 21
Благодарности: 0

Профиль | Отправить PM | Цитировать

Изменения

Автор: azot111
Дата: 22-09-2012
Описание: Добавил код

Изображения

	1.png
(28.7 Kb, 12 просмотров)

Доброго времени суток ребята! У меня есть вапрос! Может и не сложный но сам я не могу разобраться помогите если сможите!

Сам вапрос состоит в следующем!

По поисковому запросу у себя на тестовом сайте вывожу данные,описание,ссылки и.т.д в таблицу! "Циклом при мощи PHP с базы MYSQL" музыкального файла"также выводится картинка в виде кнопки play"!
Помогите найти решение! Немогу сделать чтоб при нажатии на картинку play ссылка с url-ом песни попадала в плеер встроенный на сайте! "Начанала играть выбранная песня"!
Ниже есть примерный вывод с базы "визуальный"!

Зарание всем большое спасибо!

Делаю на основе jplayer

HTML код:

<html>
 <head> <meta charset=utf-8 /> 
<title>Демка</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
 <script type="text/javascript" src="js/jquery.jplayer.min.js"></script> 
<script type="text/javascript" src="js/jplayer.playlist.min.js"></script>
 <script type="text/javascript">
 //<![CDATA[ 
$(document).ready(function(){
 var my_jPlayer = $("#jquery_jplayer"), 
       my_trackName = $("#jp_container .track-name"), 
       my_playState = $("#jp_container .play-state"), 
       my_extraPlayInfo = $("#jp_container .extra-play-info"); 
 
var opt_play_first = false,
opt_auto_play = true,  
opt_text_selected = "Выбирите трек"; // текс выбора текста 

var first_track = true; 
$.jPlayer.timeFormat.padMin = false; 
$.jPlayer.timeFormat.padSec = false; 
$.jPlayer.timeFormat.sepMin = ":"; 
$.jPlayer.timeFormat.sepSec = ""; 

my_playState.text(opt_text_selected); 
jPlayer my_jPlayer.jPlayer({ ready: function () { $("#jp_container .track-default").click(); }, timeupdate: function(event) { my_extraPlayInfo.text(parseInt(event.jPlayer.status.currentPercentAbsolute, 10) + "%"); }, play: function(event) { my_playState.text(opt_text_playing); }, next: function(event) { my_playState.text(opt_text_playing); }, pause: function(event) { my_playState.text(opt_text_selected); }, ended: function(event) { my_playState.text(opt_text_selected); }, swfPath: "js", cssSelectorAncestor: "#jp_container", supplied: "mp3", wmode: "window" }); // Create click handlers for the different tracks $("#jp_container .track").click(function(e) { my_trackName.text($(this).text()); my_jPlayer.jPlayer("setMedia", { mp3: $(this).attr("href") }); if((opt_play_first && first_track) || (opt_auto_play && !first_track)) { my_jPlayer.jPlayer("play"); } first_track = false; $(this).blur(); return false; }); }); 
</script>
 <style>
 <!-- Ситили --> 
.demo-container {  width:95%; border: 0px solid #009BE3; padding:0 20px; font-family: "Myriad Pro Regular","Trebuchet MS"; } 
.resutls {margin-top: 100px; border: 1px solid #009BE3; padding:0 20px; font-family: "Myriad Pro Regular","Trebuchet MS"; } 
.demo-container a, .demo-container a:link, .demo-container a:visited, .demo-container a:hover, .demo-container a:focus, .demo-container a:active { color: #000000; } 
.results a, .results a:link, .results a:visited, .results a:hover, .results a:focus, .results a:active { color:#009BE3; } 
.demo-container ul { list-style-type:none; padding:0; margin-left:1px; margin-top:-20px; width:500px; overflow:hidden; } .results ul { list-style-type:none; padding:2px; margin-left:-350px; margin-top:5px; width:500px; overflow:hidden; } 
.demo-container ul span { color: #A0A600; }
 .demo-container li { float:left; margin-right:1em; }
.results li { float:left; margin-right:1em; } 
.demo-container p span.track-name { color: #CC0090; } 
.results p span.track-name { color: #CC0090; } 
</style> 
</head>
 <body> 
<div id="jquery_jplayer"></div> 
 <center> 
<div id="jp_container" class="demo-container"><!-- Плеер --> 
<p> <span class="play-state"></span> : <span class="track-name">nothing</span> 
at <span class="extra-play-info"></span> <span class="jp-current-time"></span>
<span class="jp-duration"></span> </p> 
<ul> <li><a class="jp-play" href="#" tabindex="1">Играть</a></li> <li><a class="jp-pause" href="#"tabindex="1">Пауза</a></li> <li><a class="jp-stop" href="#">Стоп</a></li> <li><a class="next" href="#">Следующий</a></li> </ul> <ul> <li>Громкость :</li> <li><a class="jp-mute" href="#">Заглушить</a></li> <li><a class="jp-unmute" href="#">Unmute</a></li> <li> <a class="jp-volume-bar" href="#">|<---------->|</a></li> <li><a class="jp-volume-max" href="#">Максимально</a></li>
</ul> 
</div> 
<div id="jp_container" class="results"><!-- Плейлист --> 
<ul> 
<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track track-default">Название_1</a> | <a href="#"><i>к примеру: inna</i></a></li> 
</ul> 
<ul> 
<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track">Название_2</a> | <a href="#"><i>к примеру: medina</i></a></li> </ul> 
<ul> 
<li><a href="#">тут картинка в виде play</a><a href="http://путь до mp3" class="track">Название_3</a> | <a href="#"><i>к примеру: tatu</i></a></li> </ul> 
</div>
 </center> 
</body> 
</html>

Вот чего я пока добился помогите по нажатию кнопки play вот тут (<a href="#">тут картинка в виде play</a>)чтобы песня попадала в плеер встроенный на сайте!

Отправлено: 13:23, 18-09-2012