2011-12-22 88 views
0

這是我的問題,我需要創建一個JavaScript函數,它需要用戶選擇的2個變量,並根據這些變量選擇20個div中生成的圖像。基於用戶輸入生成HTML

我一直在試圖弄清楚這幾天,但沒有得到任何地方。

所以瓦爾是:年,季度

圖像是由區域命名,並在申報單是預先設定的。所以一個圖像將是「regionone_2005_q1.png」

所以我正在尋找的是如何解決這個問題的建議。除非根據用戶輸入提出要求,否則我需要瀏覽器不加載圖像。我不能使用「隱藏」,因爲它仍然加載圖像,我不能根據代碼換出圖像。

我很難找到關於在html中使用JavaScript變量的任何教程。這個程序的捕獲是我必須使用服務器端腳本。

+1

不要爲圖像的src屬性提供值,並且不會加載。然後在函數中設置'src'屬性。瀏覽器將下載圖像並顯示它。 – Chad 2011-12-22 16:57:16

+0

到目前爲止你有什麼? – NibblyPig 2011-12-22 16:57:26

+0

到目前爲止你做了什麼?任何使用AJAX的經驗? – 2011-12-22 16:58:54

回答

1

現場演示:http://jsfiddle.net/LvsJH/

HTML

<img id="myimage" src="#" /> 

的JavaScript

myimage = document.getElementById('myimage'); 
//I have added a Google image, use your desired image here 
myimage.setAttribute('src','http://www.google.com.bd/images/nav_logo99.png'); 

把JS某些事件或之後的DOM已準備就緒。

+0

謝謝!這工作! – 2011-12-22 19:03:52

+0

非常歡迎。 – Usman 2011-12-22 19:37:34