JavaScript活用


 ・社内でFilemakerでWEB-Baseシステム構築中だが、動的WEBアクセスは、XML, Dynamic
 HTMLなどデータベース以外でもJavaScript中心で動いている
 ・自社のWEBサイトで、JavaScript抜きにWEB関連の仕事ができない。
 特にDBアクセスが中心。

 というわけで、まずソフトウエアやツールの実装、さらに一通り習熟することを目的に
資料を纏めてみた。
 まずCD-ROM付き解説本を購入しました...




■Javascriptを書く

●Javascriptを使う

 他人の書いたものを使うには、例えばWEBページのソースを表示して、Copy&paste すればよい。  しかし、なかなか自分の思い通りのものに出会わないとも思う。  自作するのがベストだ。  しかし実際のところ、じっくり勉強している暇がないのが、この世の中。  補助ツールをつかうことを考えよう。
●Javascript Editorを使う

 このページの末尾のほうに、[ツール]として、EasyJavaScriptWriterなどいくつかを紹介した。  自動生成ツールもある。
●WEB Editor

IBM Homepage Builder, Microsoft Frontpageにも、補助機能はある。 しかし、大体は、アイテムとしてメニューに登場するので、ユーザーに、これは、Javas criptで生成されているんだよ!、といちいち表示するわけじゃない。 ●[Frontpage 2000 Help]Microsoft Script Editorを使用する Microsoft Script Editorを使用すると、VBScriptまたはJavaScriptをWebに追加できます。 [ツール]メニューの[マクロ]をポイントし、[Microsoft Script Editor]をクリックします。
●その他




■エラー・トラブル関連

●JavaScriptエラーリンク集
JavaScript ---エラーリンク集


●JavaScriptエラーFAQ集
JavaScript:エラー&トラブル一覧 [ホームページに今すぐ活かせるJavaScript]
エラー&トラブル一覧 [ホームページに今すぐ活かせるJavaScript]
エラー&トラブル一覧[11p]


●自分の経験したエラー
★エラー: ')'がない
[エラー] 
[原因] 項目名に"CARGO NO"などと空白を含むでいたため
[対策] CARGO_NOどと項目名を変更してOK

★エラー: 構文エラー
[エラー] ランタイムエラーが発生しました。 デバッグしますか 行:710
	構文エラー
	Microsoft Visual Studio : Unable to load development environment DLL
[原因] 
[対策] 

★エラー: オブジェクトを指定して下さい
[エラー] ランタイムエラーが発生しました。 デバッグしますか 行:708
	オブジェクトを指定して下さい
	Microsoft Visual Studio : Unable to load development environment DLL
[原因] 
[対策] 









■デバッグ Debug


●デバッグツール 1)Microsoft(R) Script Debugger
Microsoft(R) Script Debugger[5p]
 VBScript,Microsoft JScriptTM , Javaなどが対象。 IE4, IIS4.0同梱。
 ※[Installの有無の確認] インストール後、IEの[表示]メニューに[スクリプトデバッガ]が追加されます。
 ※[Download先] http://www.microsoft.com/scripting/debugger
 ※[起動方法]
1.Internet Explorerから起動する 
  IE [表示]メニューの[スクリプトデバッガ]-[開く]
2. Script Debuggerをスタンドアロンで起動して、[表示]メニューの[実行中のドキュメント]をクリック。
3.スクリプトエラーに対する応答で起動する 
4.プログラミングで起動する
 ※[使用方法]Microsoft Script Debuggerの使い方
 ※[サイト]MicrosoftR Script Debugger日本語サイト
 ※その他]WEB Workshop:ASPアプリケーションのデバッグ: Part 1[8p]にも用法など説明あり

●デバッグツール 2)Microsoft Development Environment
 この「開発環境」は、本来Visual J, Visual Studioに付属するものらしいが、このうち
Microsoft Script Editorの「デバッグ」はScript Debugger
 註)[Install Dir]C:\Program Files\Microsoft Visual Studio\Common\IDE\IDE98\
 HKEY_LOCAL_MACHINE\Software\Microsoft\MSE\9.0\
 HKEY_USERS\Software\Microsoft\MSE\9.0\
 用法などはhelp[デバッグの基礎][デバッグツールバー]参照。
Microsoftソースコード管理リファレンス
Microsoft Development Environmentに統合されるソースコード管理の詳細について説明。
ソースコード管理の概要/ソースコード管理の使い方/ソースコード管理ユーザーインター
フェイス/ソースコード管理エラーメッセージ
Microsoft Development Environmentを使用したソースコード管理の設定
 --- MicrosoftR Visual SourceSafeを設定した後は、簡単にMicrosoft Development Env
ironmentに統合できます。統合すると、開発環境を使用してアイテムのバージョン、名前
の変更、削除などの作業を追跡できます。

●デバッグツール 3)その他
Netscape JavaScript Debugger 1.1
 --- Netscape Communicator,Navigatorで動作。環境Windows 95/NT,Mac PowerPC,UNIX [英語版]

●デバッグ用Script
デバッグの方法
JavaScriptのチョット便利なdebug方法[debug.js付き]
eval ---JavaScriptデバッグツール
Quietude.JavaScript Laboratory





●エラー行
 表示されるエラー行はソースファイルの行と違い。
 デバッグモードで、エラー行の内容が表示される場合は問題ないが、表示されない場合
どこがエラー箇所かを探すのが大変。
 ・行カウントされるもの	スクリプト、コメント(//,*/,*)、空白行
 ・行カウントされないもの	なし
 註)但し、Editor等でソースファイルを開く時、1行表示数は、少なくとも200桁以上と
設定する。



●デバッグしない設定[ブラウザーで]
☆Internet Explorerの設定変更
1.メニューから[ツール]→[インターネットオプション]を選択します。
2.[詳細設定]タグをクリックします。
3.[ブラウズ]の中の[スクリプトエラーごとに通知を表示する]をオフにします。
4.続いて[スクリプトのデバッグを使用しない]をオンにします。
5.[OK]ボタンをクリックします。
6.Internet Explorerを終了し、Windowsを再起動します。
 参考★Internet Explorerでランタイムエラー[Mycom PCWeb]







■Scriptフォルダ

■IIS初期フォルダ

├□ InetPub
│├□ Catalog.wci
│├□ FTPROOT
│├□ GOPHROOT
│├□ iissamples
│├□ MAIL
│├□ Mailroot
│├□ News
│├□ NNTPFILE
│├□ SCRIPTS
│└□ WWWROOT


└□ WINNT
 ├□ Help
 │├□ IIS


●Windows Help関連フォルダ●

└□ WINNT  ├□ Help    [5623]  │├□ CertSrv [315] *Certificate Server  │├□ COMMON    [55]  │├□ DEBUG    [76] *MS Script Debugger  ││└□ ART    [30]  │├□ IIS    [1680] *IIS  ││├□ HTM    [1634]  │││├□ adminsamples [20]  │││├□ ASP [370]  ││││├□ ART [2]  │││├□ CORE [285]  │││├□ MM  [45]  ││││├□ EN  │││││└□ ALPHA  │││├□ SDK [883]  ││││└□ ART  │││└□ TUTORIAL [31]  │││ └□ TEMPLATE [6]  ││├□ MISC  [41]  ││└□ WINHELP [4]  │├□ IX    [193] *Index server  ││├□ HTM    [192]  ││└□ WINHELP [1]  │├□ JSCRIPT [936] *Jscript  ││└□ HTM    [936]  │├□ MAIL    [139] *MS SMTP Service  │├□ MMC    [31] *Microsoft 管理コンソール  ││├□ HTM    [29]  ││└□ MISC    [2]  │├□ Mts    [694] *Microsoft Transaction Server (MTS)  ││├□ HTML    [688]  │││└□ IMAGES [107]  ││├□ MISC    [2]  ││└□ Winhelp [4]  │├□ NEWS    [83] *Microsoft NNTP Service  │├□ RASICS    [360] *Internet Connection Services for RASファースト ステップ ガイド  ││├□ CMAK    [85] Connection Manager Administration Kitガイド  ││├□ CPS    [143] Connection Point Services管理者ガイド  ││└□ IAS    [81] MS Internet Authentication Services管理者ガイド  │├□ SSE    [68] *MS Site Server Express  ││└□ PA    [64]  ││ ├□ HTM [48]  ││ └□ MISC [15]  │├□ UA Express [237] *MS Site Server Express Usage Import and Report Writer  ││├□ Docs    [222] [IISログファイル情報を収集分析]  │││└□ Webdocs [221]  │└□ VBSCRIPT [617] *VBScript  │ └□ HTM    [617]

●スクリプト関連フォルダ[WinNT]

