テキストボックス内でスクロールする文字を作成したのですが、MACのIEで見るとテキストボックスの途中で切れてしまいます。
msg="メッセージ";
function scroll(){
msg=msg.substring(1,msg.length)+msg.substring(0,1);
document.myform.mytext.value=msg;
setTimeout("scroll()",200);
}
== HTML部分 ==
<form name="myform">
<input type="text" style="border:0px #ffffff;width:493px; height:18; color:#000000; font-size:13px; background-color:#ffffff" name="mytext" size="95">
</form>
============
何か指定事項が足りないのでしょうか?
No.3ベストアンサー
- 回答日時:
#1 の方への補足を含めた上で・・・。
申し訳ありませんが、質問で提示しているスクリプトでは、WinのIEだろうがなんだろうが、ただ"メッセージ"という文字が(その場で)廻るだけですが。流れたりする仕掛けの部分がありませんけど・・・。
という事で検証方法を含めて。
1)期待する領域がそもそも使われているか。
>msg="メッセージ";
上記の文字列を領域がフルに埋まる長さの文字に変えて
>msg=msg.substring(1,msg.length)+msg.substring(0,1);
の処理はコメントにでもして動作させないで
>document.myform.mytext.value=msg;
上記の検証をする。
これで期待する領域が使われず途中までしか表示されなければ、スクリプトの問題というよりHTMLかCSSの問題と切り分けられる。
この場合の対処は、スクリプトでブラウザを判別してHTMLなりCSSなりの出力を振り分ける方法が考えられます。面倒な割に不確実なのでどちらかというばあきらめる事をお勧めしますが一応。
2)length が文字数かバイト数か。
これは alert(msg.length) を追記してみる事で検証できます。
この場合の対処は、if("あ".length) で処理を分岐させる方法が考えられますが・・・。
3)substringのtoを省略して対応できないか?
>msg=msg.substring(1,msg.length)+msg.substring(0,1);
上記を
msg=msg.substring(1)+msg.substring(0,1);
とするだけで #1 の方の (3) 「文字が途中できれる。」は対応できると思うのですが・・・。
まぁ上記いずれにしても、文字を流す仕掛け次第な訳で・・・。
検証内容のポイントを教えてくださりありがとうございます。
自分でいろいろ試して見ますね。
ちなみにメッセージを流すというのは
”メッセージ ”
等という風にして流れているように見せるだけ、という物です。
No.2
- 回答日時:
多分、lengthがワード単位かバイト単位かの
ちがいだと思いますけどね。
ちなみに以下じゃだめなんすか?
<marquee width=493 style="font-size:13px;">メッセージ</marquee>
ありがとうございます。
maqueeだと動作しないブラウザがあるので、その辺を回避するために試行錯誤しております。
そうしたら他の問題が発生したという状態です。
No.1
- 回答日時:
質問の意図がわからない部分があります。
このスクリプトはおそらく「メッセージ」という文字が
ぐるぐる回るつくりだと思いますが以下のうち、
どこがうまくいかないのでしょうか?
(1)テキストボックスいっぱいにメッセージという
文字が連続表示したいけどできない
(2)「メッセージ」という文字が、右からでてき
て左に消えていくようなつくりにしたいけどできない
(3)「メッセージ」と表示したいけど、「メッセ」とか
文字が途中できれる。
この回答への補足
すみません。説明が足りませんでしたね。
ここで該当するとしたら3番ですね。
493pxで設定した横幅のテキストボックスがあり、そこを右から左へテキストが流れていく予定だったのですが、
MACのIEだと何故か、真中辺りから文字が現われて左へ流れていくという風になってしまうのです。
WINでは3つのブラウザでOK,MACもサファリはOKだったんですがIEだけが何故かおかしいのです。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptで入力フォームが空欄の時にアラートによるエラーを出すコードを書いています。 2 2023/06/13 17:58
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- PHP php ログイン 1 2022/11/01 00:24
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
特定の文字のみcssを適用するに...
-
文字の位置、上下のマージンが...
-
■(四角)の記述
-
上付き文字と下付き文字を同時...
-
リストの前後の行間をなくす方...
-
background-color: #ddd;の意味...
-
API Sleep関数について
-
HTMLとCSSの違い
-
テキストボックス途中で切れて...
-
Htmlとcssの勉強のため手書きで...
-
テキストファイルの行を指定し...
-
CSSでfont-size、pxの絶対値、...
-
a:hoverの下線指定が反映されない
-
ホームページビルダー作成HPがi...
-
Excel VBA メール作成について ...
-
h1タグのパンくずリストへの設置
-
Format 関数 表示書式指定文字...
-
行間隔を無くす方法
-
iframe 文字化け
-
IE8でhタグの行間が詰まること...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSについて教えてください。 ...
-
文字の位置、上下のマージンが...
-
リストの前後の行間をなくす方...
-
Format 関数 表示書式指定文字...
-
HTMLで特定の文字だけ色を変え...
-
全角半角含めて等幅で表示したい
-
特定の文字のみcssを適用するに...
-
ホームページビルダー作成HPがi...
-
テキストファイルの行を指定し...
-
リンク文字
-
アコーディオンメニューが思う...
-
テキストエリア内の文字の装飾
-
API Sleep関数について
-
Excel VBA メール作成について ...
-
上付き文字と下付き文字を同時...
-
background-color: #ddd;の意味...
-
<pre>のフォントサイズを指定す...
-
指定の文字だけ色を変える
-
CSSを一部無効にしたい
-
fontサイズ指定の ”-(マイナ...
おすすめ情報