サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
www.sapphirus.biz
機能説明 通常のHTML内に非同期でテキストファイルやHTMLソースを別に読み込んで挿入します。 更新情報など頻度の高い書き換えに対し、元のHTMLは弄らずに反映させたいときなどに便利です。 基本のHTMLソースに書き換えが起きない分、SEO的にもちょっとは有効かも? (非同期の記述は Open Space様 (http://www.openspc2.org/) を参考、利用させて頂きました) 読み込むファイルはBOM付のUTF-8で用意する必要があります。(BOM付でないと一部ブラウザで文字化けするようです) ※オマケ的はありますがchg_utf8.phpを付属しました。「chg_utf?filename」でBOM付UTF-8に変換します。 設置ついて <script type="text/javascript" src="doc_async.js"></script> を HTMLソー
sformmail.php 【本体】 sfm_sendmail.php 【SMTP送信用スクリプト】 sfm_config.php 【設定ファイル】 sformmail.css 【共通CSS】 sfm_form.html 【入力フォーム用】 sfm_confirm.html 【確認画面用】 sfm_completion.html 【送信完了画面】 sfm_mail_tmpl.php 【メール送信用テンプレート】 sfm_reply_tmpl.php.php 【自動返信用テンプレート】 /utf-8 【UTF-8用サンプル】 /shift_jis 【SHIFT_JIS用サンプル】 はじめに sfm_sendmail.php を開いて、使用するメールサーバのアカウント設定をして下さい。 ほか、設定ファイル及び付属のHTMLファイルを参考にして下さい。 現在、自宅環境とレンタルサーバ「hetem
機能説明 マウスをイメージ画像に乗せたとき、そのイメージ画像を別の画像にロールオーバーします。 Adobe Dreamweaver 等でも用意されていますが、HTMLソースの HEAD や BODY 内に javascript がいろいろと書き込まれてしまいソースがごちゃごちゃするので、もっと綺麗にならないかなぁ・・・ってことで用意してみました。 「_off」と「_over」という名前が含まれるイメージファイルを二つ用意します。 「_off」が通常のイメージとなり、マウスオーバーすると「_over」のイメージファイルに入れ変わります。 マウスを外すと「_off」の画像に戻ります。 Ex.) イメージファイル「menu1_off.gif」「 menu1_over.gif」 <img src="menu1_off.gif" alt="" /> 設置ついて <script type="text/
機能説明 「#TOP」などページ内リンクでページトップへジャンプするときにスクロールして移動します。 href に「#TOP」(大文字・小文字の区別は無し)の文字列があるリンクをクリックした場合、スクロールしてページの一番上に移動します。 Ex.) <a href="#TOP">↑PAGE TOP</a> Javascript本体(gotop.js)内の goTopMove = [数字] でスクロール速度を調整できます。 (0:停止〜大きいほど遅くなります) 設置ついて <script type="text/javascript" src="gotop.js"></script> を HTMLソース HEAD 内に置いて下さい。 ※gotop.js は window.onload を使って読み込ませてますので、onload を利用する他のスクリプトを利用時はご注意下さい。 addEvent
sgcounter.php 【本体】 sgcounter_img.php 【イメージ結合用】 sgcounter_pref.php 【環境設定】 sgcounter_t.php 【今日の合計表示用】 sgcounter_y.php 【昨日の合計表示用】 img(ディレクトリ) 【0〜9の数字画像】 data(ディレクトリ) 【カウントデータ保存用】 使い方 IMGタグを使ってイメージソースとして扱います。 例) <img src="sgcounter.php?sample01"> sgcounter.php? の後ろに引数指定した文字列がカウントデータを書き出すファイル名となります。 ここの指定を変えることで、他のページでも別のカウンタとして利用することができます。 ※書き出されるファイル名には自動的に .php が付くので拡張子は付けないで下さい。 sgcounter_pref.php
sformmail.php 【本体】 sfm_config.php 【設定ファイル】 sformmail.css 【共通CSS】 sfm_form.html 【入力フォーム用】 sfm_confirm.html 【確認画面用】 sfm_completion.html 【送信完了画面】 sfm_mail_tmpl.php 【メール送信用テンプレート】 sfm_reply_tmpl.php 【自動返信用テンプレート】 /utf-8 【UTF-8用サンプル】 /shift_jis 【SHIFT_JIS用サンプル】 ご利用の際は、設定ファイル及び付属のHTMLファイルを参考にして下さい。 現在、自宅環境とレンタルサーバ「heteml」で動作確認しています。 PHPのバージョンや環境によっては動作しない可能性があることをご了承下さい。 ※バージョン1.xxとは各種ファイルに互換性がありませんのでご注
sformmail.php 【本体】 sformmail.html 【入力フォーム】 sformmail.css 【共通スタイルシート】 confirm.php 【確認画面用】 completion.html 【送信完了画面】 template.php 【メール送信用テンプレート】 reply.php 【自動返信用テンプレート】 使い方 スクリプト内43〜46行目の設定をします。 $mail_to='メールアドレス'; フォームデータから送信されるデータの受け取り先メールアドレスを設定します。 ※必ず受け取ることのできるメールアドレスを設定して下さい。空欄不可。 $mail_subject='タイトル'; メールを受け取る時の Subject(件名) を設定します。 $reply_subject='タイトル'; 自動返信用の Subject(件名) を設定します。 $mail_bcc='メ
sezinfo.php 【本体】 sezinfo.css 【スタイルシート】 sample.html 【表示サンプル】 data(ディレクトリ) 【データ格納ディレクトリ】 - sample.dat 【データ保存用ファイル】 - sample.js 【表示用JavaScript書き出しファイル】 - sample.txt 【非同期表示用テキスト書き出しファイル】 js(ディレクトリ) - doc_async.js 【非同期ファイル読み込み用JavaScript】 使い方 スクリプト内28〜54行目の設定をします。 $pageTitle='タイトル'; このページのタイトルです。 $password='1234'; ログインパスワードを設定します。表示用javascriptファイルの反映も同じパスワードになります。 $maxData='20'; 表示するデータの最大保存数です。設定した数を超
使い方 利用するHTMLをPHPから表示させるために、 .html を .php に変更します。 カウンタスクリプトを呼び出すためHTML内に <?php $file='ファイル'; include('stcounter.php'); ?> を記述します。カウンタ表示より前で呼び出すようにして下さい。<head>〜</head>の間に置くのが適当でしょう。 ファイルはカウントデータを書き出すファイル名です。ここの指定を変えることで、他のページでも別のカウンタとして利用することができます。 ※書き出されるファイル名には自動的に .php が付くので拡張子は付けないで下さい。 カウンタを表示させるには、 <?=$count?> (合計カウント) <?=$today?> (今日のカウント) <?=$yesterday?> (昨日のカウント) をHTMLのBODY内にそれぞれ記述します。 例) 合
sclick.php 【本体】 /data 【データ保存用ディレクトリ(変更可)】 /tools/sresult.php 【ログ集計表示プログラム】 /tools/sresult.html 【ログ集計表示用HTML】 /tools/sresult.css 【ログ集計表示用CSS】 /tools/logcutter.php 【Ver.1.02以前用ログ分割プログラム】 使い方 普通にリンクする代わりにスクリプトを通してログに書き出してから指定したURLへ移動します。 sclick.php の後ろにUIDとURLを添えてスクリプトに受け渡します。 例) 〜/sclick.php?UID=Sample01&URL=http://hoge.hoge/ もしくは、任意のIDを指定することで、ログに書き出し後、指定のURLへ移動することが出来ます。 転送先のURLの表示を隠すことが可能です。 詳しくは
フォームメールやアクセスカウンタ等の自作のPHPスクリプトやJavaScript、カスケードスタイルシート(CSS)を中心に、Webサイト作りに(ほんのちょっと?)役立つかも知れないと思うものを取り上げていこうと思ってます。 徐々にアイテムを増やしていこうとは思っているのですが、なにぶん時間的にゆとりがあまり取れないので、なかなか思うように組んでいけない状態です… サーバ環境 このサイトはさくらのVPSを利用してます。(Apache/2.4 PHP/7.4.33) ローカル環境はApache/2.4 PHP/7.1です。 ※レイアウトや動作確認等はWindows版の Google Chrome、Internet Explorer 11、Mozilla FireFox 以外ではチェックしていません。 Mac版のブラウザでは正常に表示できない場合があります。 ※各PHPスクリプトは、基本的にE
このページを最初にブックマークしてみませんか?
『サイト作りの小役立ち工房』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く