●WSH d:\winnt\system32\wsh* d:\winnt\system32\setup\wsh.dll,wsh.ini d:\winnt\help\iis\htm\asp\wsh*.htm d:\winnt\samples\wsh\ ●Jscript d:\winnt\system32\Jscript.dll d:\winnt\help\jscript\ d:\Program files\Microsoft Visual Studio\common\...\Jscript5.chm & d:\Inetpub\iissamples\sdk\asp\applications\application_jscript.asp,session_jscript.asp,timeout_jscript.asp d:\Inetpub\iissamples\sdk\asp\components\Adrotator_jscript.asp,BrowserCap_jscript.asp,CDO_jscript.asp他 d:\Inetpub\iissamples\sdk\asp\database\Adddelete_jscript.asp,Blob_jscript.asp,htmltable_jscript.asp他 d:\Inetpub\iissamples\sdk\asp\interaction\Buffer_jscript.asp,Cancel_jscript.asp,CDF_jscript.asp他 d:\Inetpub\iissamples\sdk\asp\QUEUing\EncryptedDescription_jscript.asp,他 d:\Inetpub\iissamples\sdk\asp\simple\arrays_jscript.asp,他 d:\Inetpub\iissamples\sdk\asp\transactional\Fundtransfer_jscript.asp,他 ●VBScript d:\winnt\system32\vbscript.dll d:\winnt\help\vbscript\ d:\Inetpub\iissamples\sdk\asp\applications\application_vbscript.asp,session_vbscript.asp,timeout_vbscript.asp d:\Inetpub\iissamples\sdk\asp\components\Adrotator_vbscript.asp,BrowserCap_vbscript.asp,CDO_vbscript.asp他 d:\Inetpub\iissamples\sdk\asp\database\Adddelete_vbscript.asp,Blob_vbscript.asp,htmltable_vbscript.asp他 d:\Inetpub\iissamples\sdk\asp\interaction\Buffer_vbscript.asp,Cancel_vbscript.asp,CDF_vbscript.asp他 d:\Inetpub\iissamples\sdk\asp\QUEUing\EncryptedDescription_vbscript.asp,他 d:\Inetpub\iissamples\sdk\asp\simple\arrays_vbscript.asp,他 d:\Inetpub\iissamples\sdk\asp\transactional\Fundtransfer_vbscript.asp,他 ●ASP d:\winnt\system32\aspperf.dll d:\winnt\system32\drivers\aspixnt.sys d:\winnt\system32\inetsrv\asp.dll d:\winnt\system32\inetsrv\asp\ d:\winnt\system\aspiexec.exe d:\winnt\help\iis\htm\asp\ d:\winnt\java\TrustLib\com\ms\asp\ d:\Program files\Microsoft Visual Studio\common\...\asp.chm & d:\Inetpub\iissamples\sdk\asp\ ●script d:\winnt\system32\pscript.sep d:\winnt\system32\wscript.exe d:\winnt\system32\cscript.exe d:\winnt\system32\scriptle.dll d:\winnt\ras\script.doc d:\winnt\system32\repl\import\scripts\ d:\winnt\system32\repl\export\scripts\ d:\winnt\system32\inetsrv\iisadmin\iiscript.asp d:\winnt\help\wscript.hlp d:\winnt\help\iis\htm\asp\script1a.asp d:\winnt\help\iis\htm\tutorial\script1.asp,script4.asp,script6.asp d:\winnt\help\mts\html\scriptable.htm他 d:\program files\common files\microsoft shared\.....\scripts\ ●Java d:\winnt\Java\

●スクリプト関連フォルダ[Win98]

●WSH c:\win98rk\wshadmin.hlp c:\win98\samples\wsh\ c:\win98\help\iis\htm\asp\wsh* c:\win98\inf\wsh.inf c:\win98\system\wsh* ●Jscript c:\win98\system\Jscript.dll c:\win98\help\jscript\ c:\Program files\Microsoft Frontpage Express\Microsoft\...\Jscript5.chm & ●VBScript c:\win98\system\vbscript.dll c:\win98\help\vbscript\ ●ASP ●script c:\win98\wscript.exe c:\win98\script.doc c:\win98\system\lmscript.exe c:\win98\system\scriptle.dll c:\win98\system\pscript.ini c:\win98\command\cscript.exe c:\win98\help\iis\htm\asp\script1a.asp c:\win98\help\iis\htm\tutorial\script1.asp,script4.asp,script6.asp c:\win98\help\mts\html\scriptable.htm他 c:\program files\common files\microsoft shared\.....\scripts\ ●Java c:\win98\Java\











■Java Script関連サイト


■Microsoft

Microsoft JScriptサイト

・ --- Microsoft JScript(JScript)概要, ドキュメント[チュートリアル,FAQ,ランゲージ リファレンス,他], ホスト/プラットフォームに関する情報, サンプル, ダウンロード, 関連するリンク, ニュースグループ。 マニュアルなんか完璧ですね。 すごい充実ぶり。 --- ダウンロードからは、MicrosoftスクリプトエンジンVer.5.5(IE3-5,IIS3.0&4.0対応) , Microsoft Scripting Encoder のダウンロード(日本語x86 Alpha[sce10jp.exe]), 32ビ ット版JScriptドキュメントのダウンロード(JSDOC.exe 715KB) -Win95/98,NT用などがDLできる。

Microsoft JScriptランゲージリファレンス(30p)

--- 完全プログラムマニュアル。

Microsoft JScriptチュートリアル

 では実際の使用法。




MSDN Online Web Workshop Japan

Languages & Development Tools
★JScript
JScript.NET の紹介
VBScript それとも JScript?
Microsoft JScript Version 5.0 に追加された例外処理
JScript サイト
JScript チュートリアル
- JScript ランゲージ リファレンス

★スクリプト
Visual Studio for Applications のご紹介 
スクリプトにまつわる優れた効果と不満 
Web サービスのスクリプティング
Windows 2000: スクリプト天国 
データベースのためのスクリプト
私にとってはすべてギリシャ語 (ちんぷんかんぷん)
スクリプト登場  
動くのなら、スクリプトにせよ 
Remote Scripting
Take Five -- Version 5.0 スクリプトエンジンの新機能
Scriptlets -- 違いの分かるの人のためのコンポーネント 
Windows Script Technologies
Microsoft Script Debugger

★Windows Scripting Host
Windows Script Host 5.6 
Windows Script 5.5 の新機能
Windows Script Components - They Get Around (それらは歩き回る)Component Development
★Windows Scripting Host
Windows Script Components 








■Java Script一般サイト

●メーカーサイト

Netscape JavaScript[US]
●リソースガイド

All About Japan: JavaScript BizTech WebGuide: JavaScript ITNAVI.com: JavaScript
●ニュースサイト

HotWired Japan : Webmonkey : Javascript - 米国ニュース[日本語版]
●メルマガ

メルマガ Jvascript by All About Japan: JavaScriptガイドの高橋登史朗 --- http://www.fureai.or.jp/~tato/js-ml/jsml.htm JavaScriptサンプル大吟醸:まぐプレ「JavaScript」メールマガジン(有料 800円/月) も発行
●総合サイト

一発必殺JavaScript日本語リファレンス★ --- JavaScriptをこれからはじめようという人からJavaScript上級者まで対応できる JavaScriptのリファレンス。逆引き辞典やライブラリ、リンクもあり情報が充実している。 --- サンプルは、ライブラリ & 新ライブラリJavaScript basic samples --- 基本的解説、サンプル、リンク迄の総合サイト。 かなり充実。 JAVA-SCRIPT基本技 --- スクリプト集 ホームページに今すぐ活かせるJavaScript --- JavaScript 関連リファレンス、リンク、サンプル、エラーコード一覧、キーコード 一覧、CSSと大量の資料あり。 ●MioCity -guest HTML 入門 | マニュアル | リファレンス | 関連資料 JavaScript 入門 | マニュアル | リファレンス | 関連資料 CGI 入門 | マニュアル | ライブラリ  | 関連資料 Perl 入門 | マニュアル | リファレンス | 関連資料 ●JavaScriptリファレンス集[Vector] [Free]JavaScriptリファレンス集 1.00 JavaScriptリファレンス集(HTML形式) (184K)
●ツール

