練炭ブログ

萌え壁紙、Irvine、DMonkey、Proxomitron などの情報を扱ってます。

『Golden Marriage -Jewel Days-』のページでテキストを選択できない件

コメントなし»

Internet Explorer で ensemble の『Golden Marriage -Jewel Days-』のページを開くと、マウスのボタン押し下げ移動でテキストを選択できません。
(スペックのページが試しやすいです。)

Shift キー押し下げクリックでの選択や、Ctrl+A による全選択はできます。またボタン押し下げ移動でも、マウスを素早く動かせば最初の数文字だけ選択できることもあります。

調べてみたところ、window.setInterval で実行される関数内でエラーが発生しており、スクリプトエラーが発生すると IE ではユーザ側の操作が途切れてしまう、というのが原因のようです。
(インターネットオプションの設定にもよるのかもしれません。)

再現用コード。

<!DOCTYPE html>
<html>
<head>
<title>test</title>
</head>

<body style="font-size:2em;">
<p>abcdefghijklmnopqrstuvwxyz</p><p>1234567890</p>
<p>abcdefghijklmnopqrstuvwxyz</p><p>1234567890</p>
<p>abcdefghijklmnopqrstuvwxyz</p><p>1234567890</p>
</body>

<script type="text/javascript">
window.setInterval (function () {
  var a = b;
}, 100);
</script>

</html>

snowfall.jquery.js というスクリプトで、画面の下から上に泡が上っていくという演出がされており(スペックのページだとほとんど見えないけど……)、その処理内でエラーになっています。

スクリプトの出処は↓と思われます。
とっても幻想的な泡のスクリプト!実装方法やサンプルを紹介 | Design Color
泡の数を複数の場所に直接数字で書き込むというのが間違いのもとですね。

せめて PageProbe.js のパネル内は選択できるようにしたい……。

結論:IEはそびえ立つクソ

Microsoftシンガポールも萌え業界に参戦、藍澤祈登場

コメントなし»

Inori Aizawa
Inori Aizawa / 藍澤 祈 | Facebook

マイクロソフトがまた萌えた! アニメ作品をひっさげIEキャラ「藍澤 祈」爆誕 変身シーン見ごたえありすぎぃ! - ねとらぼ

SkyDrive で壁紙も公開されています。
aizawa_inori_skydrive

# ねとらぼの記事に SkypeDrive って書かれてるけど……。

追記
【やじうまPC Watch】IEの新公式擬人キャラ「藍澤 祈」が登場 ~インターネットの暗黒面と戦うアニメも公開 - PC Watch

IE 以外のブラウザで http://www.internetexplorertan.com/home/ を開くと泣いている画像が表示されます。

F12開発者ツールは@importしたCSSのURLがおかしい

コメントなし»

Internet Explorer 8 以降で F12 キーを押すと表示される「F12 開発者ツール」(F12 Developer Tools)。ちなみに F12 も正式名称の一部のようです。

CSS のタブにはページ内のスタイルシートを選択するリストボックスがありますが、@import で読み込んだ相対パスのスタイルシートが、少なくとも IE9 では(IE8、IE10 は試していないので不明)、正しくない URL で表示されます。

選択時に表示されるスタイルシートの内容と実際のページのレンダリング結果では正しく本来の URL のスタイルシートが反映されています。

例: 『ちいさな彼女の小夜曲』公式ホームページ
ie9_f12devtool_css

index.html から直接読み込まれている import.css は正しい URL です。

<link REL="stylesheet" type="text/css" HREF="css/import.css">

import.css から以下のように読み込まれている各ファイルは間違った URL になっています。

@import url("./base.css");
@import url("./common.css");
@import url("./page.css");
@import url("./format.css");

JavaScript で document.styleSheets[*].imports[*].href を参照すると開発者ツールと同じように間違った URL が得られます。同じ算出ルーチンを使っているか、開発者ツール自体がそのプロパティを参照してるのかも知れません。

Windows 7 用の Internet Explorer 10 が公開

コメントなし»

ie10_betafishie

ということで早速インストールしてみました。見た目や使い勝手は IE9 からそれほど変わってないっぽいです。

気がついた範囲では、Google Reader のトレンドの表のレイアウトが何故か崩れます。<td> は一列全部同じ幅になるはずが、行によって幅が違って直交した表になりません。

Firefox では継承された text-indent が table 内で反映されない

コメントなし»
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
p, td { border: 1px solid blue; }
</style>
</head>

<body style="text-indent:100px">

<p>shooting probe</p>

<table>
<tbody>
<tr>
<td>T06-078-W138-NK</td>
</tr>
</tbody>
</table>

</body>
</html>

IE8

Google Chrome 23

Firefox 17

どちらの動作が正しいのかは知りませんが、IE や Chrome で流星☆キセキ -SHOOTING PROBE->SPECIAL(18禁注意)を開くとバナーの貼り付け用 HTML が見えないのはこれが原因です。

ヒメゴト・マスカレイドの更新履歴のリンクが _top で開かない件

コメントなし»

エスクードの新作『ヒメゴト・マスカレイド ~お嬢様たちの戯れ~』



このページを IE8 で開いて、赤枠で囲った更新履歴の中のリンクをクリックすると、HTML 上では target="_top" が指定されているのにフレーム内に表示されてしまいます。

親のページの HTML を見ると、<iframe> ではなく <object> で HTML ファイルを埋め込んでいるのですが、Internet Explorer の <object> 要素だとそのような動作になるそうです。

<object> で埋め込んでいる理由は不明ですが、ウェブサーバが負荷に弱いようなので、エラー時に「info.htmlが読み込めません。」という文章を代替コンテンツとして表示するためかも知れません。
(<iframe> だと 503 Service Unavailable のエラーページがそのまんま表示されるはず)

最初はリンクのターゲットを書き換える自作の Proxomitron フィルタがおかしくしているのかと思ったのですが、IE 自体の挙動によるものでした。