0

各メッセージに動的コンテンツを含む複数のメッセージを含む受信トレイ スタイルのレイアウトができました。リンクをクリックすると (Action Needed)、クリックすると iFrame を含むドロップダウン div が開きます。これは私が使用しているJavascriptです：

<script language="javascript"> 

function toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "<iframe src=\"http://m.quotesin.com/an.html\" width=\"100px\" frameborder=\"0\" height=\"20px\" allowtransparency=\"yes\" scrolling=\"no\"></iframe>";
    }


else {
        ele.style.display = "block";
        text.innerHTML = "<iframe src=\"http://m.quotesin.com/an.html\" width=\"100px\" frameborder=\"0\" height=\"20px\" allowtransparency=\"yes\" scrolling=\"no\"></iframe>";
    }
} 

</script>

そして、これが表示されます：

<a id="displayText" href="javascript:toggle();"><div style="posistion:relative;"><img src="images/iframe.png" style="position:absolute;"><iframe src="http://m.quotesin.com/an.html" width="100px" frameborder="0" height="20px" allowtransparency="yes" scrolling="no"></iframe></div></a>



デザインビューの画像はここにあります... 前: ここに画像の説明を入力 後: ここに画像の説明を入力 しかし、受信トレイにこれらが複数ある場合、2番目は開きません。同じ属性を共有しない親と子の単純なCSSの表示と非表示がありますか?私が使用できるもの、またはこれをどこに使用するかについてのアドバイス。

ありがとうございました

4

1 に答える 1

1

ダイナミック HTML に関する限り、Javascript や JQuery を使用しないと処理できません。第二に、あなたが書いたJavascriptはgetElementById、単一の要素（同じIDが指定されている）のみを許可するものを使用しています。

複数の受信トレイで同じコードを使用する必要があるため、同じ効果を得るのに役立つコンテナーと子セレクターが必要です。
複数の選択を許可する id 以外のセレクターを使用する必要があります。
間違っている場合はお知らせください.JS fiddelにコードを入れることができればもっと良いでしょう.

コーディングをお楽しみください ;)

于 2013-02-08T12:48:41.887 に答える