簡単JavaScript作成ver.1.15 - Free; 27通り作成可 特徴として、ちょっとした文字入力とドラックアンドドロップで画像をアニメーションさ せたりランダムでリンクを変更させるJavaScriptを作成することができます。 ◇ 作成できるJavaScript一覧 (ver1.14) 1, 一定時間ごとに画像を入れ替えてアニメーションさせる 2, 一定時間ごとにランダムで画像を入れ替える 3, 一定時間ごとにランダムに画像とリンクを入れ替える 4, アクセスした時間によって違う画像を表示させる 5, アクセスした時間によって違う文章を表示させる 6, アクセスした曜日によって違う画像を表示させる 7, アクセスした曜日によって違う文章を表示させる 8, 大きさを指定して別ウィンドウをひらく 9, リンクにマウスをのせると自動的にリンク先に行く 10, リンクにマウスをのせると画像が変わる (ロールオーバー) 11, リンクにマウスをのせると画像が変わる(2つ同時に)(ロールオーバー) 12, 開いたとき指定した大きさに開く 13, ランダムでリンク先が変わる 14, アクセスするたびに画像とリンク先が変わる 15, ポップアップメニュー選択でリンク先に自動的に移動 16, ウィンドーを強制的にスクロールさせる 17, 指定した大きさにウィンドーを拡大アニメーションさせる 18, お気に入りに追加:リンク(Internet Exploerのみ動作) 19, お気に入りに追加:ボタン(Internet Exploerのみ動作) 20, 画像にマウスをのせると違う画像を表示する(ロールオーバー) 21, リンク先をフルスクリーンで表示(Internet Exploerのみ動作) 22, 文字色、背景色を変更する(Netscape4以前では、文字色の変更ができません) 23, ポップアップメニュー選択でボタンをクリックしてリンク先に移動 24, 画像と文章をセットでランダム表示する 25, 一定間隔で上下にスクロールさせる HEditor for JavaScript 1.46 - エディター \1,000 <374k> ●画像カタログ&自動スライドショー - Free; エクスプローラで多数の画像をカタログ表示し拡大表示と自動スライドする為 のjavaスクリプト (01.10.05公開 213K) HTMLスクリプト拝見君 1.00 - Free;Webページ(HP)上のJavaScriptやVBScript、カスケーティングスタイルシート(CSS)を見やすく一覧表示 (03.05.09公開 21K) CssEditor 3.00 - Free;HPを綺麗にかざるスタイルシートを簡単作成・編集 (00.01.07公開 330K) JavaScriptOuterW 1.00 - Free;ウィンドウ関連のJavaScriptを書き出すためのツール (02.11.15公開 18K) 使いたいスクリプトの種類を選んでボタンをクリックしていけばウィザード形式で簡単 に出力されます。出力されたスクリプトをコピー&ペーストで貼り付けるだけで完了。 JavaScriptOuterI 1.00 - Free;画像・モニタ関連のJavaScriptを書き出すためのツール (02.11.15公開 19K) NyaonyaoDynamicHTMLMaker 18.7 - Free;DynamicHTMLの知識が全く無くてもDynamicHTMLを楽しめるソフト (01.09.04公開 381K) 影を落とす文字 影付き文字 同色の軌跡を付ける 文字列変形:クリックした時版も出来ます(NN7.1でも動作) 背景色を変える(NN7.1でも動作) 文字色を変える(NN7.1でも動作) 文字を波打たせる 光効果を出す その他多数のフィルタ効果が有ります!(マウスポインタを乗せて下さい)(NN7.1では改行が変) Logo Master (ロゴマスター) 7.0〜ダイナミックHTMLで、おしゃれなロゴやToolTipsの自動作成 - (01.11.06公開 9,602K 2,730円(税込)) 見出し&LOGO  ■ 01 二枚に重ねたシルエット文字を作る  ■ 02 三枚重ねの文字を作る  ■ 03 文字にグラデーションをかける  ■ 04 シャドー文字を作る  ■ 05 鏡像文字を作る  ■ 06 文字を透明にして背景に画像を置く  ■ 07 立体文字を作る  見出し&ロゴのアニメーション  ■ 08 鏡像文字にWaveフィルターをかける  ■ 09 文字に発光フィルターをかける  ■ 10 画像や文字に発光フィルターをかける  ■ 11 回転する文字を作る  ■ 12 文字にWaveアニメーションフィルターをかける  ■ 13 文字と画像にWaveアニメーションフィルターをかける  Web ToolTip  ■ 14 丸付き英数文字を作る  ■ 15 文書のレイアウトを作る(マージンの自動調整)  ■ 16 文字をズームアップで表示させる  ■ 17 画像を自由ウエーブ移動させる  ■ 18 文字の背景をトラジションフィルターにする  いろいろ工房  ■ 19 縦書き文字を作る  ■ 20 額縁を作る  ■ 21 OSの判別ファイルをを作る  ■ 22 文字の背景やページの背景にグラデーションかける  ■ 23 テキストや画像をスクロールさせる  MENU 工房A  ■ 24 A マウスで触るとテキストの色が変るメニューを作る  ■ 25 B マウスで触るとテキスト背景色が変化するメニューを作る  ■ 26 C マウスで触るとテキスト背景色が変るメニューを作る  ■ 27 二つの画像を使用してムービースタイルのメニューを作る  ■ 28 トランジッションフィルターを使用して動きのあるメニューを作る  MENU 工房B  ■ 29 星屑が散りばむメニューを作る  ■ 30 ボタンのような動きのあるメニューを作る  ■ 31 マウスの反応で指定位置にメッセージ(テキスト)を表示させる  ■ 32 一つの画像に半透明フィルターを使ったメニューボタンを作る  ■ 33 二つの画像でフィルタを使って動きのあるメニューを作る  Web 工房T  ■ 34 飾り枠を使って見出しやロゴを作る  ■ 35 文章枠のスクロールバーに色をつける  ■ 36 スライドするテキストアニメーションを作る  ■ 37 表(テーブル)を3Dにして見出しやロゴを作る  Web 工房 U【NEW】  ■ 38 水辺の視覚画廊(Javaで動く水辺と写真)【NEW】    (水辺の視覚画廊はホームページ内の「趣味のギャラリー」に一部掲載されています。!!)  ■ 39 趣味の時計工場(お気に入りの時計を作ってページの片隅に !!)  ■ 40 マウスカーソルを追いかけるアニメペットT  ■ 41 マウスカーソルを追いかけるアニメペットU【NEW】  ■ 42 マウスカーソルを追いかけるテキストA  ■ 43 マウスカーソルを追いかけるテキストB  ■ 44 回転するオブジェクト  BODYタグ  ■ 45 「リンクドスタイルシート」      スタイルシートでリンクスィッチを作成する  ■ 46 BODY「背景」      スタイルシートでボディタグを作成する J-anime editor --- キャラクタが動き回るスクリプトを簡単に作れる/ freeware <184K> ★リンク Vector: HTML作成 > DHTML・JavaScript・CSS Vector: 他のOS用 : JAVA・JAVA Script Vector: 他のOS用 : JAVA・JAVA Script : インターネット&通信[58] @nifty:ダウンロード: Java
●リンク集

CGI-Java Yahoo Japan:プログラミング言語: JavaScript[84] ●米国 Yahoo!: Languages > JavaScript --- CoolNerds JavaScript Links --- DeZines Java/JavaScript Resource Page --- Yahoo!: Languages > JavaScript> Applet --- ---

●リンク集■インフォシークコンピュータ→プログラム・スクリプト→JavaScript

新JavaScript入門
JavaScriptの書き方を学べるページ。細かい単語に関する説明などはないが、ページ構成がシンプルで見やすい。実践しながらJavaScriptを学びたい人にはおすすめ。
Harvey Shockwave Page
JavaScript、Shockwaveのオンラインマガジン。カラー測定ソフトウェア、Macintosh用コピープロテクトキーの紹介。
HHP-Hiro's Home Page
JavaScript講座やテクニック集を掲載。
JavaScript Book CONTENTS
FORMとJavaScriptとの連動でバリエーションをつけよう。 基本編から応用編まで掲載されている。
JavaScriptのマル秘テクニック集
JavaScriptを中心に、DynamicHTMLのサンプルやテクニック集を掲載。HTMLだけでは実現できないようなテクニックがつまっている。
Rhythm Factory
JavaScriptの基礎について学べるページ。JavaScriptの歴史や基礎的な事柄、そして命令文の一つ一つをサンプルスクリプトとともに紹介している。
10倍ズバリ!!素敵にするホームページの条件
CGI(Perl)やJava Scriptを中心にWEBサイトの作り方を掲載。
いろいろ入門
CGI、Java Script、Java、XMLの入門講座を掲載。
とほほのCookie入門
とほほのCookie入門/作者がクッキーの概要・実行例・書き込み方法などについて解説している。
とむやん君の JavaScript講座
初心者向けのJavaScript・DynamicHTML講座を掲載。IE・NN共通して使えるサンプルプログラムなども紹介。
初心者による初心者のためのJava Script
Java Scriptの基礎知識を掲載。用語集、基礎知識、サンプルなどを掲載。
自作コンパイラの部屋
Java Scriptのサンプル、Tips、用語集などを掲載。
新JavaScript入門
JavaScriptの入門講座を掲載。多少の経験がある人を対象にしている。
Java Script Navigator
Java Scriptの紹介、取り付け方、ソース公開。 ★サンプル一覧(約50) 今日の花 ...今日の花とその花の花言葉を表示します 世界の国と首都 ...国名を選ぶとその国の首都を表示します。
Java Script実験室
Java Scriptのサンプルとともに解説を掲載。
JavaScript World
JavaScriptの入門講座、簡単なサンプルなどを掲載。
JavaScript小技集
Webサイトのコンテンツとして使える簡単なJavaScript集を掲載。
JSD++ for Site Builder
ダイナミックHTMLのサンプル集、Java Script講座ほかを掲載。
KAWAGUCHI'S HomePage
WEBサイト上で表現できる自作スクリプトを公開。
NEXT Step
Java Script、CSS、DTHMLなどのTipsを紹介。
●出版物

