[ 簡易パスワード認証(JavaScript) 記述例 ]
- [ 簡易パスワード認証(JavaScript) memo ]
- JavaScriptが無効になっている場合は、パスワードの入力ができないのでアクセスできません。
- パスワードをかける方法はJavaScriptの他、Basic認証・CGIを利用したものがあります。
- 下記のパスワード認証ボタンのパスワードはj_passです。
- パスワードを入力されるとj_pass.htmlに移動します。
[ 引越し案内(JavaScript) 記述例 ]
- [ 引越し案内(JavaScript) memo ]
- bodyには<body onload="setTimeout('goNext()',3000);">と記述します。
- この3000は秒数を表しています。3秒後に移動します。
- JavaScriptが無効になっている場合は、移動出来ないのでテキストリンクを付けておきます。
- 引越し案内 サンプル
[ フェードイン(JavaScript) 記述例 ]
- [ フェードイン(JavaScript) memo ]
- bodyには<body onload="timer=setInterval('fadein()',80)">と記述します。
- JavaScriptが無効になっている場合は、色の変化はありません。
- フェードイン サンプル
[ ブラウザ分岐 * JavaScriptの可否 (JavaScript) 記述例 ]
[ ブラウザ分岐 * JavaScriptの可否 (xhtml) 記述例 ]
- [ ブラウザ分岐 * JavaScriptの可否 (JavaScript) memo ]
- 外部JavaScriptで記述しているurlはJavaScriptがオンの場合の飛び先です。
- xhtmlで記述しているurlはJavaScriptがオフの場合の飛び先で、"2"は秒数を表しています。
- JavaScriptが有効になっている場合はonのページに飛び、無効になっている場合はoffのページに飛びます。
- 多くの企業でoffのページにはJavaScriptを有効にする方法が掲載されていました。当サイトでもJavaScriptを有効にする方法を掲載しておりますのでよろしければご覧下さい。
- ブラウザを分岐 * JavaScriptの可否 (JavaScript)
[ ブックマーク登録 *IE以外反応無(JavaScript) 記述例 ]
[ ブックマーク登録 *IE以外反応無(xhtml) 記述例 ]
- [ ブックマーク登録 *IE以外反応無(JavaScript) memo ]
- IE(win)では反応しましたが、Mozilla Firefox 1.5(win)、Opera 9.1(win)では反応しません。
- 一応掲載しますが、あまり実用的ではないと思います。
- ブックマーク登録 *IE以外反応なし サンプル
[ ボタン(xhtml) 記述例 ]
- [ ボタン(JavaScript) memo ]
- * 前のページに戻るボタン(履歴）
- * 次のページに進むボタン(履歴)
- * 開くボタン(open)
- * 閉じるボタン(close)
- * 印刷ボタン(print)
- * スタートページに登録ボタン *IE以外反応なし
- * 更新ボタン(reload)
- * ブックマーク登録 *IE以外反応なし
- を掲載しています。
- 閉じるボタン(close) *Firefox反応なしについての補足ですが、スクリプトで開いたブラウザを閉じることは可能です。
- 通常にブラウザに飛んだ場合では閉じるボタンが反応しない確率が高いのでご注意ください。
- ボタン サンプル
[ 最終更新日の表示(JavaScript) 記述例 ]
- [ 最終更新日の表示(JavaScript) memo ]
- script自体に改行を付ける場合は、,"<br />" を記述してください。
- 例: document.write("■最終更新日は " + document.lastModified + " です。■","<br
/>");
- 最終更新日の表示 サンプル
[ 今日の日付(JavaScript) 記述例 ]
[ 今日の日付(英語)(JavaScript) 記述例 ]
[ カウント(JavaScript) 記述例 ]
- [ カウント(JavaScript) memo ]
- currentDateには現在日時、targetDateにはターゲットを指定します。
- カウント サンプル
[ ○日後(JavaScript) 記述例 ]
- [ ○日後(JavaScript) memo ]
- n日後(○日後)を調べます。
- ○日後 サンプル
[ デジタル時計(JavaScript) 記述例 ]
- [ デジタル時計(JavaScript) memo ]
- 1000は1秒を表します。この場合、1秒おきに表示されます。
- デジタル時計 サンプル
[ 画像の切り替え[click](JavaScript) 記述例 ]
[ 画像の切り替え[click](xhtml) 記述例 ]
- [ 画像の切り替え[click](JavaScript) memo ]
- ■画像切り替え(JavaScript) 記述例■ で記述されている document.images[1].src=movimg[imgNoB].src; 部分の[1]についてですが、これは2番目に表示される画像の番号を示します。
- 1番目に表示される画像が切り替える画像の対象ならば[0]を、3番目に表示される画像が切り替える画像の対象ならば[2]と書き換えてください。
- 画像の切り替え[click] サンプル
[ 右click禁止 *印刷禁止含む(JavaScript) 記述例 ]
[ 右click禁止 *印刷禁止含む(xhtml) 記述例 ]
[ 右click禁止 *印刷禁止含む(css) 記述例 ]
- [ 右click禁止 *印刷禁止含む(JavaScript) memo ]
- 右click禁止のJavaScriptは手軽に使えますが、JavaScriptを切っている場合、効果がないので画像をtableの背景にしてしまい更に透明画像のgifをセルに置きます。
- 画像をtableの背景にすることで、画像のみ印刷が出来ず、透明画像のgifをセルに置くことで右クリックで保存をしても透明の画像のみ保存されます。
- ページ全体を印刷禁止にする場合は、印刷用のcssを付けても効果があります。
- 記述の注意点ですが、bodyについているoncontextmenuはあまりよくありません。
- ですが、これをとってしまうと右click禁止が出来ません。
- また、xhtmlで記述しているbackground(td)はcssで指定しているので取ってしまっても動作環境(win IE 6.0、Firefox 1.5、Sleipnir 2.3、Opera 9.1)では問題はありません。cssが反映しないブラウザ対策として付けています。
- こちらも正しい方法ではないので個人ページの場合は削除した方がよろしいかと思います。
- プリントスクリーンを使ったり、ページ自体を保存された場合、こちらの方法も効果はなくなりますが個人ページであれば多少有効かと思われます。
- プリントスクリーンを禁止するような専用のソフトも少し出ているので企業の場合はそちらもオススメです。
- また、ソースを暗号化する方法もありますが、SEO 的に見るとあまりよくないのではないかと思います。
- 透明な画像(1px×1px)はtoumei.lzhからダウンロード可能です。
- ご自由にご利用ください。
- 右click禁止 *印刷禁止含む サンプル
[ ハイライト(JavaScript) 記述例 ]
[ ハイライト(xhtml) 記述例 ]
- [ ハイライト(JavaScript) memo ]
- JavaScriptを切っている状態だとハイライトはされませんのでご注意ください。
- JavaScript以外でも css によりハイライトすることが可能ですが、IE 系では反応しませんでした。( ハイライト2 サンプル * IE 反応なし )
- 下記サンプルはFirefox・IE系ブラウザ等に対応しています。
- ハイライト ( IE 反応あり ) サンプル
┣ メールアドレスのチェック
css + xhtml + seo は新着情報をRSS(フィード)で配信しています。
ご希望の方は下記のアイコンからご利用ください。
- Google
-
- [ 動作環境 ]
- * Win XP
- * Win 2000
- * Linux
- * IE 6.0
- * (IE 7.0)
- * Firefox 1.5
- * Sleipnir 2.3
- * Opera 9.1
- [ Tie-up ]
- web design...
- アイコン・ボタン・背景等の Web 素材サイト
- フリー写真画像素材...
- ホームページ( Web )作成の為のフリー写真・画像素材サイト
- [ RSS + ]
