web-dev-qa-db-ja.com

img src =の変数

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

私の質問はこの投稿で答えられると思います IMG SRCタグとJavaScript しかし、もっと簡単な方法がある場合に備えて、私が達成しようとしていることを正確に説明しようと思いました。

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

例えば4月4日= " http://Host/partition/2009/apr/04/cpu.gif "
例えば。 4月5日= " http://Host/partition/2009/apr/05/cpu.gif "

これを容易にするために、必要な形式で日付を取得するための基本的なJavaScriptをいくつか作成しました。私はそれをすべて機能させています。ここで、作成した変数を使用して画像を表示したいと思います。 displaydate()という関数にJavaScriptコードを保存しています。これを行うと<script language="JavaScript"> displaydate() </script>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.私はこれについてたくさんのページを読み、たくさんのことを試みてきましたが、今のところ運がありません。どんな助けでも、大いに感謝されます。

12
Lee Palmer

はい、そのページはおそらくあなたの質問に答えます。基本的に、あなたはこのjavascriptが必要です:

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

「yourpicture.png」を、ディスク上のイメージへの正しいパスを生成するために作成した関数に置き換えたい場合を除いて、...

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

もちろん、自分で使用するためにこれを少し変更する必要があるかもしれません。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> 
14
Brett Bender

この行を変更する必要があります

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

return "http://Host1/Shared/" + year + "/" + month + "/" + day + "/cpu_abs.gif";
1
ewengcameron