Ohmsha コンピュータ実用書:プログラミング インターネットハンディリファレンス JavaScript JavaScriptの言語仕様と各種オブジェクト、プロパティ、メソッドの機能を網羅したリファレンスガイド DESIGNING WITH JAVASCRIPT −ウェブデザイナーのためのJavaScriptハンドブック− JavaScriptを使いこなして思ったとおりのウェブデザインを実現するための一冊! JavaScript 第3版 ウェブプログラマ必携!JavaScriptプログラミング解説書の決定版! JavaScriptデスクトップリファレンス JavaScriptのオブジェクト、プロパティ、関数、メソッドなどを網羅したハンディリファレンス! JavaScriptハンドブック JavaScriptの基本的なプログラミングテクニックがよくわかる!
●出版物〜サンプル集

●WSH ★Ohmsha コンピュータ実用書:プログラミング Wshクイックリファレンス Windows Scripting Hostの完全リファレンス+サンプルプログラム!




■Javascriptサンプルサイト

●サンプル検索サイト

CGIと違って検索サイトは特にない。 以下に多いところ中心に紹介。 WEST MiRa:JavaScript --- 191種。 ●リソース All About Japan: JavaScript ●米国 Javascripts --- http://www.javascripts.com ;offers over 2500 free javascripts. Source code to cut and paste JavaScript World --- a massive collection of javascript examples & tutorials, and everything you need to incorporate javascript into your site! JavaScript Source, The --- スクリプト数1000 ;cut and paste JavaScript library with source code ---
++++●サンプル集

JavaScriptサンプル集/support --- JavaScriptに関する情報を掲載。「だれでもカンタンJavaScriptサンプル集」「だ れでもカンタンDynamicHTMLサンプル集」の著者によるサイト。 「JavaScriptハンドブック」収録スクリプト 宮坂 雅輝著「JavaScript基礎編ハンドブック」「JavaScript応用編ハンドブック」 (ソフトバンクパブリッシング) Hiro's JavaScript Samples --- 主にJavaScriptのサンプルやゲームなどを掲載。 Java Script basic samples --- Java Scriptのサンプルを多数公開しているWEBサイト。「オブジェクト一覧」では、オブジェ クト、メソッド、プロパティごとに、書式、説明、サンプルを記載。 WEST Mira:JavaScript★ --- 手軽に使えるJavaScriptライブラリ[全158種類]を掲載。ゲーム、音楽、データベー ス、時間関連、ステータスバーなど。基礎講座[全71回]もあり。 JavaScriptのサンプルページ[kouiti-n] --- JavaScriptのサンプルを公開。デジタル時計、カレンダー、掲示板、カウンターほか。 超簡単JavaScript 200選 --- 使えそうなサンプルが多数 ---ブックマークに追加 ---テキストボックスで表示:ロールアップ ---フレーム技:ロールアップ ---回線速度 ---マウスオーバー ---マウスが近づくとステータスバーに説明が出ます ---1.サブウィンドウスクロール ---スライドショー[サブウインドウ] ---スライドショー[1ウインドウ] ---7.サンプル写真タッチ/説明 ---みせる技:回転 ---文字跳ね ---文字拡大 --- SimplyTheBest: JAVA Scripts[PlanMagic Corp] BACKGROUND, BOOKMARK, COOKIES, DATA HANDLING SCRIPTS, E-MAIL, ENHANCEMENTS, FORMS, IMAGE ROTATION, SCRIPTS, MENUS, MESSAGES, MUSIC PLAYER SCRIPTS, PASSWORD PROTECTION, DETECT / REDIRECT, TABLES, TIME & DATEの大量のスクリプト See also DHTML scripts VB scripts Java info Java applets ---banner rotation script〜バナー交換 ---image rotation script〜画像交換 ---[Dhtml]image rotation script〜画像交換 ---[Dhtml]dropdown menu〜 ---[Dhtml] MenuScripts ●JavaScriptのサンプル集[Vector] [Free]JavaScript laboratory 2000.0617 JavaScriptのサンプル集 (150K) [Free]JavaScriptサンプル集 1.00 JavaScriptサンプル集(HTML形式) (98K)
●サンプル中心サイト

1番役立つWWW Java Script --- Java Scriptのサンプル集を掲載。 Java Script Laboratory --- Java Scriptの解説とサンプル集を掲載。時計、カレンダー、ほか ---ダイエットヘルパー ---久里浜式アルコール症スクリーニングテスト(KAST) Java Script実験室 --- Java Scriptの公開実験を行うWEBサイト。サンプル集、メーリングリスト、掲示板などもある。 Java Scriptコーナー --- Java Scriptのサンプル集を掲載。 JavaScriptを触ろう --- http://www.chibaken.net/java/index.htm ; 約50種のJavascriptサンプル --- おみくじ --- ランダムCM JavaC --- Java Scriptのサンプル集を掲載。 ---Browser information - クライアントのブラウザの情報を取得します。 ---Slide Message - 映画の予告風なメッセージプログラム ---ParaPara Animation - 画像をアニメーション表示[切替] ---Web Novel 1.00  −Web Novelはゲームなどでお馴染みのサウンドノベルのシステムをWEB上でDHTMLを用いて再現したものです Keisuke's Home Page --- Java Scriptのサンプル集を掲載。 サンプルJava Script --- 簡単なサンプルを取り上げて、Java Scriptの解説をしている。 S.Takeuchi's JavaScript --- Java Scriptのサンプル集を公開。 扇谷(せんごく) HomePage - HTML/JAVA・SCRIPTのサンプル --- Java Scriptのサンプル集を公開。 ●JavaNavi Web - JavaScript Navigator - http://www.nob21.com/javanavi/; カテゴリー毎に収録、掲示板、Mailing list等有り ---








●実用サンプル


 実際に使ってみたいと思うものをリストアップしてみる。


■メニュー

●メニューまとめ

 正統派メニューとしては、  1) バナー    Menu用と個別 *ただそれだけだと寂しい  2) Javascript  既製あり *繊細・単純過ぎる気もする  3) Java Applet 既製多数 *重いし、offにするuserもいる  註) Side Bar Menu, Top/under Bar Menu双方必要。 ●推奨 ●やや推奨 Indent Menu by http://www.codelifter.com --- 文字と線によるおしゃれMenu。 IE/NN; [リンクカラー]を利用 [Dhtml]dropdown menuRollover buttons with horizontal dropdown SearchBliss --- http://www.searchbliss.com/ ; Menu & Message generators ●一般 Indent Menu by http://www.codelifter.com --- 文字と線によるおしゃれMenu。 IE/NN; [リンクカラー]を利用 Navigation-button - 横 Menu-scroll from Javascript Source: Navigation Tigra Menu - Horizontal (Linkcolor/dropdown) from javascripts.com - form [Dhtml]dropdown menuUltimate horizontal dropdown menu Rollover buttons with horizontal dropdown [Dhtml] MenuScripts from SimplyTheBest: JAVA Scripts[PlanMagic Corp]

[Dhtml]dropdown menu〜IE4+

テキストのみ使用したメニュー



Rollover buttons with horizontal dropdown

基本メニューは画像使用、サブメニューは用テキスト使用




■ジャンル別サンプル

●アンケート

Hiro's JavaScript - アンケート用汎用スクリプト --- 一通りの設問パターンに対応(自由回答含む)。 アンケート送信迄。 MS Accessによる自動生成。 但し集計機能はない
●ショッピングカート

●やや推奨 Hiro's JavaScript - Shopping Cart ---1)商品カタログ ...商品情報自動生成プログラム(MS Access使用) 2)カートにいれる、注文計算確認、購入情報記入、送信まで 3)ASPにより、受注情報確認 PayPal Shopping Cart by Ranson Johnson - free おしゃれ from javascripts.com - form ●専門 ONLINE SHOPPING for 同人誌 1.15 --- Free; 同人誌通販用JavaScript (4K)
●広告

