ホーム へ  サンプルページ  新しいWinのサイズ、位置  new_win_whxy.htm

ハイパーリンクから、ターゲットを新しいWinで開きます。  マウスオーバー作動タグ。    新しいWinのサイズ(wh)、位置(xy座標)、スクロール/アドレス/ステイタスバー/サイズ可変の有無など、※:オプション指定 と、”実装したファイル自体のサイズ” の指定(可変)”実装したファイル自体のサイズ” の指定(固定) 〔関連・詳細情報 : calendar9a.htm(Winサイズ固定版)〕も。      all 対応。     コピー、編集し、簡単にWebで応用できます。 

デモは、下のリンクのをクリックで。

 

〔`。´ 〕Google Japan  

新しいWinで"♪"演奏(例)  〃作成手順

 

< ご使用方法 >

・ ローカル(=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などで変わったファイル名は要修正。    スクリプト構文中への改行混入は非作動原因。

 ・ 関連情報 : 色記号62スタイルシートリファレンスホームページ開設入門が便利!。   Web DevelopmentWeb開発MSDN IE8 HTMLとCSS開発ツールでサイトを修正スクリプト デバッグの概要HTMLとCSSのサポートCSSの改良点IE7IE6XMLDHTML

(*1) new_win_whxy.htm (例)    挿入先の  <body> 〜 </body> の、 部分に ”●  ↓、↑この間をペーストします。” 部分をペースト。

HTMLの編集方法   new_win_whxy.htm をテキストエディターで開き、下記↓のHTMLを挿入先ファイルにペースト、太字部分を編集し使用。
この列ペースト不要

 

URL ターゲット Win幅   Win高 ※:yesまたはno  Win位置 リンク名 

onMouseover(マウスオーバー作動時に変更します。)

 

<!-- ● ----------- ↓ この間をコピー&ペーストします。 ------------ -->

<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>

< 補足 >    適時参照あれ!。

・ Wordpad によるHTMLソース(タグ)を見ながらの直接編集方法。