使用JavaScript或iframe同步兩個按鈕

我有一個HTML頁面，按鈕A，按鈕B.使用JavaScript或iframe同步兩個按鈕

在第一加載的頁面兩個按鈕，這兩個按鈕具有「圖像」，圖像1。

當我點擊按鈕A時，圖像變爲圖像-2，但按鈕B保持不變（圖像-1）。當我點擊按鈕B時，圖像變爲圖像-2，但按鈕A保持不變（圖像-1）。

我喜歡它，所以如果你點擊'任一按鈕'（A或B），那麼BOTH的按鈕圖像就會變成圖像2。

我目前在'iframe'中有兩個按鈕，所以按鈕是分離的。

你能推薦一個javascript來做到這一點嗎？（或者，是否有辦法在單個頁面上「同步」iframe按鈕？）

來源

2014-10-29 user2566281

後一些代碼，並解釋爲什麼你使用的I幀。一般來說，只是選擇要更改的頁面元素（例如，通過元素ID）並應用更改（顯然您已經知道該如何執行）。 – 2014-10-29 00:12:02

這是代碼。的iframe中代碼： < 「？boost1.php $網址」 IFRAME SRC => - （boost1.php）」; ？> - （boost2.php）： <？php $ boosturl = trim（$ _ POST ['boosturl']）; //數據更新 echo「」; ？> – user2566281 2014-10-29 06:07:50

我需要將它轉換爲javascript，因爲我在同一頁上有iframe 2位置。所以，當我點擊一個iframe按鈕時，它會變成第二個按鈕。但是第二個iframe按鈕並不是我想要改變的，除了執行php功能。我想我最好在javascript中這樣做，但如果您有任何想法，需要幫助。 – user2566281 2014-10-29 06:16:28

下面是一個小示例，向您展示如何使用JavaScript同步兩個按鈕。讓我知道你是否需要一些解釋。。。

function sync1(){ 
 
    
 
    var button1 = document.getElementById('button1'); 
 
    var button2 = document.getElementById('button2'); 
 
    
 
    button1.style.background = 'red'; 
 
    button1.style.color = 'white'; 
 
    
 
    button2.style.background = 'red'; 
 
    button2.style.color = 'white'; 
 
    
 
} 
 

 
function sync2(){ 
 
    
 
    var button1 = document.getElementById('button1'); 
 
    var button2 = document.getElementById('button2'); 
 
    
 
    button1.style.background = 'blue'; 
 
    button1.style.color = 'white'; 
 
    
 
    button2.style.background = 'blue'; 
 
    button2.style.color = 'white'; 
 
    
 
}

<button class="1" onclick="sync1()" id="button1">I can change the other button!</button> 
 
<br /><br /> 
 
<button class="1" onclick="sync2()" id="button2">Me too!</button>

來源

2014-10-29 00:31:33

這有很大的幫助，我們還想在這裏做更多的事情（如果您有任何想法或建議）。我們需要任一按鈕來啓動一個php腳本，並且隨着腳本啓動，'兩個'按鈕都會改變顏色。另外，我們對每個按鈕都有'img src'。所以，對於兩個按鈕他們都有一個圖像，如果點擊，兩個按鈕都會轉到另一個圖像。無論如何，你可以給任何幫助表示讚賞！謝謝。 – user2566281 2014-10-29 05:46:16

使用JavaScript或iframe同步兩個按鈕

回答

相關問題