スライドショー[サブウインドウ] スライドショー[1ウインドウ] FROM 超簡単JavaScript 200選
●画像・文字表示〜画像交換

●イメージの代替 イメージの代替表示 --- <IMG src="images/photo027.jpg" border="0" lowsrc="images/wait.jpg"> ●バナー交換 banner rotation script〜バナー交換 image rotation script〜画像交換 [Dhtml]image rotation script〜画像交換 from SimplyTheBest: JAVA Scripts[PlanMagic Corp] 画像切り替え          Java Applet、2個の画像を指定した遷移時間、間隔で繰り返し、オーバーラップ しながら切り替える。 画像切り替え2          小Winで開く:2a 2〜n個の画像を指定した時間間隔で繰り返し、切り替える。 JavaScript 画像切り替え3          Java Applet、12画像を巡に切り替え表示。 画像数など任意。 all 画像切り替え4     DHTML、2個の画像をフェイドイン/アウトで繰り返し切り換えます。all 画像切り替え5      DHTML、任意数の画像をタイマーで切り替え。  all ランダム背景画像 2        ページ読み込みの度に3個の背景画像をランダム切り替え。 画像設定はURLで。 2:21個  Java Script 背景画像切り替え        DHTML、サンプル画像のマウスオーバーで背景画像を切り替える。 背景画像切り替え2      DHTML、タイマーで背景画像を順に切り替える、単独/敷き詰め可。 IE4.x/N6.x〜 ランダム画像             ページの読み込みの度に10個の画像をランダムに切り替える。 画像/リンク先設定はURLで。 Java Script バナー広告(画像切り替え)   Java Applet、バナー広告などの画像をタイマー自動切り替え。 バナー広告(画像切り替え)2 バナー広告(リンク付き画像)をページを開く度に切り替えます。 画像数は任意。 from 太陽風ДζΨΠ∀
●画像・文字表示〜Text Rollup

 テキストをを小Window中でスクロールさせたいが、中味は1ファイルのほうが面倒がなくていい。  その場合、Frame + fileですね。 see 小Winスクロール ; スクロールテキストボックスはどうなんだろ? Sliding News - IEのみ、おしゃれ By: Seykay Rock Make Your Scrollbar Colorful by Minh Khanh〜 - IE5.5+のみ、おしゃれ[色選択で自動生成] Zoom Your Text by Minh Khanh Page Generator By: Matthijs Baart Random Zen Advice By: Scott Kruger from javascripts.com - form テキストボックスで表示:ロールアップ FROM 超簡単JavaScript 200選  註)スタッフロール=フォームテキストエリア内にロールアップしてメッセージを繰り返し表示 フレーム技:ロールアップ FROM 超簡単JavaScript 200選 スクロール文字            フォーム、流れるメセージ + Winサイズに応じてサイズを変えるタイトルやメッセージ。 スクロールテキストボックス        フォーム、テキストボックスの背景色・背景画像挿入、スクロールバーの彩色方法。 スクロールテキスト 2 3         DHTML、水平スクロールテキスト”マーキー”。 3:水平メッセージ切り替え”ティッカー”ハイパーリンク付き。 スクロールテキスト 4          DHTML、ステイタスバーに、タイピング風にテキストを打ち出す。 ステイタス表示を維持。  all メッセージスクロール          DHTML、メッセージを区切って小さいエリアに自動スクロール式で表示します。 メッセージスクロール 2         DHTML、メッセージを小さいエリアにスクロール式で表示します。 IE4.x〜対応。 メッセージスクロール 3         DHTML、LAYER、固定〔画像、下段リンク〕、5種類を2巡表示後に自動停止。 メッセージスクロール 4         DHTML、小エリアに、ハイパーリンクや画像、メッセージを表示、のマウスオーバーでスクロール。 IE4.x/NN4.x〜。 メッセージスクロール 5         DHTML、ニュースボードのように、n個のリンク付きメッセージを順次、自動的に表示します。 メッセージスクロール 6         DHTML、CSS、小エリアにメッセージ、リンクを表示。 更新日表示付き。  all。 メッセージスクロール 7 7a       DHTML、小エリアに、自動スクロールの画像・メッセージ、HTMLを表示。 7a :画像のみ  all。 小Winスクロール           DHTML、コンテンツを小Winにスクロール式で表示します。 all 左右スクロール            DHTML、ページ全体をゆっくり右にスクロールさせます。 トップダウンスクロール         DHTML、ページ全体をゆっくり上にスクロールさせます。 エピローグのような効果などに。 from 太陽風ДζΨΠ∀
●メッセージ表示

Slide Message - 映画の予告風なメッセージプログラム ParaPara Animation - 画像をアニメーション表示[切替] Web Novel 1.00  −Web Novelはゲームなどでお馴染みのサウンドノベルのシステムをWEB上でDHTMLを用いて再現したものです by JavaC メッセージ 2      DHTML、ページオープン時にメッセージテーブルを表示。 テーブルに、JavaScriptやリンクを表示。 2:フェードイン/アウト メッセージ 3             DHTML、ドキュメント フラグメントをz軸の独自のWinに表示、システム内の最上位のWinに。 ie5.5〜 メッセージ 4             DHTML、ドキュメント フラグメントをz軸の独自のWinに表示、システム内の最上位のWinに、ボタン起動。 ie5.5〜 メッセージ 5             DHTML、小さいフレーム無しのWinにコンテンツを表示。 メッセージ 6             DHTML、ページオープン時にメッセージWinをしばらく表示。 メッセージスクロール 7 7a       DHTML、小エリアに、自動スクロールの画像・メッセージ、HTMLを表示。 7a :画像のみ  all。 水平スクロール           DHTML、コンテンツを水平にスクロール。 from 太陽風ДζΨΠ∀
●画像・文字表示〜サブWindows Scroll

1.サブウィンドウスクロール FROM 超簡単JavaScript 200選
●画像・文字表示〜マウスオーバー

マウスオーバー FROM 超簡単JavaScript 200選 ---マウスが近づくとステータスバーに説明が出ます 7.サンプル写真タッチ/説明 FROM 超簡単JavaScript 200選 JavaScriptのソースと設定方法 --- マウスくっつきオヤジなど同様Scriptあり マウスオーバー 2           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 2、:横長表に画像を配置。 all マウスオーバー 3           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 IE4.x/NN4.x〜、N6.x〜対応。 マウスオーバー 4           DHTML、リンクのマウスオーバーで、離れた定位置に”メッセージ”や”画像”を表示。 all マウスオーバー 5           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 IE4.x/NN4.x〜対応。 マウスオーバー 6           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 IE4.x/NN4.x〜対応。 マウスオーバー 7           DHTML、リンクのマウスオーバーで、離れた定位置に”メッセージ”や”画像”を表示。 all マウスオーバー 8          DHTML、マウスオーバーで、”凸”効果、痕跡色のリンクバーです。 IE4.x〜、N6.x〜対応。 クールバー               DHTML、Internet Explorer5.0x、Win2000などに搭載中のクールなツールバー。 クールバー 2             DHTML、CSS、IFRAME、クールなツールバーのアイコンからIFAMEにページを表示します。 リンクカラー              CSS、個別/ページ全体のリンクの下線/文字色/書体/背景色をマウスオーバーで変化させる。 マウスオーバーサウンド      マウスオーバーで、”サウンド演奏”、クリックでリンク先を開きます。   all マウスオーバー画像        マウスオーバー、で”画像”を切り替え、クリックでリンク先を開きます。 all ホバーボタン 2サウンド付き Java Applet、ボタン/画像のマウスオーバー/クリックで画像をチェンジ/サウンド演奏/Webを開く。 from 太陽風ДζΨΠ∀
●画像・文字表示〜テキスト動的表示

みせる技:回転 文字跳ね FROM 超簡単JavaScript 200選 テキスト色瞬き           DHTML、テキスト色を4色切り替え、”瞬き”表示。 IE4.x/N6.x〜 リンク色瞬き             DHTML、リンク文字列のマウスオーバーで、文字色が目眩く変化。 IE4.x〜 虹色文字              DHTML、任意の文字列を常に虹色変化させる。   ie5.x〜 ハイライト表             DHTML、マウスオーバー/オフ時に表・テーブルセルの背景色変化。 IE4.x〜対応。 テキストアニメ              DHTML、CSS、バナーなどのテキストを滲ませ、巡に切り替えます。 ie5.x〜 from 太陽風ДζΨΠ∀
●画像・文字表示〜背景色

