| TOP> Motto JavaScript> サンプル集> キリバンゲッターオートジャンプ C |
| Count Getter AUTO JUMP -typeC- |
|
タイプC(次のキリバンカウント数を設定する必要はありません) |
|
関連項目⇒ タイプA
|
|
前項までで紹介してきたキリバンゲッターオートJUMPは、キリバンのカウント設定を自分で行なわなくてはなりませんでした。つまり、キリバン設定の数字を越えた際は自身で次の設定するカウント数にHTMLの編集を行なわなくてはならなかったわけですが、このスクリプトは一度ソースに加えてしまえばキリバン設定の数字を越えた際も一切ページの編集をする必要はありません。設定した単位の倍数のキリバンが踏まれた際には永久に指定したページが開かれます。
ステップ1:カウンターログファイルの確認 まず、カウンターのログファイルをサーバーよりダウンロードしてください。その記述のされ方がどのようになっているかを確認することが必要です。先にも述べたとおり、データバインドは半角カンマ区切りで記述されていなくてはなりません。それ以外の文字で区切られている場合で、この機能を使うに当たってはCGIの改変が必要になります。下記にいくつかのログファイルの記述例を書きます。ログファイルをダウンロードし、メモ帳などでそのファイルを開いてください。
ステップ2:必要ファイルのダウンロード
この場合、不可能に当たるのは2番目のケースのみです。他の4つような記述がされている場合は全て可能です。 下記をクリックし、getter3.jsをカウンターを表示しているページと同じフォルダに保存します。
ステップ3:カウンターを表示するページの編集保存をしたgetter3.jsを右クリックし、編集を選びます(メモ帳に関連付けして下さい)。 開かれたページをメールフォームにされたい方は、当サイトでスクリプトの紹介をしています。
関連項目⇒メールフォーム(CGIは必要としません)
キリバンゲットした人をゲストブック形式で保存したい方は、 このスクリプトに合わせて作成したapeskinがあります。 こちらを使用すると、キリバンをゲットした回数によってアイコンが昇進し、 キリバンをゲットした回数が表示されます。 関連項目⇒ape-X(設置には、CGIの知識が若干必要になります。)
まず、<HEAD>〜</HEAD>の間に下記のように書き加えてください。
ステップ4:表示したい箇所の編集<HEAD> <SCRIPT language="JavaScript" src="getter3.js"></SCRIPT> </HEAD> 次に<BODY>タグを下記のように変更します。 <BODY onload="kiriCheck()"> もし既に、onload="abc()"となっている場合は、<BODY onload="abc(),kiriCheck()">とします。 <SCRIPT language="JavaScript">
<!-- var getSize = "18pt"; //カウント数の文字サイズ var getColor = "red"; //カウント数の文字色 var Msg1 = "次のキリバンは"; //キリバンメッセージ1 var Msg2 = "です。キリバンを踏むと記念ページに自動ジャンプします。" //メッセージ2 var none = ""; //次のキリバン表示等を非表示にしたい際は "none" と記述 var countURL = "count.dat"; //カウンターログファイルのURLもしくはパス var countFld = "column4"; //上記にはログファイルの総カウント数の記述されている場所が何番目かを書いてください。 //ログファイルにカウント数が、12345 とのみかかれている場合は、"column1"と記述します。 /*★★★ JavaScriptはもういらない!? ★★★★★★ ★ HTML+TIME by〜〜(m--)m ura@ad.il24.net ★ ★ URL http://html-time.com ★*/ if(document.all){ /*★★★★★★★★★★★★★★★★★★★★★★*/ document.write('<form name="f1" style="display:'+ none +';">'); document.write('<TEXTAREA name="t1" DATASRC="#JavaIraCountData" DATAFLD="'); document.write(countFld +'" style="display:none;"></TEXTAREA>'); document.write( Msg1 +'<SPAN id="g1" style="font-size:' +getSize+ ';color:' +getColor+ ';"'); document.write('></SPAN>' + Msg2 +'</form>'); document.write('<A href="http://html-time.com/" target="_blank" style="font-size:10px;'); document.write('font-family:Arial;text-decoration:none;"><OBJECT ID='); document.write('JavaIraCountData CLASSID="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83">'); document.write('<PARAM NAME="DataURL" VALUE="'+ countURL +'">'); document.write('<PARAM NAME="UseHeader" VALUE="false"></OBJECT'); document.write('>Getter Jump</A>'); }else{ document.write("IEでアクセスすると指定カウントをゲットした際、フォームページにJUMPします。"); document.write("<A href='http://html-time.com/' target='_blank'>Getter Jump</A>"); } //--> </SCRIPT> |