「今日のニュース」JavaScript版　設置方法

材料：

news.jsというJavaScriptファイル
適当なHTMLファイル

調理法：

「今日のニュース」を設置したいHTMLファイルの設置したい場所に、以下の部分を追加します。

<SCRIPT LANGUAGE="JavaScript" SRC="news.js">
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write('<BR>');
document.write('<FONT SIZE=+1><FORM NAME="panel">');
document.write('<INPUT TYPE="text" NAME="news" SIZE=26>');
document.write('</FORM></FONT>');
NewsScroll();
// -->
</SCRIPT>

そのHTMLファイルと同じディレクトリ（階層）に、news.jsファイルを置きます。
ブラウザで確認して、おしまい。

調理例：

<HTML>

<HEAD>
<TITLE>テスト</TITLE>
</HEAD>

<BODY>

<CENTER>
<HR WIDTH=80%>
今日のニュース
<SCRIPT LANGUAGE="JavaScript" SRC="news.js">
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
<!--
document.write('<FONT SIZE=+1><FORM NAME="panel">');
document.write('<INPUT TYPE="text" NAME="news" SIZE=26>');
document.write('</FORM></FONT>');
NewsScroll();
// -->
</SCRIPT>
<HR WIDTH=80%>
</CENTER>

</BODY>
</HTML>

動作確認・・・-> こちら

解説：

プログラム本体は、news.jsに書いてあります。
HTMLファイルでは、
<SCRIPT LANGUAGE="JavaScript" SRC="news.js"></SCRIPT>
でnews.jsファイルを取り込んで、
<FORM NAME="panel">
<INPUT TYPE="text" NAME="news" SIZE=26>
</FORM>
で実際に文章を表示するための領域を用意してあげて、
最後にNewsScroll()という関数を呼んであげるだけです。

フォームをJavaScriptで書いているのは、「JavaScript非対応のブラウザで見るとき、真っ白なフォームだけ表示されるのは寂しいな」と思っただけです。普通にフォームを書いても構いません。

<応用例>

別のウィンドウで表示することも出来ます。
解説は面倒なので、各自解析してください(^^;。

news.jsとtdynews.htmlを用意して、HTMLに下の部分を追加すると・・・

<SCRIPT LANGUAGE="JavaScript">
<!--
function NewsOpen()
{
    open("tdynews.html","news","directories=no,menubar=no,status=no,width=370,height=30");
}
document.write('<A HREF="javascript:NewsOpen()">「今日のニュース」(別ウィンドウ)</A>');
// -->
</SCRIPT>

「今日のニュース」JavaScript版トップに戻る
SOFT WARE へ戻る
トップページへ戻る

2002/01/14

「今日のニュース」JavaScript版 設置方法

「今日のニュース」JavaScript版　設置方法