블로그 질/답 게시판
[List][Prev][Next]
음악 재생 버튼을 이용하여 여러곡을 제어할 때 필요한 함수 수정 [ Preview ]

이미지 버튼을 클릭하여 음악을 재생,정지 시킬 때 아래와 같은 방법을 쓸 경우,
한곡은 쉬우나 여러 곡일 경우 함수를 일일히 정의해주어야하는 어려움이 있습니다.

<script language=javascript>
<!--
function musicOff() {
document.music_1.stop();
}

function musicOn() {
document.music_1.play();
}

function getVisible(obj)
{
if(obj.src.indexOf('play.gif') != -1){
obj.src = obj.src.replace('play.gif', 'stop.gif');
musicOn();
}
else{
obj.src = obj.src.replace('stop.gif', 'play.gif');
musicOff();
}
}
//-->
</script>


<table width="550" border=0 cellspacing="0" cellpadding="0">
<tr>
<td height="207" background="images/samil_01.gif" width="277" align="right" valign="bottom">
<img src='images/play.gif' align=absmiddle onclick="getVisible(this);" style='cursor:hand;'>
<embed name="music_1" src="mysong_1.wma" autostart="false" loop="2" hidden></embed>
</td>
</tr>
<tr>
<td height="313" background="images/sami_02.gif" align="right" valign="bottom">
<img src='images/play.gif' align=absmiddle onclick="getVisible(this);" style='cursor:hand;'>
<embed name="music_2" src="mysong_2.wma" autostart="false" loop="2" hidden></embed>
</td>
</tr>
</table>

------------------------------------------------------
노래가 여러개일 경우 name="music_1", name="music_2", ... 이런식으로 계속 늘어나느데, 이 모든 것을 일일히 다른이름의 함수로 정의하는 것은 너무 비생산적입니다.
가령 getVisible(this,num)식으로 해서 num을 노래번호로 잡아 embed 의 name을 지정하여 여러개의 파일을 제어하는 방법이 없을까요?
<%//# DataBinder.Eval(Container.DataItem, "album_title") %>
<%//# DataBinder.Eval(Container.DataItem, "contenttype") + " views" %>
link list for hairwigbeautyshop.com ::
Javascript Source List :