0

これは私のコードです

<tr class="rood hoverpointer" onclick="javscript:submenu('PR1301301065','KN_KABEL', event);">
    <td>PR1301301065</td>
    <td class="statusbalk">
        <img class="active" src="img/stop-big.png" alt="Niet gestart" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',1,this)">
        <img src="img/play-big.png" alt="Gestart" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',2,this)">
        <img src="img/pause-big.png" alt="Gestopt" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',3,this)">
        <img src="img/done-big.png" alt="Afgerond" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',4,this)">
    </td>
</tr>

それはすべてonclick-eventsに関するものです。テーブル行をクリックすると、関数submenu()がトリガーされます。それは良い。しかし、画像の 1 つをクリックすると、基になるテーブル行のためにsetStatus()との両方submenu()がトリガーされます。tablerow の機能を無視してトリガーのみを実行するにはどうすればよいsetStatus()ですか?

4

2 に答える 2

0

サブメニューを呼び出すと、どのボタンがクリックされたかを確認するために切り替えを試みることができます。他のボタンにサブメニュー関数を呼び出して、ID を渡すだけです。

 <tr class="rood hoverpointer" id="trRood" onclick="javscript:submenu('PR1301301065','KN_KABEL', event,'trRood');">
            <td>PR1301301065</td>
            <td class="statusbalk">
                <img class="active" id="img1" src="img/stop-big.png" alt="Niet gestart" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',1,this,'img1')">
                <img src="img/play-big.png" id="img2" alt="Gestart" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',2,this,'img2')">
                <img src="img/pause-big.png" id="img3" alt="Gestopt" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',3,this,'img3')">
                <img src="img/done-big.png" id="img4" alt="Afgerond" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',4,this,'img4')">
            </td>
        </tr>


function submenu(...,...,id){

switch(id)

case "trRood":
//do your normally function
break;

case "img1":
//Call your setStatus function
break;

case "img2":
//Call your setStatus function
break;

case "img3":
//Call your setStatus function
break;

case "img4":
//Call your setStatus function
break;
}

それはこのようなものです。

于 2013-06-14T09:48:17.430 に答える