2009-04-20 9 views
11

の変数質問があります。 まず、私がここで話していることを知っているふりをするつもりはない。私はhttpとJavaScriptの初心者です。 img src =

は、私は私の質問は、このポスト IMG SRC tags and JavaScript に答えられるかもしれないと思うが、私はもっと簡単な方法がある場合に達成しようとしている正確なものを説明するだろうと思いました。

私はウェブページを持っています、私はそれに画像を表示したいと思います。唯一のことは、自動化されたシステムモニタから画像が来ていることです。画像は毎日自動的に生成され、日付に応じて新しいディレクトリに配置されます。

4月4日= "http://host/partition/2009/apr/04/cpu.gif"
4月5日= "http://host/partition/2009/apr/05/cpu.gif"

これを容易にするために、必要な形式で日付を入力するための基本的なJavaScriptを作成しました。私はすべてそれが働いている。今度は、作成した変数を使って画像を表示したいだけです。 JavaScriptコードがdisplaydate()という関数に格納されています これを行うと、 「http://host/partition/2009/apr/05/cpu.gif」と表示されています。

これをサイトに正しく表示するにはどうすればよいですか?

<a href="displaydate()"><img src="displaydate()" </a></td> //This does not work. I am just adding it to show where I have been heading. 

P.S.私はこれについて多くのページを読んで、多くのことを試してきましたが、今まで運がなかった。どんな助けでも、非常に高く評価されるでしょう。

+1

は、Javaに言及 - されますどのように変数をsrc属性に出力するのですか? JSPのようなものを使っていますか? – harto

+2

JavascriptはJavaとは関係ありません。私はあなたが2つを混乱させたと思う。 – Artelius

答えて

14

はい、そのページはおそらくあなたの質問に答えます。あなたはディスク上のイメージへの正しいパスを生成するために書いた機能と「yourpicture.png」を置き換えたい場合を除き

<script type="text/javascript"> 
document.getElementById('image').src = "yourpicture.png"; 
</script> 

、そう...

<script type="text/javascript"> 
document.getElementById('image').src = displaydate(); 
</script> 
:基本的に、あなたはこのJavaScriptを望みます

もちろん、これを少し変更して独自の用途に使う必要があるかもしれません.getElementByIdは、< img>タグのid属性が何であれ、引数として使用します。おそらく、つまり、あなたのページが読み込まれた後に上記のJavaScriptを実行したい:

<html> 
<head> 
<script type="text/javascript"> 
function load() 
{ 
document.getElementById('image').src = displaydate(); 
} 

function displaydate() 
{ 
//your displaydate() function here 
} 
</script> 
</head> 

<body onload="load()"> 

<img src="nothing.jpg" id="image" name="image"/> 
</body> 
</html> 
+3

遠慮なく、お返事ありがとうございます。私はそのような迅速な返答を期待していませんでした。フォーラムで質問したのはこれが初めてです。ありがとう、私はこれを試してみます。 –

+2

ようこそ、私は実際にテストし、それは私のために働いた別の編集を行った。うまくいけば、あなたはあなたの仕事を得ることができます。がんばろう! –

+0

あなたのコードは非常にいいです、タンク –

1

あなたはちょうどこのライン

document.write("http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif"); 

を変更する必要があるの

return "http://host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif";