hira's Web作品の部屋

ホームページ作成において使えるものを公開中です。
スクリプト類・画像類など、順次追加する予定ですが、
「予定」は「未定」です。バグ修正以外の更新は期待しないでください(爆)

以下、JavaScriptファイル
imgtime1.js
2004/04/26
(4,345 Bytes)		 リアルタイムに画像で時刻表示ができます。24時間制です。サンプル画像を同梱しておりますが変更も可です。
12時間制でAM/PMを出したい場合はimgtime2.jsをご利用ください。
imgtime2.js
2004/04/26
(4,743 Bytes)		 リアルタイムに画像で時刻表示ができます。12時間制でAM/PMが付きます。サンプル画像を同梱しておりますが変更も可です。
24時間制が使いたい場合はimgtime1.jsをご利用ください。
以下、CGI
バグは是非報告してください！
Evaluate BBS
2008/08/29
(16,777 Bytes)		 誰かが投稿したネタに対し、他の人が品評するという形式の掲示板です。
少なくともここにあるCGIの中では一番の自信作です(原爆)
トップページにある「Evaluate BBS」がサンプルですので、一度ご覧になってください。
Web-Clap CGI
2006/02/28
(205,336 Bytes)		 「web拍手」を、管理者の視点より改良したCGIですが、web拍手とは全くの別物です(使用目的は同じですが)。
web拍手に比べ、ログがずっと残せる、複数回答のできる質問を出せる(回答は任意)、1日1回または1週間に1回、メールで拍手の数と最近のメッセージを送らせることができる(sendmailが必要)等の改良がされています。
サンプルはトップページの「このサイトに拍手！」ボタンと「拍手解析」リンクです。
なお、あくまでもweb拍手とは別物ですので、web拍手サイトにこのCGIの質問等は絶対におやめください。お願いします。
カレンダー CGI
(Perl版)
2006/01/12
(4,959 Bytes)		 JavaScriptまたはSSIを併用して、今月のカレンダーを表示するCGIです。カレンダーの背景色・今日の日付を示す色をカスタマイズできます。
特に祝祭日に関する処理に力を入れています。
※昭和の日(4/29)、こどもの日(5/4)には対応しておりません。たぶん近日対応。
カレンダー CGI
(PHP版)
2005/09/13
(4,853 Bytes)		 Perl版と全く同等の内容をPHPで行います。
PHPが使える環境は限られますが、CGIに比べると少しは速いかもしれません。
JavaScriptまたは.phpからのインクルード(include)による表示ができます。
Link-Log CGI
2004/11/29
(7,033 Bytes)		 リンクのクリック数を集計するCGIです。ログ表示ページの背景色(画像)・タイトルなど管理人さんがある程度カスタマイズできます。
Vote-Rankingのコードをかなり使ってます(^^;;
「勉強目的」での開発なので、アドバイス大歓迎です。
Vote-Ranking
2004/08/01
(7,864 Bytes)		 投票ランキングのCGIです。背景色(画像)・タイトル・候補など管理人さんがある程度カスタマイズできます。
CGIの勉強にと作ったもので、Oriosさん作のCGIのソースが参考になりました。また、まけイヌさんにいろいろアドバイスしていただきました。お二人に感謝ですm(_ _)m
「勉強目的」での開発なので、アドバイス大歓迎です。

以下、テクニック(ダウンロード方式ではありません)
ページを読み込んで
一定時間後に
他のページに飛ばす方法		 <meta http-equiv="refresh" content="秒数;URL=アドレス">
というタグを、この機能を使いたいHTMLファイルの
<head>〜</head>の中に書いてください。
秒数・アドレスは各自で設定してください。
ホームページの移転などの時によく使われる「○秒後に自動的に新ページに移動します」という動作が実現できます。
ハイパーリンクが
ポイントされたとき
文字を少し動かす方法		 この下の「トップに戻る」をポイントしたときのように文字が動きます。
(同時にリンクに色がかかりますが、その機能はまた別です。)
この機能を使いたいHTMLファイルと同じフォルダにファイル「stylesheet.css」
を作成し、その中に
A:HOVER { position : relative; top : 1px; left : 1px;}
と入力してください(上をコピー＆ペーストするといいでしょう)。
そして、そのHTMLファイルの<head>〜</head>の中に、
<LINK href="stylesheet.css" rel="stylesheet" type="text/css">
というタグを入力します。
ファイル名は適当に変更しても構いません。その場合必ず作成するファイル名と上のタグ部分のファイル名(赤文字部分)は同じにしてください。

トップに戻る