レンタル掲示板始めました

 ネットで事業をするには その3 今回の記事は、99%宣伝です (^^;)

  ♥ Ryos.info レンタルCGI ← ここをクリックしてね♪

にこにこ
にこにこ
普通
普通
初めまして
初めまして
ぐすん
ぐすん
は〜い!
は〜い!
おいおい
おいおい
怒ったぞ!
怒ったぞ!
お眠です〜
お眠です〜
びっくりー!
びっくりー!
やれやれ
やれやれ
いやあ
いやあ
わからん?
わからん?
あわあわ
あわあわ
こら〜!
こら〜!
やったーっ
やったーっ

 さて大手町の総務省関東総合通信局情報通信部電気通信事業課に届出電気通信事業(旧一般第二種事業に該当)の届出も済ませ。レンタル掲示板に使うCGI製作サイトへの事業者登録も済ませましたので、よいよ掲示板のレンタル開始です。

 便利で楽しいレンタル掲示板です。利用者のパソコンの中の画像を送信して表示できる画像アップロード式(年間使用料1200円消費税込)のものと、タグを書き込むことで画像を表示できるタイプ(年間使用料600円消費税込)の2種類をレンタルしています。

 どちらも親記事に対してレスがつけられます。ご利用される方(管理人)が設定変更画面から、タイトルやデザイン、パスワード、アイコンの有る無しなど設定を色々変えることができます。お試し用掲示板がありますので、お試し下さい。ご質問はご遠慮なく質問掲示板でお尋ね下さい。

 設置してみようと思われましたら、お申し込み用送信フォームよりお申込み下さい。お申し込みされたその時点で設置され利用できます。お試し期間が2週間ございますので、その間に使用して頂き、お気に召しましたら使用料のお振り込みをお願い致します。2週間を過ぎてもお振り込みがございませんと、キャンセルされたこととなり掲示板は削除されます。詳しくは、ご利用方法・ご利用規約をご覧下さい。

名前を訊くスクリプト

わたしのホームページの作り方のサイトのHPの作り方質問BBSで、「ページに入る時に、名前を入力するスクリプトが開いて、次からは『名前を変更する』というボタンを押さない限り、そのスクリプトが開かないようにする、というスクリプトを…」という質問がありました。始めはよく意味が分からなかったのですが、JavaScript のクッキーを使ってできるかな?、と思い、遊び半分で作ってみましたら何とかそれらしきものになりました。

ソース
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>名前を訊くスクリブト</title>
<script type="text/javascript"><!--
cookiename = "jusw221";
function setCookie(){
expires = "Fri, 31 Dec 2010 23:59:59 GMT";
var cname;
cname = escape(form1.nam.value);
if(cname == ""){document.write('お名前をお書き込み下さい');}
else{
document.cookie = cookiename + "=" +  cname + "; expires=" + expires;
return true;}
}
function setCookie2(){
expires = "Fri, 31 Dec 2000 23:59:59 GMT";
var cname;
cname = "oo";
document.cookie = cookiename + "=" +  cname + "; expires=" + expires;}
//--></script>
</head>

<body topmargin="150">
<center>
<script type="text/javascript"><!--
str = document.cookie;
no = str.indexOf(cookiename);
str2 = str.substring(no+cookiename.length+1);
no = str2.indexOf(";");
if(no==-1){str3 = str2.substring(0);}
else{str3 = str2.substring(0,no);}
str3 = unescape(str3);
if(str.match(/jusw221/)||(str3!=""&&no==-1)){
document.write(str3 + 'さん、いらっしゃい!<br><br>');
document.write('お名前を変更したい時には、クリックしたください ');
document.write('<form><input type="button" name="change" value="名前の変更" onClick="setCookie2();location.reload();"></form>');}
else {document.write('<form name="form1">');
document.write('<p>お名前をお書き込み下さい');
document.write(' <input size="20" type="text" name="nam"></p>');
document.write('<p><input type="button" value="登 録" onClick="setCookie();location.reload();"></p></form>');}
//--></script>
</center>
</body>
</html>

興味をお持ちの方はお試しください。下のコピーボタンをクリックしますと、上のソースが一括してクリップボードにコピーされます。

「名前を訊くスクリプト」続きを読む

タグの自動挿入

 この Blog の記事書き込み欄の上には、[URL] [B] [i] [U] の4つのボタンがついていまして、これは JavaScript で動作するタグ自動挿入のボタンです。DION の LOVELOG の場合、JavaScript のソースが別ファイルなっていますが、

http://blog.dion.ne.jp/js/misc.js

にアクセスすればダウンロードして見ることができます。どれもテキストエリア内の選択語句を拾い、その語句の前に開始タグを後ろに終了タグを挿入する仕組みになっています。

 ではテキストエリア内の任意の場所に、選択した語句の前後でなく単独でタグを挿入できないでしょうか。これはちょっと簡単に思えますが、意外と難しいようです。選択語句は、

document.selection.createRange().text

で得られますが、テキストエリアにカーソルを置くことで得られるテキストの書き込み位置は、テキストエリア左端からのX座標や、テキストエリア上端からのY座標を調べないとできないようです。それでネットの検索で色々調べ、それらしきスクリプトから必要と思われるものを抽出して繋ぎ合わせてみました。ですので、ちょっと余分なものも含まれているかも知れません。ちょっとここに書くと長くなりますので、これらのスクリプトを使って作りました「タグ学習ボード」なるものを見て下さい。

タグ学習ボード

このソースファイルのソースをご覧下さい。ご自分に便利なように色々改造したら、使い道があるかも知れませんね。ご自由にお使い下さい。ただ、まだ時々書き込み位置が正しく認識されずに、あらぬ場所にタグが挿入されることがたまにあります。(^^;)