« @アニメ(2010冬アニメOP、ED) | トップページ | ◆自動ログインツール(ソース表示について) »

2010年1月 8日 (金)

#JavaScript(関数の結果を指定した位置に表示させるには)

JavaScriptネタの初投稿です。
今、仕事でJava関連を扱っていて、ちょっとした処理ならばJavaScriptで記述しよう!ということで
やってみるのですが初心者なのでやりたいことがぜんぜん出来ない。ネット検索も関数や用語が分からない
ので結構な時間を要している状態です。
ということで、タイトルの事例ですが、意外とうまいやり方が見つからずにあれこれ悩んでしまいました。
やっとたどり着いた成果を以下にまとめてみます。

■やりたい事
functionの処理結果をページの指定した位置に表示したい
今回の場合は時刻を表示したい

■ぐぐったら
document.write(getTime());とかはよくあるのですが、やりたい事ではない。

これ↓はかなりやりたいことに近いがinputではなく単に表示だけしたいのだが。
<html>
<head>
<title>test1</title>
<script type="text/javascript">
<!--
function jikoku() {
    dd = new Date();
    document.F1.T1.value = dd.toLocaleString();
    window.setTimeout("jikoku()", 1000);
}
// -->
</script>
</head>
<body onload="jikoku()">
<form name="F1" action="#">
<input type="text" name="T1" size=50>
</form>
</body>
</html>

■結論
分かってしまうとなんてことはないのだが、ここまでたどり着くのに苦労した。。。
<html>
<head>
<title>test2</title>
<script type="text/javascript">
<!--
function jikoku() {
    dd = new Date();
    document.all.fd1.innerHTML = dd.toLocaleString();
    window.setTimeout("jikoku()", 1000);
}
// -->
</script>
</head>
<body onload="jikoku()">
<table border="1" width="600" cellspacing="0" cellpadding="5" bordercolor="#333333">
<tr>
<th bgcolor="#EE0000"><font color="#FFFFFF">現在時刻</font></th>
<th width="200"><font >
<div id="fd1"></div></font></th>
<th width="370"><font >※div id=xxを好きな位置に定義すればよい</font></th>
</tr>
</table>

</body>
</html>

« @アニメ(2010冬アニメOP、ED) | トップページ | ◆自動ログインツール(ソース表示について) »

JavaScript」カテゴリの記事

コメント

コメントを書く

(ウェブ上には掲載しません)

« @アニメ(2010冬アニメOP、ED) | トップページ | ◆自動ログインツール(ソース表示について) »