人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のファイルをブラウザで開き、#のあたりでマウスを動かすとフォーマットに乱れが生じます。こうなる理由、またはこれを防ぐ方法を教えてください。ブラウザはIE6SP1です。

<HTML>
<HEAD>
<style type="text/css">
#graph {
border: 1px blue solid;
}
#box {
width: 500px;
border: 1px red solid;
}
</style>
<script language="JavaScript"><!--
var seq = "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX";
function mmGraph(e)
{
var s = event.x;
document.getElementById('pos').innerHTML = s;
if (s > 0 && s <= seq.length) {
var s1 = seq.substr(0, s);
document.getElementById('seq').innerHTML = s1;
}
}
window.onload = function() {
document.getElementById('graph').onmousemove = mmGraph;
}
//-->
</script>
</HEAD>
<BODY>

<div id="graph">#</div>
<div><span id="pos">0</span></div>
<div id="box"><span id="seq">X</span></div>

<dl>
<dt>ID</dt>
<dd>00033</dd>
</dl>

<dl>
<dt>SSSSS</dt>
<dd>ababab</dd>
</dl>

<dl>
<dt>WWWWW</dt>
<dd>64734</dd>
</dl>

</BODY>
</HTML>

●質問者: tyu78
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:Blue border BOX PoS RED
○ 状態 :キャンセル
└ 回答数 : 1/1件

▽最新の回答へ

1 ● tailshade

#のあたりでマウスを動かすとフォーマットに乱れが生じます。

とありますが、これは「青枠上でのマウスの動きにあわせて赤枠の中に"X"が表示されてしまう」ということでしょうか。

IE6SP2で確認しましたがそのような動作は記述されたJavaScriptを見る限り正しい動作と言えると思います。もしもこれが「意図した動作と違う」という事なのでしたらJavaScriptを書き直す必要があります。

ただ、私の質問の解釈が間違っている、或いはIEのバージョンの違いにより私の環境で不具合が発生していないと思われる場合には具体的な内容をお教えいただけると回答しやすくなると思います。

◎質問者からの返答

Xの伸縮に同期して定義リストの内容の表示が崩れます。Xを表示させないようにすると発生しません。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