Помогите упростить функцию
Например при 50-ти песнях которые дожны играть при нажатии на ссылку
получается очень много funktion play нужно создавать, пожайлуста помогите упростить это дело... в плеере есть music1.mp3 для проигрывания музыки
<html>
<head>
</head>
<body>
<script>
function play1()
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="45" width="300"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way=music1.mp3&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment=" /></object></center> ';
}
function play2()
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="45" width="300"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way=music2.mp3&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment=" /></object></center> ';
}
function play3()
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="45" width="300"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way=music3.mp3&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment=" /></object></center> ';
}
</script>
<a class='link' OnClick='play1();'>Play1</a><br>
<a class='link' OnClick='play2();'>Play2</a><br>
<a class='link' OnClick='play3();'>Play3</a><br>
<div id='Result' style='dysplay:none'></div>
</body></html>
|
У вас функции отличаются только одним символом в длинном строковом литерале. Поэтому лучше сделать 1 функцию и передать номер музыкального файла в качестве параметра.
function play(index)
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="45" width="300"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way=music'+index+'.mp3&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment=" /></object></center> ';
}
<a class='link' OnClick='play(1);'>Play1</a><br> <a class='link' OnClick='play(2);'>Play2</a><br> <a class='link' OnClick='play(3);'>Play3</a><br> |
Понимаете просто адрес music1.mp3 может быть разным в названии, здесь цифра просто для примера...
как передать name.mp3 в плеер чтоб при нажатии плеер принял url и при этом как бы обновился? |
Тогда в функцию нужно передать ту подстроку, которая может изменяться.
function play(name)
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="45" width="300"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way='+name+'&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment=" /></object></center> ';
}
<a class='link' OnClick='play("music1.mp3");'>Play1</a><br>
<a class='link' OnClick='play("music2.mp3");'>Play2</a><br>
<a class='link' OnClick='play("music3.mp3");'>Play3</a><br>
Я никогда не работал с флеш-роликами на веб-странице и не знаю, есть ли лучше способ проиграть ролик сначала с новыми параметрами, чем создавать элемент <object> заново. |
Спасибо я уже догна фишку просто зарание после вашего ответа задал вопрос:) большое спасибо:)
|
Простите у меня тут еще один вопрос:) а как в таком случае передать два значения в плеер music.mp3 и еще коментарий в параметр comment=коментарий? comment= он в коце плеера..
|
function play(name, comment)
{
var div=document.getElementById('Result');
div.style.display=(div.style.display=='none') ? '' : 'none';
div.innerHTML='<center><object id="player" type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/ump3player_500x70.swf" height="45" width="300"><param name="wmode" value="transparent" /><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="movie" value="http://flv-mp3.com/i/pic/ump3player_500x70.swf" /><param id="line" name="FlashVars" value="way='+name+'&swf=http://flv-mp3.com/i/pic/ump3player_500x70.swf&w=250&h=37&time_seconds=0&autoplay=1&q=&skin=white&volume=70&comment="'+comment+'" /></object></center> ';
}
<a class='link' OnClick='play("music1.mp3", "comment1");'>Play1</a><br>
<a class='link' OnClick='play("music2.mp3", "comment2");'>Play2</a><br>
<a class='link' OnClick='play("music3.mp3", "comment3");'>Play3</a><br>
|
Спасибо, спасибо и еще раз большое спасибо :) :) :)
|
| Часовой пояс GMT +3, время: 08:59. |