WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:JavaScriptでの画像切り替え

0:[投稿] みか [2002/11/08 15:21 ][環境:WIN+IE わからない]

ポップアップメニューでの画像切り替えを行いたいのですが、「構文エラー」が最初に出て、ポップアップメニューを切り替えると「オブジェクトを指定してくだい」というエラーが出てしまいます・・・。どこが悪いか教えて頂けないでしょうか?

以下ソース(Perlからの出力)
    <html>
    <head>
    <meta http-equiv="Content-type" Content="text/html; charaset/Sift_JIS">
    <title></title>
    <style type="text/css">
    <!--
     body{backbround:#FFFFFF;}
     .table{border-style:solid;border-color:#999999;border-width:1px;}
     .error{background-color:#ccccff;color:#ff0000;}
     .message{color:#666666;font-size:14px;letter-spacing:1px%;line-height:150%;text-indent:15px;}
     .name{color:#666666;font-size:14px;font-weight:700;}
     .title{color:#666666;font-size:14px;}
     .toukoutime{color:#666666;font-size:10px;]
    -->
    </style>
    <script language="JavaScript">
    <!--
        IMAGES = new Array();
        IMAGES[0]=new Image();IMAGES[0].src=./img/ultra.gif;
        IMAGES[1]=new Image();IMAGES[1].src=./img/tonberi.gif;
        IMAGES[2]=new Image();IMAGES[2].src=./img/tango.gif;
        IMAGES[3]=new Image();IMAGES[3].src=./img/sisi.gif;
        IMAGES[4]=new Image();IMAGES[4].src=./img/shinobi.gif;
        function image_change(theform){
            document.IMG.src = IMAGES[theform.IMG_SLECT.selectedIndex].src;
        }
    //-->
    </script>
    </head>
    <body>
     <div align="center">
      <h1>Perlお勉強用掲示板</h1>
      <form action="./formhyouji_study.cgi" method="POST" name="INPUT_FORM">
      <table width="500" border="1">
       <tr>
        <td align="center">お名前</td>
        <td align="left"><input type="text" name="name" size="30" value=></td>
        <td colspan="2">イメージ</td>
       </tr>
       <tr>
        <td align="center">E-mail</td>
        <td align="left"><input type="text" name="email" size="30" value=></td>
    <td>
        <select name="IMG_SLECT" onChange="image_change(this.form)">
            <option value="ultra.gif">ウルトラ</option>
            <option value="tonberi.gif">トンベリ</option>
            <option value="tango.gif">タンゴ</option>
            <option value="sisi.gif">シシ</option>
            <option value="shinobi.gif">シノビ</option>
        </select>
    </td>
        <td><img src="./img/ultra.gif" name="IMG"></td>
        </tr>
       <tr>
        <td align="center">タイトル</td>
        <td align="left" colspan="3"><input type="text" name="title" size="30" value=></td>
        </td>
       </tr>
       <tr>
        <td align="center">メッセージ</td>
        <td align="left" colspan="3">
         <textarea cols="40" rows="5" name="value"></textarea>
        </td>
       </tr>
       <tr>
        <td colspan="4" align="center">
         <input type="hidden" name="action" value="write">
         <input type="submit" value="書き込み">
         <input type="reset" value="消去"><br>
        </td>
       </tr>
      </table>
     </form>
    <hr width="80%" noshade>
      </div>
     </body>
     </html>


1:[回答] |-_-| [2002/11/08 15:41 ]

> IMAGES[0]=new Image();IMAGES[0].src=./img/ultra.gif;
> IMAGES[1]=new Image();IMAGES[1].src=./img/tonberi.gif;
> IMAGES[2]=new Image();IMAGES[2].src=./img/tango.gif;
> IMAGES[3]=new Image();IMAGES[3].src=./img/sisi.gif;
> IMAGES[4]=new Image();IMAGES[4].src=./img/shinobi.gif;

画像のパスが引用符で括られていません。
「'」あるいは「"」で括ってください。


2:[完了] みか [2002/11/08 15:53 ]

ちゃんと動きました!ありがとうございました!

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World