シーラ家ＴＯＰ \ プログラミング \ DL-Script \ JScript[すべて壊れる]

全部壊れるスクリプト Ver.1.10

現在見ているコンテンツが、一気に壊れていきます（笑。当然、リロードしないとコンテンツが復活しない状況に陥ります。(笑(^^ ;;
なお、このスクリプトは、かなり重たいものとなっていますので、ご注意ください (でも、一応 MMX 200MhzＰＣでも動いてます：笑)。また、ユーザーを混乱に陥れる可能性もありますので、やっぱり実装にはご注意ください。

また、このスクリプトは現在、Internet Explorer 4.0 以降のみ対応となっております。

ダウンロード [ allbreak.lzh - 4,065 Byte ]
動作テスト
ソース観覧

実装方法

リンクを跳ねさせたいＨＴＭＬファイルと同じフォルダ（ディレクトリ）に、"allbreak.js" を置く。
リンクを跳ねさせたいＨＴＭＬファイルの <head> 要素の中に、<script language="JScript" type="text/jscript" charset="shift_jis" src="allbreak.js"></script>と、記述する。
何かのイベントから allbreak(); を呼び出す様にＨＴＭＬを記述する。(下記実装例を参照)
"allbreak.js" をメモ帳で開いて、必要におおじてユーザー設定を変更する。
ファイルを開いて、動作確認をします。うまく動作していることを確認してください。

この５ステップでＯＫです。(^^)

設定方法

何かのイベントから `allbrak();` を呼び出す

イベントはなんでもかまいません。onClick だろうが、onMouseOver でも。ただし、ユーザーが混乱しないようにしておいたほうがいいと思います。
以下に記述例を出しておきます。色付の部分がポイントとなっています。

<input type="button" value="壊れます。" onClick="allbreak();">
<img src="xx" width="xx" height="xx" alt="" onMouseOver="allbreak();">
<h1 onMouseOut="allbreak();">こわれる？</h1>

などなど… この onMouseOver / onMouseOut / onClick などをどこかしらのタグの属性につけて、値を "allbreak();"として指定すればＯＫです。属性の意味は…見て分かると思うので省略します。(笑 (ホントは、属性じゃなくて、イベントって言うんですけど…)

ユーザー設定について

"allbreak.js" をメモ帳等で開くと、次のような文字列が見つかると思います。

/* ■■■■■ ユーザー設定エリア ■■■■■ */

この文字列の下に、各自で自由に値を変更できる（しなければならない）ところがありますので、各自でカスタムしてください。

各パラメータの意味は次のとおりです。

BeforeMsgFlg (Bool値 : true / false)

AfterMsgFlg (Bool値 : true / false)

処理が開始される前・終了したあとにアラートボックスでメッセージを表示するかどうかのフラグです。次の値を指定することが出来ます。

true
アラートボックスを表示して、各メッセージを表示します。
false
アラートボックスは表示されません。

BenchFlg (Bool値 : true / false)

処理中にベンチマークテストをするかどうかのフラグです。ベンチマーク値は、ステータスバーに表示されます。(下のほう)

true
ベンチマーク値を表示します。
false
ベンチマーク値を表示しません。

BeforeMessage (文字列)

AfterMessage (文字列)

処理が開始される前・終了した後に表示されるメッセージ文字列を指定します。

AfterStatus (文字列)

処理が完了したあとに、ステータスバーに表示される文字列を指定します。必ず文字列を指定しておいてください。

トラブルシューティング

壊れてくれません！: ブラウザは InternetExplorer4.0 以上ですか？それ以外のブラウザの場合、動作しません。
「オブジェクトを指定してください」って、エラーが出るにょ。: <head>に記述する<script language="JScript" type="text/jscript" charset="shift_jis" src="allbreak.js"></script>が正確に記述されているか確認してください。
イベントって何ですか？: JavaScript 絡みなのです。詳しくは JavaScript を扱っているページを参照してください。(^^ ;;

注意事項

<script language="JScript" type="text/jscript" charset="shift_jis" src="allbreak.js"></script>と JScriptと記述することにより、完全に InternetExplore でしか動作しなくなります。
なお、上記の実装方法ですが、あくまでも「初心者」さんとターゲットにした説明書きとなっていますので、分かる方は各自で実装方法を変更してください。
ＣＳＳで、リンク関係 ━つまり a 要素━ に対して「position」・「top」のプロパティが前もって設定されてしまっている場合、正常に動作しない場合があるかもしれません。
このスクリプトを使用した場合に発生したトラブル等に対して、いろきゅうは何も責任を持ちませんのであしからず。
質問、疑問点、ご感想等は「いろきゅう」にメールでお知らせください。おそらく、やさしく「お母さま口調」で対応させていただきます。

▲このページのＴＯＰ▲

ダウンロード | 動作テスト | ソース観覧

シーラ家ＴＯＰ \ プログラミング \ DL-Script \ JScript[リンクが跳ねる]