こちら - OCN

■PageON提供CGI一覧
ご利用中CGI
CGI
アクセスカウンタ
日時表示
目印
(参考)置き換えCGI※
該当部分(赤文字はお客さま固有の設定値)
提供元・入手方法
スタイル1
―
<img src="/cgi-bin/Count.cgi?df=WEBアカウント.dat">
スタイル2
―
<img src="/cgi-bin/Count.cgi?df=WEBアカウント.dat&ft=0">
Bizメール&ウェブ エコノミー
スタイル3
―
<img src="/cgi-bin/Count.cgi?df=WEBアカウント.dat&dd=B">
コントロールパネルよりインストール
スタイル4
―
<img src="/cgi-bin/Count.cgi?df=WEBアカウント.dat&frgb=ff0000">
スタイル1
―
<img src="/cgi-bin/Count.cgi?display=clock">
スタイル2
―
<img src="/cgi-bin/Count.cgi?display=clock&tformat=24">
スタイル3
―
<img src="/cgi-bin/Count.cgi?display=date&fy=T&dd=cd&dformat=ddmmyyyy">
追加方法(赤文字はお客さま固有の設定値)
①コントロールパネルからカウンターCGIのインストール
②以下を追記
<img src="/counter">
一般的java script
①任意のページの<body>タグ内に「日時表示」フォルダ内のソースコードを記述する
http://www.pori2.net/js/date/1.html
<FORM METHOD="post" ACTION="/cgi-bin/formmail.pl">
①コントロールパネルからカウンターCGIのインストール
<INPUT TYPE="hidden" NAME="recipient" VALUE="???@???.ocn.ne.jp">
全てのお客さま
[題名]:<INPUT NAME="subject" SIZE="30"><BR>
②以下を追記。赤文字部分をユーザに合わせて変更
[氏名]:<INPUT NAME="name" SIZE="30"><BR>
<!--◆フォームの開始-->
[E-mail]:<INPUT NAME="email" SIZE="30"><BR>
<form method="POST" action="/cgi-bin/formmail/FormMail.pl">
[コメント]:<INPUT NAME="comment" SIZE="30"><BR>
<!--◆送信されるメールの宛先-->
<INPUT TYPE="submit" VALUE="送信">
<input type="hidden" name="recipient" value="■■送信先のアドレス■■">
<INPUT TYPE="reset" VALUE="クリア">
フォームメール
―
</FORM>
Bizメール&ウェブ エコノミー
コントロールパネルよりインストール
<!--◆送信されるメールの件名-->
<input type="hidden" name="subject" value="■■メール件名■■">
<!--◆必須要素の「name」を指定する箇所-->
<input type="hidden" name="required" value="realname,email,phone">
<!--◆ブラウザに表示される箇所-->
<p>お名前:<br> <input name="realname" size="40"></p>
<p>メールアドレス:<br><input name="email" size="40"></p>
<p>電話番号:<br><input name="phone" size="40"></p>
<p>...<input type="submit" value="Submit"><input type="reset" value="Reset"></p>
<!--◆フォームの終了-->
var so = new SWFObject(
"intro.swf?foo=1404540773588",
"intro",
フラッシュイントロ
"600",
intro.swf?foo=
"300",
代替CGI無し
―
"3"
);
<!-- WebApp ID: 7008 -->
①コントロールパネルからカウンターCGIのインストール
<SCRIPT>
/* please note: this script requires url.js */
②以下を追記。赤文字部分をユーザに合わせて変更
if (typeof(__path_prefix__) == 'undefined')
<!--◆フォームの開始-->
__path_prefix__ = '.';
<form method="POST" action="/cgi-bin/formmail/FormMail.pl">
if (typeof(URL) == 'function') {
<!--◆送信されるメールの宛先-->
var appLoaderUrl = new URL('http://diycgi.cluster.mlpsca01.us.diy-
<input type="hidden" name="recipient" value="■■送信先のアドレス■■">
servers.net:80/cgix/AppLoader.cls/AVESJ0INXLMB/7008/2546/language%3Aja%3Bcountry%3AJ
フォームメール
<!-- WebApp ID: 7008 -->
P%3B?cc=1396433042899');
if (appLoaderUrl.setSession())
<!--◆送信されるメールの件名-->
Bizメール&ウェブ エコノミー
<input type="hidden" name="subject" value="■■メール件名■■">
コントロールパネルよりインストール
<!--◆必須要素の「name」を指定する箇所-->
appLoaderUrl.setParameter("foo", Math.random(), true);
<input type="hidden" name="required" value="realname,email,phone">
document.write("<SCRIPT src='" + appLoaderUrl.toExternalForm() + "'></"+"SCRIPT>");
<!--◆ブラウザに表示される箇所-->
}
<p>お名前:<br> <input name="realname" size="40"></p>
</SCRIPT>
<p>メールアドレス:<br><input name="email" size="40"></p>
<p>電話番号:<br><input name="phone" size="40"></p>
<p>...<input type="submit" value="Submit"><input type="reset" value="Reset"></p>
<!--◆フォームの終了-->
<IMG src='http://diycgi.cluster.mlpsca01.us.diy-servers.net:80/cgibin/counter.PicCount?userid=AVESJ0IN2695&bgc=FAEFEF&fgc=000000&fn=MotoyaExAporo+W5
カウンタ
counter.PicCount?
&fs=14&fs=14&digits=4&gif=yes'>
①コントロールパネルからカウンターCGIのインストール
Bizメール&ウェブ エコノミー
コントロールパネルよりインストール
②以下を追記
<img src="/counter">
<!-- WebApp ID: 1002 -->
①任意のディレクトリに、ファイル名「index.php」として以下を記述
<SCRIPT>
<? include('./guestbook.php'); ?>
/* please note: this script requires url.js */
if (typeof(__path_prefix__) == 'undefined')
②①と同じディレクトリにファイル名「guestbook.csv」を配置。ファイルは空でOK
__path_prefix__ = '.';
if (typeof(URL) == 'function') {
③同じディレクトリに「guestbook.php」を配置。ソースコードは「ゲストブック」フォルダ内の
var appLoaderUrl = new URL('http://diycgi.cluster.mlpsca01.us.diy-servers.net:80/cgiゲストブック
<!-- WebApp ID: 1002 -->
bin/AppLoader/AVESJ0IN2695/1002/77201avesj0in2695/icq%3Dfalse?cc=1404540714096');
if (appLoaderUrl.setSession())
guestbook.phpを参照
フリーCGI
http://www.keitai-site.net/
④index.phpにアクセスして動作確認
appLoaderUrl.setParameter("foo", Math.random(), true);
document.write("<SCRIPT src='" + appLoaderUrl.toExternalForm() + "'></"+"SCRIPT>");
}
</SCRIPT>
<NOSCRIPT>ゲストブックの内容確認を行うには、ご使用のブラウザのJavaScriptの設定を有効にしてく
ださい。</NOSCRIPT>
<!-- WebApp ID: 7005 -->
①任意のディレクトリに、ファイル名「enquete.php」として、「投票」フォルダ内の
<SCRIPT>
enquete.phpのソースコードを記述
/* please note: this script requires url.js */
if (typeof(__path_prefix__) == 'undefined')
②同じディレクトリに、ファイル名「enquete.csv」として以下を記述
__path_prefix__ = '.';
0
if (typeof(URL) == 'function') {
var appLoaderUrl = new URL('http://diycgi.cluster.mlpsca01.us.diy投票機能
<!-- WebApp ID: 7005 -->
servers.net:80/cgix/AppLoader.cls/AVESJ0INEEDE/7005/248/language%3Aja%3Bcountry%3AJP
%3B?cc=1347669370013');
0
フリーCGI
http://ponk.jp/php/file/euquete
0
0
0
if (appLoaderUrl.setSession())
appLoaderUrl.setParameter("foo", Math.random(), true);
③enquete.csvに書き込み権限を追加。アクセスして投票動作を確認
document.write("<SCRIPT src='" + appLoaderUrl.toExternalForm() + "'></"+"SCRIPT>");
}
</SCRIPT>
<!-- WebApp ID: 7060 -->
ホームページ作成
<SCRIPT>
ツールをご利用の
/* please note: this script requires url.js */
お客さま
if (typeof(__path_prefix__) == 'undefined')
__path_prefix__ = '.';
if (typeof(URL) == 'function') {
var appLoaderUrl = new URL('http://diycgi.cluster.mlpsca01.us.diyフォトアルバム
<!-- WebApp ID: 7060 -->
servers.net:80/cgix/AppLoader.cls/AVESJ0INXVOC/7060/a6fa0e7f2c220a623944e06fef33b3b2/la 代替CGI無し
―
nguage%3Aja%3Bcountry%3AJP%3B?cc=1397912236345');
if (appLoaderUrl.setSession())
appLoaderUrl.setParameter("foo", Math.random(), true);
document.write("<SCRIPT src='" + appLoaderUrl.toExternalForm() + "'></"+"SCRIPT>");
}
</SCRIPT>
<!-- WebApp ID: 8002 -->
<SCRIPT>
/* please note: this script requires url.js */
if (typeof(__path_prefix__) == 'undefined')
__path_prefix__ = '.';
if (typeof(URL) == 'function') {
var appLoaderUrl = new URL('http://diycgi.cluster.mlpsca01.us.diy検索
<!-- WebApp ID: 8002 -->
servers.net:80/cgix/AppLoader.cls/AVESJ0INE7PU/8002/search/language%3Aja%3Bcountry%3A 代替CGI無し
―
JP%3B?cc=1325473641167');
if (appLoaderUrl.setSession())
appLoaderUrl.setParameter("foo", Math.random(), true);
document.write("<SCRIPT src='" + appLoaderUrl.toExternalForm() + "'></"+"SCRIPT>");
}
</SCRIPT>
<!-- WebApp ID: 1501 -->
①<body>タグ内に以下を記述
<SCRIPT>
<marquee>スクロールして表示されます</marquee>
/* please note: this script requires url.js */
if (typeof(__path_prefix__) == 'undefined')
__path_prefix__ = '.';
if (typeof(URL) == 'function') {
var appLoaderUrl = new URL('http://diycgi.cluster.mlpsca01.us.diy-servers.net:80/cgiスクロールテキスト
<!-- WebApp ID: 1501 -->
bin/AppLoader/AVESJ0INXLMB/1501/551260/1501?cc=1396433042838');
if (appLoaderUrl.setSession())
appLoaderUrl.setParameter("foo", Math.random(), true);
document.write("<SCRIPT src='" + appLoaderUrl.toExternalForm() + "'></"+"SCRIPT>");
}
</SCRIPT>
<NOSCRIPT>スクロールテキストを表示するには、Javascriptを有効にする必要があります。
</NOSCRIPT>
一般的html
http://www.tagindex.com/html_tag/
text_font/marquee.html
<!-- WebApp ID: 5000 --><SCRIPT>
①フッターを固定したいhtmlファイルと同じディレクトリに、「フッター」フォルダの
/* please note: this script requires url.js */
「footerFixed.js」を配置する
if (typeof(__path_prefix__) == 'undefined')
__path_prefix__ = '.';
②<head>タグ内に以下を記述(同一ディレクトリにfooterFixed.jsを配置した場合)
if (typeof(URL) == 'function') {
<script type="text/javascript" src="footerFixed.js">
var appLoaderUrl = new URL('http://diycgi.cluster.mlpsca01.us.diy-servers.net:80/cgibin/AppLoader/AVESJ0INEEDE/5000/-/20120225-
③<body>タグ内に以下を記述し、■■■を表示したい文字列に変更する
233653?cc=1347669370032&modified=20120225-233653');
<div id=footer>
if (appLoaderUrl.setSession())
■■■
appLoaderUrl.setParameter("foo", Math.random(), true);
フッター
<!-- WebApp ID: 5000 -->
一般的java script
/* adjust protocol/port if extra is shop/footer */
http://blog.webcreativepark.net/200
urlLocation = new URL( document.location.href );
7/11/16-012253.html
</div>
appLoaderUrl.protocol = urlLocation.protocol;
var appLoaderUrlStr = appLoaderUrl.toExternalForm();
if( "https" == appLoaderUrl.protocol ) {
appLoaderUrlStr = appLoaderUrlStr.replace( /:\d+/, ":443" );
} else if( "http" == appLoaderUrl.protocol ) {
appLoaderUrlStr = appLoaderUrlStr.replace( /:\d+/, ":80" );
} document.write("<SCRIPT src='" + appLoaderUrlStr + "'></"+"SCRIPT>");
}</SCRIPT>
<img src="/cgiスタイル1
―
①コントロールパネルからカウンターCGIのインストール
bin/common/Count.cgi/pagetest/Counters?df=mycounter|dd=A|ft=0|frgb=FFFFFF|md=6|negate
=N">
<img src="/cgi-
スタイル2
―
②以下を追記
<img src="/counter">
bin/common/Count.cgi/pagetest/Counters?df=mycounter|dd=C1|ft=0|frgb=FFFFFF|md=7|negat
Bizメール&ウェブ エコノミー
e=N">
<img src="/cgi-
アクセスカウンタ
スタイル3
―
コントロールパネルよりインストール
bin/common/Count.cgi/pagetest/Counters?df=mycounter|dd=E1|ft=0|frgb=FFFFFF|md=8|negat
e=N">
<img src="/cgi-
スタイル4
―
bin/common/Count.cgi/pagetest/Counters?df=mycounter|dd=A1|ft=0|frgb=FFFFFF|md=9|negat
e=N">
<FONT COLOR=#FF0000><H3>pagetestオプションメール確認画面です。</H3></FONT>
①任意のディレクトリにファイル「contact.html」を「オプションメール」フォルダ内の
下記のフォーマットにデータを入れて<FONT COLOR=#0000FF>「送信」</FONT>を押してくださ
contact.htmlのソースコードで作成する
い。<BR>
<FORM METHOD="POST"
ACTION="/cgibin/common/opmail.p?portal@ssc.
オプションメール
ocn.ad.jp,ptl-im@rapid.ocn.ne.jp+
オプションメール
その後、portal宛てメールが送信されるかどうかを確認してください。<BR>
②①と同じディレクトリにファイル「mail.php」を「オプションメール」フォルダ内のmail.php
<FORM METHOD="POST" ACTION="/cgi-bin/common/opmail.p?portal@ssc.ocn.ad.jp,ptl-
のソースコードで作成する
im@rapid.ocn.ne.jp+オプションメール_www21+/pagetest/ok.html+/pagetest/ng.html+KEY0">
あなたのメールアドレスを入れて下さい :<BR>
<INPUT NAME=From SIZE=40><BR>
項目1 : <INPUT NAME=KEY0 SIZE=40><BR>
項目2 : <INPUT NAME=KEY1 SIZE=40><BR>
項目3 : <INPUT NAME=KEY2 SIZE=40><BR>
③mail.php内の以下の赤文字部分をトップページのURLに変更
一般的php & java script
https://github.com/jy97/jyw/blob/m
aster/contact.html
$site_top = "■■トップページURL■■";
④mail.php内の以下の赤文字部分をメール送信先アドレスに変更
$to = "■■メール送信先アドレス■■";
項目4 : <INPUT NAME=KEY3 SIZE=40><BR>
項目5 :
<INPUT TYPE=CHECKBOX NAME=CHK1>項目A
<INPUT TYPE=CHECKBOX NAME=CHK2>項目B<BR>
<INPUT NAME="TEXT" SIZE=40><BR>
<INPUT TYPE="submit" VALUE="送信">
</FORM>
掲示板
<PRE>
①任意のディレクトリに、ファイル名「index.php」として以下を記述
<FONT COLOR=#FF0000><H3>BBSサービス確認画面です。</FONT></H3>
<? include('./guestbook.php'); ?>
下記をクリックして、掲示板が利用できるかどうかを確認してください。
<A HREF="/cgibin/common1/bbs/bbs.cgi/
<H3><A HREF="/cgi-bin/common1/bbs/bbs.cgi/pagetest">BBS確認ページへ</A></H3>
フリーCGI
http://www.keitai-site.net/
</PRE>
②①と同じディレクトリにファイル名「guestbook.csv」を配置。ファイルは空でOK
③同じディレクトリに「guestbook.php」を配置。ソースコードは「ゲストブック」フォルダ内の
guestbook.phpを参照
<FONT COLOR=#FF0000><H3>投票用システムCGI確認画面です。</H3></FONT>
①任意のディレクトリに、ファイル名「enquete.php」として、「投票」フォルダ内の
下記のどれかをクリックして<FONT COLOR=#0000FF>「送信」</FONT>を実行し<BR>
enquete.phpのソースコードを記述
投票結果が表示されるかどうかを確認してください。<BR>
なお、一度同一IPから実行すると、次に別の項目でクリックしてもカウントされません<BR>
②同じディレクトリに、ファイル名「enquete.csv」として以下を記述
Page ON(S)を
0
ご利用のお客さま
<FORM METHOD="POST"
投票機能
ACTION="/cgibin/common1/tou/tou.cgi">
<FORM METHOD="POST" ACTION="/cgi-bin/common1/tou/tou.cgi"><br>
0
<INPUT TYPE="checkbox" NAME="ringo" VALUE="on">りんご
0
<INPUT TYPE="checkbox" NAME="banana" VALUE="on">ばなな
フリーCGI
0
<INPUT TYPE="checkbox" NAME="suika" VALUE="on">すいか
http://ponk.jp/php/file/euquete
0
<INPUT TYPE="checkbox" NAME="meron" VALUE="on">メロン
<INPUT TYPE="checkbox" NAME="mikan" VALUE="on">みかん
③enquete.csvに書き込み権限を追加。アクセスして投票動作を確認
<INPUT TYPE="checkbox" NAME="kiui" VALUE="on">キウイ
<INPUT TYPE="hidden" NAME="koumoku" VALUE="ringo,banana,suika,meron,mikan,kiui"><br>
<INPUT TYPE="submit" VALUE="送信">
</FORM>
<PRE>
<FONT COLOR=#FF0000><H3>CHATサービス確認画面です。</H3></FONT>
チャット
下記をクリックして、チャットが利用できるかどうかを確認してください。
<A HREF="/cgibin/common1/chat/hello.cgi/
代替CGI無し
―
代替CGI無し
―
代替CGI無し
―
<H3><A HREF="/cgi-bin/common1/chat/hello.cgi/pagetest">CHAT確認ページへ</A></H3>
</PRE>
<FONT COLOR=#FF0000><H3>ホームページ検索確認画面です。</H3></FONT>
下記に適当な検索キーワードを入れて<FONT COLOR=#0000FF>「検索」</FONT>を実行し、<BR>
検索結果が表示されるかどうかを確認してください。<BR>
なお、この検索は<B><FONT COLOR=#0000FF>テストアカウント:pagetest</FONT></B>のホーム
<FORM METHOD="POST"
検索
ACTION="http://www21.ocn.ne.jp
/cgibin/common1/search/search.cgi">
ページ内の全ファイル内の検索結果が表示されます。
<FORM METHOD="POST" ACTION="http://www21.ocn.ne.jp/cgibin/common1/search/search.cgi">
ホームページ検索<BR>
<INPUT TYPE="text" NAME="p" SIZE="20">
<INPUT TYPE="hidden" NAME="d" VALUE="0">
<INPUT TYPE="submit" VALUE="検索">
</FORM>
<PRE>
<FONT COLOR=#FF0000><H3>pagetestパスワード変更確認画面です。</H3></FONT>
下記をクリックして<B>パスワード管理画面</B>に入り、
<B><FONT COLOR=#0000FF>CHAT,BBS,ユーザ認証</B></FONT>の3種のパスワードが変更、利
パスワード認証
<a href="/cgi-
用できるかどうかを確認してください。
bin/common1/GUI/passwd.cgi">
なお、パスワード変更後は元のパスワードに戻しておいてください。
</FONT>
<a href="/cgi-bin/common1/GUI/passwd.cgi">パスワード管理画面へ</a>
</PRE>
<IMG src="/cgi-bin/Count.cgi?ft=1|df=t_tomatsu">
アクセスカウンタ
①コントロールパネルからカウンターCGIのインストール
Bizメール&ウェブ エコノミー
―
コントロールパネルよりインストール
②以下を追記
<img src="/counter">
時刻
―
<img src="/cgi-bin/Count.cgi?display=clock|df=otetest31">
一般的java script
日付
―
<img src="/cgi-bin/Count.cgi?display=date|df=otetest31">
http://www.pori2.net/js/date/1.html
①任意のページの<body>タグ内に「日時表示」フォルダ内のソースコードを記述する
<FONT COLOR=#FF0000><B>アンケートです。</B></FONT><br>
①任意のディレクトリに「anke.php」のファイル名で、「アンケート」フォルダ内のanke.php
<FORM METHOD="POST" ACTION="/cgi-bin/cgiresponse">
シートのソースコードを記述
<INPUT TYPE="hidden" name="私のID" value="otetest31">
Page ON(D)を
<INPUT TYPE="hidden" name="次のURL" value="/~otetest31/thanks.html">
②①と同じディレクトリに「anke_data.php」のファイル名で、以下のソースコードを記述
<INPUT TYPE="hidden" name="ファイルコード" value="SJIS">
<?php echo "参照不可"; exit; ?>
<INPUT TYPE="hidden" name="ファイル名" value="test">
日付,時刻,デザイン評価,内容評価,コメント,ページ情報,ホスト名,ブラウザ情報
名前:<INPUT TYPE="text" NAME="name" VALUE="名前" SIZE="20" MAXLENGTH="30">
ご利用のお客さま
アンケート
―
<INPUT TYPE="radio" NAME="sex" VALUE="男性" checked>男性<INPUT TYPE="radio"
③①と同じディレクトリに「ck_data.php」のファイル名で、以下のソースコードを記述
NAME="sex" VALUE="女性">女性 <br> <B>次のうち、果物は?</B><br>
<?php echo "参照不可"; exit; ?>
<INPUT TYPE="checkbox" NAME="point" VALUE="バナナ" checked>バナナ
フリーCGI
<INPUT TYPE="checkbox" NAME="point" VALUE="キャベツ" checked>キャベツ
http://sasuke.main.jp/ankephp.html
5beeccc663f364deaffc506460471251,73900,73671
<INPUT TYPE="checkbox" NAME="point" VALUE="りんご" checked>りんご<br>
④①と同じディレクトリに「enquete.html」のファイル名で、enquete.htmlシートのソースコー
<INPUT TYPE="checkbox" NAME="point" VALUE="みかん" checked>みかん
ドを記述
<INPUT TYPE="checkbox" NAME="point" VALUE="イチゴ" checked>イチゴ<br>
<B>コメント</B><br>
<SCRIPT TYPE="text/javascript">
<!--
var now = new Date();
document.write('<TEXTAREA NAME="message" ROWS="5" COLS="40" WRAP="off">');
document.write(now.toLocaleString());
document.write('</textarea><BR>'); // -->
※ 置き換えCGIについては、参考として一例を記載させていただいております。当社にて動作確認を実施しておりますが、全てのお客さまの環境で動作を保証するものではございませんので、あらかじめご了承ください。
※ フリーのCGIにつきましては、2014年7月現在の情報を記載しております。