背景色               DHTML、色名のマウスオーバーで背景色を切り替える。 all 背景色 2              DHTML、背景色を3原色のスライドバーでモニター。  IE4.x〜 背景色フェードイン       DHTML、ページオープン時に背景色をフェードイン・変化、指定のページを開く。 保存 グラデーション             CSS、Win全体の背景色グラデーション。 開始・終了色、縦・横効果など指定可。ie5.5〜 グラデーション 2            CSS、ブロックのグラデーション。 効果範囲、開始・終了色、縦・横効果など指定可。ie5.5〜 from 太陽風ДζΨΠ∀
●医療系

ダイエットヘルパー 久里浜式アルコール症スクリーニングテスト(KAST) by Java Script Laboratory
●検索

JavaSearch --- Free ;これは使える!! JavaScript! あなたのホームページがまるごと検索エンジンのキーワード入力ボックスに! 使用可能なサーチエンジンは、・iNET Guide (旧CSJ)・InfoNavigator ・InfoSeek・Microsoft Serch・NETPLAZA・NTT DIRECTORY・Lycos・Yahoo! Japanの8つ
アプリ起動●

ネットミーティングを起動する --- callto:ils.microsoft.com/xxxxxxxx@hotmail.com HTMLページ内にEXCELを起動! --- <IFRAME WIDTH="400" HEIGHT="200" SRC="sample.xls"></IFRAME> ブラウザいっぱいにEXCELを起動! --- <A href="sample.xls" target="_blank">EXCEL全画面起動</A>
共通●

JavaScriptがオフの場合警告を出す クッキーが使用可能かどうか調べる ナビゲータ --- ブラウザー情報、プラットホーム、言語、OSなど表示 リンク --- host name, path, port, protocol表示 Browser information - クライアントのブラウザの情報を取得します。 by JavaC ●計算 指定桁数で四捨五入 ●ブックマークに登録 ブックマークに追加 FROM 超簡単JavaScript 200選


その他●

●回線速度 回線速度 FROM 超簡単JavaScript 200選 ●アナログ時計 アナログ時計 --- http://kamakura.cool.ne.jp/kobachi/material/18.html ;シンプルなもの 参考→●アナログ時計
アクセサリー●

●推奨  なかなかおしゃれな、JavaScriptのサンプルページ[kouiti-n] 【メニュー】  Javascript 提供なしなんだけど... 【時計】    Javascript Free Download提供 【カレンダー】 Javascript Free Download提供 【メール】 GIF画像  提供なしなんだけど...












MAIL





太陽風ДζΨΠ∀ - サンプルページ Java、JavaScript、DHTML カテゴリ区分

 ※膨大に量のScript。 ここで全部の必要テクニックをカバーできそう。
 Javascript中心にDHTMLなども含む
 使いたいものをピックアップしてみようとしているんだけど、途中...

