我在一個頁面上有兩個嵌入代碼/部分。我想要的是使社交媒體徽標可點擊，然后相應嵌入社交媒體的嵌入將可見，而另一個則隱藏。我可以用一個部分來完成此操作，但代碼都是 html。問題是 Twitter 嵌入在嵌入的中間有一個部分，當我用舊方法執行此操作時，它會弄亂輸出。這是我主要工作的舊代碼（減去嵌入未正確顯示） <body onload="updateForm(media)"> <label> <input type="image" src="\CST-WebPage\media files\social media\youtube.png" alt="YouTube" style="width:100px" name="media" value="ty" onclick="updateForm(this)"> </label> <label> <input type="image" src="\CST-WebPage\media files\social media\twitter.png" alt="Twitter" style="width:100px" name="media" value="tw" onclick="updateForm(this)"> </label> <div id="SM"></div> </body>function updateForm(control) { if (control.value == "tw") { document.getElementById("SM").innerHTML = twitter; } else { document.getElementById("SM").innerHTML = youtube; }}var youtube = '<div>\ <iframe src="https://www.youtube.com/embed/videoseries?list=PLDNv6o8iIDrw6ETcAy8s3xHgn2UdjpZ-e" width="600" height="400"allowfullscreen scrollable="yes"></iframe>\ <p id="success"></p>\</div>';var twitter = '<div>\ <a class="twitter-timeline" data-lang="en" data-width="600" data-height="400" data-theme="dark" href="https://twitter.com/clanshocktac?ref_src=twsrc%5Etfw">Tweets by clanshocktac</a>\ <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>\ </div>';我認為這樣做會更容易，而不是<div id='SM'></div> <div id='youtube'>和<div id='twitter'>預先感謝您提供的任何幫助或見解。
1 回答
湖上湖
TA貢獻2003條經驗 獲得超2個贊
您可以為 ID 為 或 的元素設置或刪除 hidden 屬性。twitteryoutube
function updateForm(control) {
if (control.value == "tw") {
document.getElementById("twitter").removeAttribute('hidden');
document.getElementById("youtube").setAttribute('hidden', true);
} else {
document.getElementById("youtube").removeAttribute('hidden');
document.getElementById("twitter").setAttribute('hidden', true);
}
}
- 1 回答
- 0 關注
- 149 瀏覽
添加回答
舉報
0/150
提交
取消