HTML按鈕不顯示Javascript編碼圖像顯示

我有一些javascript功能，幾個星期前一次工作，但並不關鍵，當我爲我的公司開發一個應用程序，所以我沒有注意到它時似乎只是停止工作......但現在它很重要。這是一個按鈕，點擊按鈕後應在按鈕下方顯示圖像。目前沒有任何反應，當我點擊按鈕...雖然它用於正確顯示圖像。HTML按鈕不顯示Javascript編碼圖像顯示

這裏是原代碼（在頁面的頭）：

function getImageFL() 
{ 
var x = document.getElementById("flacBtn").value; 
document.getElementById("flac_place").src=x; 
}

而且按鈕標籤（從頁面的主體）：

<button id="flacBtn" value="other_pages/images/flac.png" onclick="getImageFL()">Click for image of FLAC model</button><br> 
<img id="flac_place" height="200" width="349" style="visibility:hidden">

今天，我想的東西否則，對於另一個按鈕/圖像對，但這似乎沒有做任何事......新代碼（也在頭部）：

function getImageRW() 
{ 
var x = document.getElementById("rwBtn").value; 
var image = document.getElementById('rw_place'); 
image.setAttribute('src', x); 
image.style.visibility='visible'; 
}

並在按鈕標籤（身體）中：

<button id="rwBtn" value="other_pages/images/3D-3.png" onclick="getImageRW()">Click for image of RW model</button><br> 
<img id="rw_place" height="170" width="425" style="visibility:hidden">

任何想法，爲什麼這些都沒有做到這一點？爲什麼第一個，至少習慣了？謝謝！

來源

2014-03-25 bilchil

，你忘了設置visibility='visible';上有

function getImageFL() 
{ 
var x = document.getElementById("flacBtn").value; 
document.getElementById("flac_place").src=x; 
document.getElementById("flac_place").style.visibility = 'visible'; 
}

Fiddle here

第二屆一個第一個是行不通的工作對我來說：http://jsfiddle.net/tTLf6/

來源

2014-03-25 22:10:57 webeno

我看到它的工作對你來說，就像它幾周前爲我做的那樣。任何想法爲什麼它會停止爲我工作？我已經在Chrome，IE和我的主瀏覽器中嘗試過它，Firefox ...什麼都沒有。 – bilchil

我還在同一頁面上顯示了一些JavaScript，用於在發生某些處理時顯示「等待」圖像。這也是幾個星期前的工作，現在不......現在也沒有一些JavaScript做一些輸入檢查......同樣的故事。就好像這個特定的cgi生成的頁面上的所有javascript都停止工作，可能在同一時間，但我沒有注意到它的時間，因爲我主要關心的是在過去的幾周內處理正確。在cgi生成的頁面之前的頁面也有javascript，它可以繼續正常工作。 – bilchil

它可能是很多東西......我建議你使用螢火蟲，並觀察應該接收圖像的元素髮生了什麼......順便說一下，爲什麼你不會僅僅將圖像添加到src中那裏（如果有更多，你可以添加所有）隱藏，並只顯示所需的一個......？我認爲它會更快...... – webeno

HTML按鈕不顯示Javascript編碼圖像顯示

回答

相關問題