ホーム
へ
ハイパーリンクから、ターゲットを新しいWinで開きます。 マウスオーバー作動タグ。 新しいWinのサイズ(wh)、位置(xy座標)、スクロール/アドレス/ステイタスバー/サイズ可変の有無など、※:オプション指定 と、”実装したファイル自体のサイズ” の指定(可変) 、”実装したファイル自体のサイズ” の指定(固定) 〔関連・詳細情報 : calendar9a.htm(Winサイズ固定版)〕も。 all 対応。 コピー、編集し、簡単にWebで応用できます。
デモは、下のリンクのをクリックで。
< ご使用方法 >
・ ローカル(=PC)への保存は、new_win_whxy.htm を右クリック、[対象をファイルに保存] - 【ファイルのダウンロード】、【ファイル名を付けて保存】 - <保存する場所>: ……、などで。 ※: 【Internet Explorer】 - [ファイル] - [名前を付けて保存] ……、などで変わってしまったファイル名や、パスは要修正。
・ このDHTMLの実装方法は、new_win_whxy.htm をテキストエディターで開き、ホームページ作成ソフトなどのHTML挿入/編集メニューなどを使って、新しいページ 1 や hogehoge.html(=任意の挿入先ファイル名) の <body> 〜</body>の任意の行間に、 (*1) か、(*2)、(*3)、(*4)、(*5) を選びをペーストします。
・ new_win_whxy.htm の (*1) 部分 : <!-- ● ----------- ↓ この間をコピー&ペーストします。 ------------ --> <p><font face="MS Pゴシック" size="2"><!--webbot bot="HTMLMarkup" startspan --><a HREF="#" onclick="window.open('http://www.lycos.co.jp/','top','width=600,height=400,menubar=no,toolbar=no,directories=no,scrollbars=yes,status=yes,resizable=yes,screenX=2,left=2,screenY=2,top=2')">〔`。´ 〕Lycos Japan </a><!--webbot bot="HTMLMarkup" endspan --> <!-- ● ----------- ↑ この間をコピー&ペーストします。 ------------ --> を,コピーして hogehoge.html などの、 <body> 〜 </body>の 〜部分の任意の行に貼り付け、編集します。 ”FrontPage Express”で開き、 ← マークをペーストすると簡単!、\^o^/。
・ 編集方法は、hogehoge.html を WordPad や SmipleText などのテキストエディター、あるいは ”FrontPage Express” などのホームページ制作ソフトのHTMLタグ挿入/編集メニュー で開き編集します。 下記の(例) (*1) 、(*2)、(*3)、(*4)、(*5) を参考に太字部分の編集を任意に行います。 パラメーターの変更は該当部分で。 ※: テキストエディターによる編集は、HP制作ソフトとの互換性の問題を生じません(HP制作ソフト間は少し生じる)。 ※: 太字、彩色自体は動作に無関係。
・ 作動テストは、ローカル(PC)に保存し、 Internet Explorer 4.x〜 などで開いて。 更新の確認は、ie、Netscapeやサーバーからのキャッシュデーター更新を、目的のページを表示し ieでF5キーを押し最新データ読み込みで行います(≠再アクセス)。 Netscaperは、Ctrl+Rキーで。
・ アップロードや作動テストは、hogehoge.html と同じ階層〔ホルダー/ディレクトリー〕に、使用する画像などを転送/配置し実施。 FTPなどで変わったファイル名は要修正。 スクリプト構文中への改行混入は非作動原因。
・ 関連情報 : 色記号6、2、スタイルシートリファレンス、ホームページ開設入門が便利!。 Web Development、Web開発、MSDN IE8 HTMLとCSS、開発ツールでサイトを修正、スクリプト デバッグの概要、HTMLとCSSのサポート、CSSの改良点、IE7、IE6、XML、DHTML。
(*1) : new_win_whxy.htm (例) 挿入先の <body> 〜 </body> の、〜 部分に ”● ↓、↑この間をペーストします。” 部分をペースト。
HTMLの編集方法 | new_win_whxy.htm をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
この列ペースト不要
URL ターゲット Win幅 Win高 ※:yesまたはno Win位置 リンク名 |
<!-- ● ----------- ↓ この間をコピー&ペーストします。 ------------ --> <p><font face="MS Pゴシック" size="2"><!--webbot bot="HTMLMarkup" startspan --><a HREF="#" onclick="window.open('http://www.lycos.co.jp/','top','width=600,height=400,menubar=no,toolbar=no,location=no,directories=no,scrollbars=yes ,status=yes,resizable=yes,screenX=2,left=2,screenY=2,top=2')">〔`。´ 〕Lycos Japan </a><!--webbotbot="HTMLMarkup" endspan --> <!-- ● ----------- ↑ この間をコピー&ペーストします。 ------------ --> |
※: オプション指定 :menubar=メニューバー、toolbar=ツールバー、location=アドレス、directories=リンク、scrollbars=スクロールバー、status=ステイタスバー、resizable=サイズ可変、screenX=左上隅からの横位置,left=横位置、screenY=縦位置,top=縦位置
※: Internet Explorerの表示画面からの直接HTMLコピー、ペーストは、Wordpadなどのテキストエディターを経由し、<a 〜 </a>間に混入した改行があれば、削除します。
(*2) [?] ←マークの(例) FrontPage Expressの標準モードで、[?] ←マークのコピー/ペーストが可能。 編集は、HTMLマークアップのプロパティで。
HTMLの編集方法 | new_win_whxy.htm をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
この列ペースト不要
URL ターゲット Win幅 Win高 ※:yesまたはno Win位置 リンク名 |
<!--webbot bot="HTMLMarkup" startspan --> <a HREF="#" onclick="window.open('http://www.lycos.co.jp/','top','width=600,height=400,status=yes, resizable=yes,directories=no, scrollbars=yes,screenX=2,left=2,screenY=2,top=2')">〔`。´ 〕Lycos Japan</a> <!--webbot bot="HTMLMarkup" endspan --> |
(*3) *midファイルのURLを記述した(例) 挿入先の <body> 〜 </body> の、〜 部分にペーストします。
HTMLの編集方法 | new_win_whxy.htm をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
この列ペースト不要 音源のURL ターゲット Win幅 Win高 ※:yesまたはno Win位置 リンク名 |
<a HREF="#"onclick="window.open('http://www.xxxx.xx.jp/xxxxx/xxxxx/heikin01.mid','top','width =200,height=100,status=no,resizable=yes,directories=no,scrollbars=yes,screenX =2,left=2,screenY=2,top=2')">新しい小Winで"♪"演奏</a> |
※: Windows Media Player 7.x の、Webの midiファイル 対応設定 : 【Windows Media Player】-[ツール]-[オプション]-[形式]-利用できるファイル形式 - [v]MIDIファイルと、[v]オーディオファイルにチェクを入れます。
(*4) Winサイズの指定(例) 新しく開くWinではなく、”実装したファイル自体のサイズ”の指定(可変)。 挿入先の <body> 〜 </body>の冒頭にペーストします。
HTMLの編集方法 | :new_win_whxy.htm をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
この列ペースト不要
Win幅 高さ(ピクセル) |
<scriptlanguage="JavaScript"> window.self.resizeTo(500,400) </script> |
(*5) Winサイズの指定(例) 新しく開くWinではなく、”実装したファイル自体のサイズ”の指定(固定)。 挿入先の <body> 〜 </body>の冒頭にペーストします。
HTMLの編集方法 | :new_win_whxy.htm をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。 |
この列ペースト不要
Win幅 高さ(ピクセル) |
<script language="javascript"> function changesize(){ window.resizeTo(500,400 );} window.onload=changesize; window.onresize=changesize; </script> |
< 補足 > 適時参照あれ!。