さて、昨日は愛生会病院について書きましたが…
今度は今も生き残る目にあまりよろしくないWebサイトをご紹介します。ちなみにレイアウトもアレです。
【ナイトウ薬局/豊田市/喜多町】Welcome to naitonet Web Site/精力剤/生活習慣病/痔/うつ病相談/鬱病相談/脳梗塞/お問合せ:0565(33)8037/豊田市/ひまわり通り商店街(閲覧注意)
色使いは言わずもがななので突っ込みません。それ以外だと、何よりもまず画面を挙動不審気味にちょこまかと動きまわるなにかが気になります。動作原理はJSでスタイルを書き換えているだけです。マウスポインタをホバーさせると止まってくれるのがせめてもの情けです。あと右クリックが無効化されているのが地味にうざい。それからスクロールについてくるカレンダーが気になります。私の環境だと、画面の真ん中あたりで左カラムに思いっきりかぶってるんですけど…なお「ギックリ腰の即効薬お任せ」なる煽り文句が画面右上端に書かれているのですが、背景と同化していて読めません。こちらも無駄についてきます。ついでに言っておくとリンクではありません。
ソースコードを見てみると…
<META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.4 for Windows"> <TITLE>【ナイトウ薬局/豊田市/喜多町】Welcome to naitonet Web Site/精力剤/生活習慣病/痔/うつ病相談/鬱病相談/脳梗塞/お問合せ:0565(33)8037/豊田市/ひまわり通り商店街</TITLE> <META name="GENERATOR" content="IBM HomePage Builder 2001 V5.0.0 for Windows">
信頼と実績のホームページビルダーです。なぜか同じmetaタグtitleタグをサンドイッチしています。そしてこのすぐ下にCSSがstyleタグ中に書き込まれているのですが、…
<style type="text/css"> <!--A:hover{background:#00ffff;}--> </style> <!--中略--> a:active { color:#003366; text-decoration:none; } A:HOVER{ text-decoration : none; visibility : visible; float : none; clear : none; position : relative; top : +2pt; left :2pt; }
1行だけのスタイル、そしてすぐ近くで同じセレクタを使ってスタイルを指定しているのに大文字…
さらに下を見ていくと、細切れになった大量のJavaScriptが現れます。先ほど右クリックが無効化されている、と言いましたが、何が起きているのかがわかりました。
function mdown(e) { if (navigator.appName == "Microsoft Internet Explorer") { if (event.button & 2) { alert("精力剤はナイトウ薬局で!"); return(false); } } else if (navigator.appName == "Netscape") { if (e.which == 3) { alert("精力剤はナイトウ薬局で! by hideyuki"); return(false); } } } if (document.all) { document.onmousedown = mdown; } if (document.layers) { window.onmousedown = mdown; window.captureEvents(Event.MOUSEDOWN); }
クリエイターサイトでも今日日見かけない右クリック無効化&アラート表示ですか…しかしモダンブラウザだとIEくらいにしか効き目がないという悲しさ…
もう少し下には、コメントから察するに20世紀に書かれた骨董品のようなJavaScriptが顔をのぞかせます。
var isNC=(document.layers && (appVer >= 4)); // Netscape Navigator 4.0 or later var isIE=(document.all && (appVer >= 4)); // Internet Explorer 4.0 or later
注目するはコメント。もはや化石のようなブラウザのバージョンが…ただ、&&の位置を揃えてあるのは良い点です。そしてこのあとに何やらホームページビルダーが埋め込んだ画像をロードするものであろう関数が30行くらい続き、380行目くらいでようやくbodyタグが出迎えてくれます。しかし
<BODY background="Vancomycine1.jpg" oncontextmenu="return false" <script language="JavaScript" bgcolor="#FFFFFF" bgproperties="fixed" topmargin="0" leftmargin="0" style="scrollbar-face-color: #000000; scrollbar-arrow-color: #ff0000; scrollbar-base-color: #ffffff; scrollbar-3d-light-color: #000000; scrollbar-darkshadow-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; scrollbar-track-color: #000000" text="#000000" marginwidth="10" marginheight="5" vlink="#FFFFFF" alink="#000000" link="#FFFFFF"> <CENTER> <TABLE id="AutoNumber3" style="BORDER-COLLAPSE: collapse" cellpadding="2" width="812" border="0"> <TBODY> <TR>
長い。さらにお約束のようにbody→center→tableと続けてくれました。ついでにお気づきでしょうが、一部のタグを除いてこのご時世にも関わらず大文字タグです。
まだ全体の3割くらいしか見てないのにこのカオスっぷりでした。無駄に長すぎ…