そういえばutf-8って・・・

IEだとutf-8にした場合フォントが崩れた。
半角のフォントが変更されてたり(´・ω・`)
CSSで
*{ font-family:'ＭＳ Ｐゴシック',Osaka,sans-serif; }
とかにしておくとページ全体に適応されるのでIEで崩れなくなる。
久しぶりで忘れてた。

jQuery Sortable対象の中に<script type="text/javascript" src="??????"></script> があるとIEだとエラーになる？？

<div class="sortID">
　<div>こんにちは！</div>
　<div>ここをドラッグ<br><script type="text/javascript" src="??????"></script></div>
</div>

<script type="text/javascript">
$("div.sortID").sortable();
</script>

scriptはたとえば忍者Toolsのカウンターやメールフォーム、XREAの広告タグなどを配置。(内部でdocument.writeされている)
これがあるとIEで対象をドラッグした瞬間にかなりの確立でエラーが発生し落ちる。落ちないにしてもページが変わってdocument.writeの内容だけが表示される。

という現象がありました。誰かわかる方はいますでしょうか。是非ともコメントください。また、sortableをdraggableに変えるとドラッグ自体は問題なくできる。sortableの仕様をもう一度見直そう。(´・ω・`)

ダブルクォート シングルクォート アポストロフィー

今日も新サイトの作成をしているのだが、IE7で見たらエラーが表示されていた。どこかなと探しているとちょっと前に追加したお気に入りボタンが悪さをしたようだ。
サイトは「Simon's CyberSpace El Dorado.」という名前で「'」のアポストロフィーが入っている。困った名前だｗ
&#39; という風に書けばよいと安易に考えていたのがよくなかった。

(1)
document.write(' onclick="window.external.AddFavorite(¥'http://www3.to/eldorado/¥' , ¥'Simon&#39;s El Dorado.¥')" ');

(2)
document.write(' onclick=¥'window.external.AddFavorite("http://www3.to/eldorado/" , "Simon&#39;s El Dorado.")¥' ');

この２つの方法では(1)が失敗(エラーが発生)する。
document.write内を「'」で囲ったのでonclick内を「"」で囲むか「¥'」で囲むかの2つある。さらにその中にAddFavoriteがあるのでこの中も囲ってあげないとならない。
onclickを「"」で囲った(1)場合、AddFavoriteは「¥'」で囲むことになると、その中で囲まれた文字列の「Simon&#39;s」が問題になってしまう。このため(1)の方法だと｢)｣がないとかでエラーになる。
(2)の方法だと「"」の中に&#39;が入るので問題ない。
ただし、&quot;などに変更すると今度は(2)の方法ではエラーになる。

当たり前なようで非常にめんどくさい。
･･･というよりサイト名に変な文字を使わないほうがよいｗ

忍者アクセス解析とAccessAnalyzerの挙動

広告の小さいアクセス解析として忍者アクセス解析(以下 忍者)やAccessAnalyzer(以下 Analyzer)があるが、両者とも広告の表示位置に左上、右上などの設定ができる。Webサイト用に右上表示をしてもらいたかったので設定を右上にした状態で今回いろいろ試してみた。

<div style="position:absolute; top:0px; right:0px;"> アクセス解析 </div>

上記のように設定した場合、忍者では表示され、Analyzerでは画面右外(一画面スクロールするぐらい)に広告がずれ込んでしまった。absolute の right 設定にした理由はJavascriptをOFFにした場合でも右上に表示されることと、absolute をしていることで別の要素に関係なくその位置に表示されるためであるが、Analyzerは予想外にずれてしまったので失敗だった。
今度は right を left に変更して試したところ、忍者では表示されず、Analyzerではきちっと右上に表示された。ただ、これではJavascriptがOFFになった場合左上になってしまう。
どうも両者挙動が違うようで、Analyzer表示位置を左上に設定してreght:0;にすると今度は広告一個分の画面右外に表示されてしまう。

Analyzerもなかなかよい機能があってページごとに解析したい場合、忍者のように画面で設定しなくてもタグのIDを追記することでページごとに解析を分けてくれるので動的ページでは使いやすい。忍者もページごとに連番になっているので(xxxxxxx00～xxxxxxx99 の100個)割り当てられることはできるが、番号にあったページ名をWeb上で設定するのはちょっと面倒だ。
また、Analyzerでは複数のサイトの管理も一括してできるので機能としてはとてもよいのだが、今回の表示位置のずれがどうしても解決できなければ忍者のままにしようと思う。

IEとFireFoxの描画で・・・

zIndex 無効
divで囲ったいくつかのブロックを移動可能にして、さらに動かしているブロックを一番手前にするものを作った。
FireFoxではzIndexをJavascriptで変更してあげるだけでよいのだが、IEでは順番どおりに描画されなかった。position:relative 内に書かれていることが原因なのか position:absolute にすると描画順番が正しくなる。absoluteで絶対座標にするわけにもいかずJavascriptをちょいと変更することにした。IEでは再描画されないような感じだったので、zIndexを変更するところで

this.style.display = 'block';

を追加してみる。がこれだけでは再描画されないのかうまくいかず

this.style.display = 'none';

this.style.display = 'block';

のようにいったん非表示にしてもう一度表示させるとうまくいった。
こ、これでいいのか・・・・・・(￣ω￣;)？