1

画像がクリックされたときに表示されるオブジェクト (埋め込みの twitch ストリーム) を取得しようとしています。表示プロパティを変更しようとする場合を除いて、すべてが正常に機能しているようです。デフォルトでは に設定されており、クリックするdisplay: none;と に変わるはずです。display: block;

HTML

<object id="twitchStream" class="center" .... </object>
<a href="#" onClick="showDiv()"><img class="center" src="img/hsl_arrow.png" /></a>

CSS

#twitchStream{
    display: none;
}

object.center{
    margin-left: auto;
    margin-right: auto;
    width: 620px;
}

JavaScript

function showDiv() {
    document.getElementById('twitchStream').style.display = "block";
}

編集

オブジェクトの内容

<object id="twitchStream" class="center" 
type="application/x-shockwave-flash" height="378" 
width="620" id="live_embed_player_flash" data="http://www.twitch.tv/widgets/
live_embed_player.swf?channel=hsstarleague" bgcolor="#000000"><param 
name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" /><param name="allowNetworking" value="all" />
<param name="movie" value="http://www.twitch.tv/widgets/live_embed_player.swf" />
<param name="flashvars" value="hostname=www.twitch.tv&channel=hsstarleague&auto_play=true&start_volume=25" /></object>

書式設定が大変申し訳ありません。コピーして貼り付けましたが、問題がありました。

4

3 に答える 3

1

JavaScript コードを次のものに置き換えてみてください。

window.showDiv = function() {
  document.getElementById('twitchStream').style.display = "block";
}

フィドル: http://jsfiddle.net/3rCHJ/ .

PS 本番環境ではこれを行わないでください。グローバル名前空間を汚染することは非常に悪いことです。

于 2013-10-25T01:48:36.597 に答える