WEB相談室

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

タイトル:IEならマーキーで、NNならJavascriptを使用したい

0:[投稿] kaz [2003/03/26 13:46 ][環境:NN4.6 and IE5 Mac わからない]

某雑誌に載っていた、NNで<marquee>のような表示をさせるJavascriptを使いたいの
ですが、<form>を使っているのでテキストエリア内での表示になってしまいます。

そこでIEなら<marquee>、NNなら下記のJavascriptを
if文で条件分岐させて表示させたいのですが、
どのようなコードを追加すればよいかわかりませんので
教えていただきたいです。

<html>
   <head>
   <title>(正)文字のスクロール</title>
       <script language="JavaScript">
           <!--
           var spead  = 350;
           var m0 = '>>> UIC ';
           var m1 = '>>> (http://www.uic.co.jp/) ';
           var msg = m0 + m1;
           msg = msg + msg
           function formMsg(){
               setTimeout("formMsg()",spead);
               msg = msg.substring(2,msg.length) + msg.substring(0,2);
               document.msgbox.message.value = msg;
           }
           //-->
       </SCRIPT>
   </head>

   <body>
           <table border="0" width="100%">
           <tr valign="middle" align="center" bgcolor="green">
           <td>
           <FORM NAME="msgbox">
           <INPUT TYPE="text" NAME="message" SIZE="90">
           </FORM>
           <SCRIPT LANGUAGE="JavaScript">
                      <!--
                      formMsg()
                      //-->
           </SCRIPT>
           </td>
           </tr>
           </table>
   </body>
</html>


1:[回答] 薫 [2003/03/26 14:43 ]

ブラウザ判別し、formMsg の中身を変えてはどうでしょう。
http://www.openspc2.org/reibun/javascript/browser/001/index.html


2:[回答] chintara [2003/03/26 14:47 ]

こんな感じでどうでしょうか。

<html>
  <head>
  <title>(正)文字のスクロール</title>
      <script language="JavaScript">
          <!--
          var spead  = 350;
          var m0 = '>>> UIC ';
          var m1 = '>>> (http://www.uic.co.jp/) ';
          var msg = m0 + m1;
          msg = msg + msg
          function formMsg(){
              if (navigator.appName == 'Microsoft Internet Explorer') {
                  document.all.item('message_ie').innerText = msg;
                  document.all.item('message_ie').style.display = '';
              } else if (navigator.appName == 'Netscape') {
                  setTimeout("formMsg()",spead);
                  msg = msg.substring(2,msg.length) + msg.substring(0,2);
                  document.msgbox.message.value = msg;
                  document.msgbox.message.style.display = '';
              }
          }
          //-->
      </SCRIPT>
  </head>

  <body>
          <table border="0" width="100%">
          <tr valign="middle" align="center" bgcolor="green">
          <td>
          <FORM NAME="msgbox">
          <MARQUEE ID="message_ie" STYLE="display:none"></MARQUEE>
          <INPUT TYPE="text" NAME="message" SIZE="90" STYLE="display:none">
          </FORM>
          <SCRIPT LANGUAGE="JavaScript">
                     <!--
                     formMsg()
                     //-->
          </SCRIPT>
          </td>
          </tr>
          </table>
  </body>
</html>


3:[質問] kaz [2003/03/26 16:08 ]

回答ありがとうございます。
winだとバッチリ見られたんですが、
Macでは緑のテーブルしか見られませんでした。

Macでも閲覧可能にするには何を追加すればよいのでしょうか?


4:[回答] chintara [2003/03/26 16:49 ]

すみません、Macがないので分かりません。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World