●ホームページ開設入門
公開してみる。
サーチエンジンに登録します、検索用キーワードの設定や、サーチエンジンの検索窓貼り付けも。
ヘルプ (;。;) (-."-;)。

7.1 高機能版 に挑戦する。
FrontPage Expressで高機能を楽に制す!、止めどない発想をじっくりと自在に発表 …*。(^ ^)

7.2 アクセスカウンター を付けてみる。 - Webで10分で可能。〔プロバイダー依存なし〕
★7.3 ” お気に入りに追加ボタン” をつけてみる。 DHTML、詳細も
7.4 ”ドロップダウンメニュー” を付けてみる。      
JavaScript、新しいWinで開く2層式゙フレームページへの応用MSのWeb風トップナビバーツリーメニュー7.5 "♪" を流してみる。              IE、NN対応、起動時のWinサイズの指定方法2midiオブジェクトの実装サンプル137.6 ”流れるメッセージ” を付けてみる。      JavaScript、詳細
7.7 ”フレーム付きサンプルページ” を使ってみる。  Java 、Java Script、DHTMLなどのサンプルページ!の項や、応用例

7.8 ”折り畳みリスト”サンプル を使ってみる。   DHML、ドロプダウンメニューよりも自在な表現可能、編集簡単。応用例
7.9 ホバーボタン を使ってみる。
  Java Applet、ボタン/画像のマウスオーバー/クリックで画像をチェンジ/サウンド演奏/Webを開くなど自在。
8 ホームページ制作支援のページリンク集。     素材、テクノロジー、無料Webスペース、メール、チャット、bbs、カウンター、バナー交換、ボイスメール・チャットなど
…

■Java、Java Script、DHTMLなどのサンプルページ!; ホームページを多彩に表現、ペーストですぐ使える最新サンプル集。 カテゴリ区分版も。 ● 1. 表いろいろ[1-12] 1〜6列、表1、段落、など。ハイライト表 表1            背景画像の中央配置例。 マウスオーバー時の下線表示、前景/背景色変化も。  ハイライト表         DHTML、マウスオーバー/オフ時に表・テーブルセルの背景色変化。 IE4.x〜対応。 本文右  中央1列見出し付き  本文2列  2列メニュー付き  3列均等   3列メニュー付き  3列メニュー、サイドバー付き  3列右セクション付き  4列 タイトルバー付き  6列段落付き 1 2 3 4  ● 2. フレーム、フォーム[1-52] スクロールバー色 3スクロール文字スクロール左右フレームヘッダーフレームIFRAME 2 4縦書き 2ボ゙タン スクロール文字            フォーム、流れるメセージ + Winサイズに応じてサイズを変えるタイトルやメッセージ。 スクロールテキストボックス        フォーム、テキストボックスの背景色・背景画像挿入、スクロールバーの彩色方法。 全選択               フォーム、JavaScript、テキストエリアのテキストやHTMLの全選択、コピーなどに。 all メールデコードフォーム         フォーム、ページ訪問者からのお言葉゙を貰うフォームや、アクセスカウンターと詳細な設置手順。 So-net専用。 ボ゙タン                DHTML、彩色ボタンにハイパーリンクを付ける。 足跡を遺す            フォーム、ページ訪問者の足跡/あしあと”∴”を貰う。 ★フレーム サンプル いろいろ フレーム、フレームページのサンプルいろいろ。 左・上・中・下・右のバリエーション。  説明書 説明書txt ヘッダーフレーム frame1       フレーム、上・中式 ネストフレーム   frame2       フレーム、左+上・下式ドロップダウンメニューでフレームコンテンツの選択や、複数フレームを同時切り替えJavaScript例。 バナーフレーム   frame3       フレーム、上+左・右式 左右フレーム frame4       フレーム、左・右式 タブメニュー              Java Applet、上フレームのタブメニューで、下フレームのページを選択。 タブメニュー 2             DHTML、上フレームのトップナビバーで下フレームを選択。 all タブメニュー 3             DHTML、左フレームのプルダウンメニューで右フレームを選択。 all 階層メニュー 3 フレーム      Java Applet、水平、多段に展開するリンクテーブル +左右フレーム。 all 階層メニュー 4上下フレーム     DHTML、マウスオーバーで縦横に展開のトップナビバー +上下フレーム。  all。 階層メニュー 4 左右フレーム     DHTML、マウスオーバーで縦横に展開の縦階層ナビバー +左右フレーム。  all。 階層メニュー 5 上下フレーム     DHTML、マウスオーバーで縦横に展開のトップナビバー +上下フレーム。  all。 階層メニュー 5 左右フレーム     DHTML、マウスオーバーで縦横に展開の縦階層ナビバー +左右フレーム。  all。 階層メニュー 14 左右フレーム  DHTML、MicrosoftのWebのプルダウンメニュー風、縦型、フェード効果、痕跡、Winカスタマイズ。   al ナビバー 2 フレーム         Java Applet、縦、多段展開するリンクテーブル +左右フレーム。 all  左右フレーム2 frame5+折り畳みリスト フレーム、左・右式+DHTML ヘッダーフッターフレーム frame6    フレーム、上+左・右+下式 ヘッダーフッターフレーム2 frame7    フレーム、上・中・下式 フッターフレーム frame8        フレーム 中・下式 サブWinフレーム            DHTML、リンクから開いた新しい上下・左右フレームにページを表示します。 IFRAME               DHTML、CSS、ページ中にフレーム(IFRAME)を出現/隠蔽させ、指定のページを表示。 IFRAME 2|IFRAME 3|IFRAME 4|IFRAME 5 IFRAME POPUP          DHTML、CSS、IFRAMEに右クリックのポップアップメニューで指定したWebページを表示。 ie5.5〜 IFRAME DIV            DHTML、CSS、Win全体のIFRAMEにターゲットを表示。キースクロール可。 all IFRAME-プルダウン        DHTML、プルダウンメニューでIFRAMEのターゲットを指定。   IE4.x/N6.x〜|IFRAME-プルダウン 2 タブメニュー 5              DHTML、IFRAME、Behaviors、HTC、IFRAMEとプルダウンメニュー組み合わせ。   ie5.5〜 クールバー 2             DHTML、CSS、IFRAME、クールなツールバーのアイコンからIFAMEにページを表示します。 可動フレーム             DHTML、ドラッグ移動できるフレーム、透明背景。  IE4.x〜 ドキュメントイン            DHTML、ページ中にドキュメント・オブジェクト〔HTML、スクリプト、JavaScript、ハイパーリンク〕を表示。IE4.x〜 ドキュメントイン 2           DOM、IFRAME、DHTML、オープン時に、ページ中に指定ページを表示。 IE5.x〜/N6.x〜 レイヤー                DHTML、ページ中のレイヤーにWebページを出現。  all レイヤースクロール            DHTML・LAYER、Winの外にマウスオーバースクルロールのコンテンツを表示。 ●3. Javascript入門[1-24] トップページサンプル新しいページ 2新しいWinのサイズ、位置| 2JavaScriptTips集♪・サウンド実装 Hello!… のページへ  1    Googleサーチエンジン、リンク下線/背景装飾、お気に入りボタンのサンプル実装済み。 EMBEDの挿入(例) Hello!… のページへ  2    ライコスサーチ、バナー広告、midiオブジェクト、e-mailハイパーリンクのサンプル実装済み。 MIDIオブジェクトの挿入(例) Hello!… のページへ  3    ライコスサーチ、バナー広告、折り畳みリストのサンプル実装済み。 YAMAHA MIDPLUG オブジェクト挿入(例) Hello!… のページへ  4    Googleサーチエンジン、リンク下線/背景装飾、新しいWinへのプルダウンメニューの設置方法とサンプル実装済み。 Hello!… のページへ  5    ライコスサーチ、MicrosoftなどのWebで使用のプルダウンメニュー(トップナビバー)のサンプル実装済み。 JavaScriptTips集        FrontPage Expressで [?] マークのペースト、WordpadでHTMLのペーストで簡単に応用Java Script、DHTML集。 新しいページ 1  WordPadで開き、<head>や、<body>にCSSや、Java Applet、JavaScript、DHTMLコードなどを貼り付ます。 新しいページ 2  WordPadなどテキストエディターで編集して使用可能。 スクロールバーの彩色サンプル実装済み。 ie5.5〜 新しいWin             DHTML、オープン時、”新しいWin”を同時にオープン。 親Winスクロール無関係。 IE5.x/NN4.x〜/N6.x〜 新しいWinのサイズ、位置2     ハイパーリンクのクリックから新しいWinが開く。 Winサイズ、位置、ツール/ステイタス/スクロールバー指定可JavaScript。 新しいWinのサイズ、位置 3   縮小画像 → 拡大画像を新しいWinで表示。 Winサイズ、位置、ツール/ステイタス/スクロールバー指定可JavaScript。 新しいWinのサイズ、位置 4    オープン時に新しいサブWinも同時に開き、このページを閉じてもサブWinは閉じませぬ。 JavaScript 新しいWinのサイズ、位置 5   ターゲットを、タイトルと縦スクロールバーのみの新しいWinに表示。 all 新しいWinのサイズ、位置 6    オープン時に新しいサブWinも同時に開き、サブWinは自動的に閉じます。 DHTML all 別のページ             ページを閉じた後に、”別のページ”を開く。  ツール・メニューバーなど指定可。  JavaScript トップウィンドウ            全てのWinの最前面に常駐するポップアップWinを出現。 ポップアップWinには、メニュー/リンク表示。 Java Script 2Win                DHTML、自動表示のポップアップの2Win。  位置、サイズ、配色、Winのプロパティ可変。  all 3Win                 DHTML、最小化/サイズ復旧、ドラッグ移動Winを3個表示。 ie5.5〜/N6.x〜 フルサイズWin             DHTML、常にスクリーンいっぱいにページを開く。 プルダウンメニュー        リンクを選択、実行(Go)ボタンでサイトやアンカー(ページ内リンク)に、ページ全体がジャンプ。 all プルダウンメニュー 2           リンクを選択、即刻サイトやアンカー(ページ内リンク)に、ページ全体がジャンプ。 all プルダウンメニュー 3          リンクを選択、即刻サイトやアンカー(ページ内リンク)を、新しいWinで開く。 all ● 4. Java Script、CSS [1-23] スタイルシートスクロールバーカラー|3ランダム画像ランダム背景|2ランダム♪ランダムメッセージ|2リンク装飾縦書き|2 縦書き 2              フォーム、CSS。 ie5.5〜 スクロールバーカラー 3         フォーム、CSS、プルダウンメニュー、テキストボックスなどのフォームのスクロルバーの彩色指定です。 3:Win全体 ie5.5〜 スクロールバーカラー 2        フォーム、CSS、プルダウンメニュー、などのフォームのスクロルバーの彩色指定です。 テーマカラーのモニター可能。 ie5.5〜 飛翔                  DHTML、CSS、画像・コンテンツを、順次水平スライドで出現させる。 ie5.x〜 飛翔テキスト              DHTML、ページオープン時にテキストをスライド表示、静止。   all レイアウト枠1       DHTML・LAYER、コンテンツの強力なx、y座標制御、レイヤによる絶対位置制御。 カテゴリーメニュー            フレーム+折り畳み表式のナビゲーションメニュー。 IE4.x〜、NN4.x〜対応。 Java Script プルダウンポップアップメニュー 2    プルダウンメニューから新しいWinでリンク先を開く。2:彩色 Winサイズ、位置、アドレス/ステイタス/スクロールバー指定可。 ランダムメッセージ 2         ページオープン毎にランダムに、”おみくじ”的メッセージを表示。 JavaScript 2:HTA マウスオーバーサウンド      マウスオーバーで、”サウンド演奏”、クリックでリンク先を開きます。   all マウスオーバー画像         マウスオーバー、で”画像”を切り替え、クリックでリンク先を開きます。 all ランダム背景画像 2        ページの読み込みの度に3個の背景画像をランダム切り替え。 画像設定はURLで。 2:21個  Java Script ランダム画像             ページの読み込みの度にn個の画像をランダムに切り替える。 画像/リンク先設定はURLで。 Java Script バナー広告(画像切り替え)2  バナー広告(リンク付き画像)をページを開く度に切替。 画像数は任意。 画像切り替え2          小Winで開く:2a 2〜n個の画像を指定した時間間隔で繰り返し、切り替える。 JavaScript グラデーション              CSS、Win全体の背景色グラデーション。 開始・終了色、縦・横効果など指定可。ie5.5〜 グラデーション 2            CSS、ブロックのグラデーション。 効果範囲、開始・終了色、縦・横効果など指定可。ie5.5〜 FTPサーバーログイン         Internet ExplorerからFTPサーバーにログインする。 Java Script キーランチャー             ホットキーによるランチャーです、予め設定した任意のキーでサイトを開きます。  JavaScript。 タイムスタンプ              自動更新、汎用的なJava Script版。  FrontPage Expressのメニュー使用例も。 スタイルシート             CSS、スタイルシートを別ファイルにせず、HTMLに埋め込んだ(例)など。 パラメーター一覧表。 リンクカラー              CSS、個別/ページ全体のリンクの下線/文字色/書体/背景色をマウスオーバーで変化させる。 ● 5. サウンド "♪" "♪" [1-13] Webページにサウンドを挿入する。 EMBED、オブジェクト、PLUG、ActiveX、JavaScript制御 7.5 "♪" を流してみる。    IE、NN対応、起動時のWinサイズの指定方法2midiオブジェクトの実装サンプル13新しいWinのサイズ、位置      ハイパーリンクのクリックで開いた新しい小Winに、"♪"コンテンツを記述、元Win閉じ後、"♪"演奏継続。 Hello!… のページへ  1    Googleサーチエンジン、リンク下線/背景装飾、お気に入りボタンのサンプル実装済み。EMBEDの挿入(例) Hello!… のページへ  2    ライコスサーチ、バナー広告、midiオブジェクト、e-mailハイパーリンクのサンプル実装。MIDIオブジェクトの挿入(例) Hello!… のページへ  3    ライコスサーチ、バナー広告、折り畳みリストのサンプル実装済み。 YAMAHA MIDPLUG オブジェクト挿入(例) JavaScriptTips集         FrontPage Expressで [?] マークのペースト、Wordpadでペーストで簡単応用Java Script、DHTML集。 サウンドプレイヤー           DHTML、演奏曲(トラック)選択、オートチェンジャー連続演奏できるサウンドプレイヤー。   IE4.x/〜 Windows Media Player 1    埋め込まれたサウンドファイルを Windows Media Player6.4 で再生。  IE4.x/NN4.x〜 Windows Media Player 2    埋め込まれたサウンドファイルを Windows Media Player7.1あるいは6.4 で再生。  IE4.x/〜 ランダムバックミュージック        ページオープン毎に任意数のmidiファイルなどのBGMをランダムに再生、設定はURLで。 JavaScript マウスオーバーサウンド      マウスオーバーで、”サウンド演奏”、クリックでリンク先を開きます。   all ホバーボタン 2 -サウンド付き Java Applet、ボタン/画像のマウスオーバー/クリックで画像をチェンジ/サウンド演奏/Webを開く。 ● 6. DHTML ナビゲ-ション [1-52] 常駐コンテンツ3 3a4ナビバー 9 フレーム、、7ツリーメニュー 6ナビバー 10 フレーム階層メニュー 3 フレーム [詳細略]  あらゆる種類のメニューがある。 トップナビバー[22], ツリーメニュー[11],階層メニュー[21] 階層メニュー 2     DHTML、CSS、2階層の表でリンクメニューを表示。 リンクのマウスオーバー時に下線が出現。 2:N6.x対応 常駐コンテンツ             DHTML、定位置を保ちスクロールを無視、リンクなどの小コンテンツ。 ドラッグ、折り畳み可。ie5.x〜 常駐コンテンツ 2            DHTML、定位置を保ちスクロールを無視、リンクなどの小コンテンツ。 IE4.x/NN4.x〜。 常駐コンテンツ 3 3a      DHTML、定位置を保ちスクロールを無視、リンクなどの横長小コンテンツ。 3:IE4.x/NN4.x〜。 3a:+N6.x〜 常駐コンテンツ 4          DHTML、定位置を保ちスクロールを無視、リンクなどの小コンテンツ。 IE4.x/NN4.x〜。 トップスクリーン            DHTML、常にスクリーンの最前面に表示。 all。 トップへ                DHTML、右下に常駐する ”↑ トップへ” のリンク。   all グロー                DHTML、テキスト周りの背景色(コロナ風)を滲ませた3パターンを入れ替わり表示。 ie5.5〜 メッセージ 3             DHTML、ドキュメント フラグメントをz軸の独自のWin表示、最上位のWinに。 ie5.5〜 メッセージ 4             DHTML、ドキュメント フラグメントをz軸の独自のWin表示、最上位のWinに、ボタン起動。 ie5.5〜 クールバー               DHTML、Internet Explorer5.0x、Win2000などに搭載中のクールなツールバー。 クールバー 2             DHTML、CSS、IFRAME、クールなツールバーのアイコンからIFAMEにページを表示します。 ナビバー               DHTML、CSS、マウスオーバーで縦横に展開するMSプルダウンメニュー風。 all ナビバー 2             Java Applet、縦、多段展開するリンクテーブル。 all  ナビバー 2 フレーム         Java Applet、縦、多段展開するリンクテーブル +左右フレーム。 all  左メニュー 2              DHTML、スクロールを無視、左定位置に常駐の引き出し型のリンクメニュー。 左メニュー 3              DHTML、スクロールを無視、左定位置に常駐の引き出し型のリンクメニュー。  all 水平スクロールメニュー        DHTML、画像のマウスオーバーでリンクメニューを水平スクロール。 リンク編集は、<a>タグで。 プルダウンメニュー           DHTML、リンクを選択、実行(Go)ボタンでサイトやアンカー(ページ内リンク)に、ページ全体がジャンプ。 all プルダウンメニュー 2          DHTML、リンクを選択、即刻サイトやアンカー(ページ内リンク)に、ページ全体がジャンプ。 all プルダウンメニュー 3          DHTML、リンクを選択、即刻サイトやアンカー(ページ内リンク)を、新しいWinで開く。 all 2層プルダウンメニュー        DHTML、カテゴリー +ハイパーリンクなど、2階層の選択メニュー。 折り畳みメニュー          DHTML menuBehaviors、CSS、クリックで展開/折り畳みメニュー。 ターゲットページを右に表示。   ie5.x〜 折り畳みコンンテンツ          DHTML、説明文や画像などのコンテンツを折り畳み/展開表示。 折り畳みコンンテンツ 2        DHTML、説明文や画像などのコンテンツを折り畳み/展開表示。 コンテントエリアを空白で表示可。 折り畳みリスト1(初期折り畳み) 2 3(色) 1(初期展開) 2  DHTML、ドロプダウンメニューよりも自在な表現可能、編集簡単。 折り畳みリスト3(初期折り畳み) 2 DHTML、このページの作成方法、Java、Java Script、DHTMLのサンプルページをカテゴリ区分。 IFRAME               DHTML、CSS、ページ中にフレーム(IFRAME)を出現/隠蔽させ、指定のページを表示。 IFRAME 2            DHTML、CSS、ページ中のフレーム(IFRAME)に表示、背景画像を透明にします。 ie5.x〜 IFRAME 3            DHTML、CSS、インラインフローティングフレーム(IFRAME)に透明コンテンツを実装。  ie5.5〜 IFRAME 4             MSHTML、(1) IFRAME内の縦書きサンプルなどの編集。 (2) 閲覧モードで編集。 ie5.5〜 IFRAME 5             DHTML、ページ中にフレームを生成、Webページを表示。 IE4.x/NN4.x〜 IFRAME POPUP       DHTML、CSS、IFRAMEに右クリックのポップアップメニューで指定したWebページを表示。 ie5.5〜 IFRAME DIV            DHTML、CSS、Win全体のIFRAMEにターゲットを表示。キースクロール可。 all IFRAME-プルダウン        DHTML、プルダウンメニューでIFRAMEのターゲットを指定。   IE4.x/N6.x〜 IFRAME-プルダウン 2       DHTML、ハイパーリンクでIFRAMEのターゲットを指定。   IE4.x/N6.x〜 タブメニュー 5              DHTML、IFRAME、Behaviors、HTC、IFRAMEとプルダウンメニュー組み合わせ。   ie5.5〜 可動フレーム             DHTML、ドラッグ移動できるフレーム、透明背景。  IE4.x〜 Dynamic_Sync Frame DHTML、CSS、Excelのウィンドウ枠固定風の表などを作成。 レイヤースクロール            DHTML・LAYER、Winの外にマウスオーバースクルロールのコンテンツを表示。 スライドショー 3            DHTML、自動的にWebの画像を切り替え表示します。 拡大画像へのジャンプも。 ポップメニュー          DHTML、CSS、画像/テキストのクリックで小さいリンクテーブルを表示。 ポップメニュー 4            DHTML、CSS、画像/テキストのマウスオーバーで小さいリンクなどのコンテンツを表示。 ポップメニュー 5            DHTML・CSS、ポップメニュー、テキストリンクのマウスオーバーでテキスト枠を表示、枠サイズ色可変。 ポップメニュー 6 6a         DHTML画像/文字のクリックで、テーブルを出現、リンク先へ。 6a :画像ナシ  IE4.x/NN4.x〜対応。 ポップメニュー 7            DHTML・CSS、リンクのマウスオーバーで表示、枠サイズ色可変。 all対応。 ポップメニュー 8           Java Applet、画像、リンク、ボタンから開く、多段メニュー。 all対応。 ポップメニュー xml           XHML、リンクのクリックで説明文を出現させ、クリックでリンク先をオープン。   ie5.5〜 拡散メニュー             DHTML、放射状の、メニュー(ハイパーリンク)”展開/折り畳み”   all ● 7. DHTML マウスオーバー [1-17] クールボタンマウスオーバー|3|5|6ロールオーバーアイコンホバーボタン2サウンド付き背景色|画像切り替え クールボタン              DHTML、Internet Explorer5.0x、Win2000などに搭載中のクールなボタン。 マウスオーバー 2           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 2、:横長表に画像を配置。 all マウスオーバー 3           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 IE4.x/NN4.x〜、N6.x〜対応。 マウスオーバー 4           DHTML、リンクのマウスオーバーで、離れた定位置に”メッセージ”や”画像”を表示。 all マウスオーバー 5           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 IE4.x/NN4.x〜対応。 マウスオーバー 6           DHTML、マウスオーバーでリンク付きアイコンを切り替える。 IE4.x/NN4.x〜対応。 マウスオーバー 7           DHTML、リンクのマウスオーバーで、離れた定位置に”メッセージ”や”画像”を表示。 all マウスオーバー 8          DHTML、マウスオーバーで、”凸”効果、痕跡色のリンクバーです。 IE4.x〜、N6.x〜対応。 クールバー               DHTML、Internet Explorer5.0x、Win2000などに搭載中のクールなツールバー。 クールバー 2             DHTML、CSS、IFRAME、クールなツールバーのアイコンからIFAMEにページを表示します。 リンクカラー              CSS、個別/ページ全体のリンクの下線/文字色/書体/背景色をマウスオーバーで変化させる。 マウスオーバーサウンド      マウスオーバーで、”サウンド演奏”、クリックでリンク先を開きます。   all マウスオ