１００ｐ差し上げます。css＋javascript(+DOM）についての質問です。html・css・javascriptを別々のファイルにして、マウスオーバーを作りたいと思っています。

(1) まず、下記の部分を sample.js として保存します。

　　（---- は、いりません。）

-----------------

obj = document.getElementById(”test1”);

obj.onmouseover = func1; //onmouseoverのイベントハンドラをオーバーライド

obj.onclick = func2; //onclickのイベントハンドラをオーバーライド

obj.onmouseout = func3; //onmouseoutのイベントハンドラをオーバーライド

function func1(){ //オーバーライドするonmouseoverメソッド

this.className=”class1”;

}

function func2(){ //オーバーライドするonclickメソッド

this.className=”class2”;

}

function func3(){ //オーバーライドするonmouseoutメソッド

this.className=””;

}

-----------------

(2) HTML の JavaScript 部分を、下記のように記述し読み込みます。

　　＜/div＞と＜/body＞の間でいいでしょう。

　　（---- は、いりません。タグの＜＞は半角に戻してください。）

-----------------

＜script src=”sample.js” type=”text/javascript”＞＜/script＞

-----------------

どうでしょうか。

①xhtmlのbody内の記述を

<script type=”text/javascript”>から

</script>までを下記に差替えます。

<script language=”JavaScript” src=”sample.js”></script>

②xhtmlと同じ場所にsample.jsを作成し、

<script type=”text/javascript”>

<!--から

// -->

</script>の中に記述してあるソースを作成したsample.jsに貼り付けます。

以上で正常に動作すると思います。

動作検証は当然、しましたよ。エラーが出るならば

どのようなエラーか書いて頂ければもう少し詳しく

お答えできるかと。

.html と .js が同一ディレクトリにあることを

明示するために、script src を下記のように

記述してもいいかもしれません。

＜script src=./sample.js” type=”text/javascript”＞＜/script＞

２度しか回答できないのですね。

taooです。別アカウントを取りました。

連続回答申し訳ありません。

1で書かせて頂いた通り、JavaScript の埋め込みタグはbody内に記述しないと動きませんよ。

他人のミスよりもご自分のミスを疑うのが、バグ解決の近道であると自分は考えます。