|
|
|
2005.11.07
テーマ：ホームページ作成の悩み(546)
カテゴリ：【サイト作りの基礎】
ちょっと小技です（＾＾）
■サブウィンドウを常に前面表示させる □メインウィンドウのソース <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function disp(url){ window.open(url, "window_name", "width=350,height=250,scrollbars=yes"); } // --> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:disp('s_open6.html')">サブウィンドウを開く</A> </BODY> </HTML> □サブウィンドウのソース <HTML> <HEAD> <TITLE>サブウィンドウサンプル</TITLE> </HEAD> <BODY onBlur="focus()"> 内容 </BODY> </HTML> ■サブウィンドウの大きさを自在に変更 □メインウィンドウのソース <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function disp(url){ window.open(url, "window_name", "width=350,height=250,scrollbars=yes,resizable=yes"); } // --> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:disp('sample_open10.html')">サブウィンドウを開く</A> </BODY> </HTML> □サブウィンドウのソース <HTML> <HEAD> <TITLE>ウィンドウサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function change(size){ if(size == 'big'){ // 拡大の処理 window.resizeBy(20, 20); // （横幅 , 高さ } else if(size == 'small'){ // 縮小の処理 window.resizeBy(-20, -20); // （横幅 , 高さ） } } // --> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" VALUE="拡大" onClick="change('big')"> <INPUT TYPE="button" VALUE="縮小" onClick="change('small')"> </FORM> </BODY> </HTML> ■サブウィンドウを自在に移動する □メインウィンドウのソース <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function disp(url){ window.open(url, "window_name", "width=350,height=250,scrollbars=yes"); } // --> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:disp('s_open8.html')">サブウィンドウを開く</A> </BODY> </HTML> □サブウィンドウのソース <HTML> <HEAD> <TITLE>ウィンドウサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function change(move){ if(move == 'top'){ // 上に移動 window.moveBy(0, -20); // （左右 , 上下） } else if(move == 'left'){ // 左に移動 window.moveBy(-20, 0); // （左右 , 上下） } else if(move == 'right'){ // 右に移動 window.moveBy(20, 0); // （左右 , 上下） } else if(move == 'bottom'){ // 下に移動 window.moveBy(0, 20); // （左右 , 上下） } } // --> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" VALUE="↑上" onClick="change('top')"> <INPUT TYPE="button" VALUE="←左" onClick="change('left')"> <INPUT TYPE="button" VALUE="右→" onClick="change('right')"> <INPUT TYPE="button" VALUE="↓下" onClick="change('bottom')"> </FORM> </BODY> </HTML> ■サブウィンドウ内の自動スクロール □メインウィンドウのソース <HTML> <HEAD> <TITLE>でめららHTMLサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- function disp(url){ window.open(url, "window_name", "width=350,height=250,scrollbars=yes"); } // --> </SCRIPT> </HEAD> <BODY> <A HREF="javascript:disp('sample_open12.html')">サブウィンドウを開く</A> </BODY> </HTML> □サブウィンドウのソース <HTML> <HEAD> <TITLE>ウィンドウサンプル</TITLE> <SCRIPT TYPE="text/javascript"> <!-- // 設定開始（スクロールの動きを設定してください） var speed = 100; // スクロールのスピード（1に近いほど速い） var move = 5; // スクロールのなめらかさ（1に近いほどなめらか） // 設定終了 // 初期化 var x = 0; var y = 0; var nx = 0; var ny = 0; function scroll(){ window.scrollBy(0, move); // スクロール処理 var rep = setTimeout("scroll()", speed); // スクロール位置をチェック（IE用） if(document.all){ x = document.body.scrollLeft; y = document.body.scrollTop; } // スクロール位置をチェック（NN用） else if(document.layers || document.getElementById){ x = pageXOffset; y = pageYOffset; } if(nx == x && ny == y){ // スクロールし終わっていたら処理を終了 clearTimeout(rep); } else{ nx = x; ny = y; } } // --> </SCRIPT> </HEAD> <BODY onLoad="scroll()"> 内容 </BODY> </HTML> 【庶事所感】 NHK職員が放火！？・・・そりゃ、受信料誰も払わなくなってしまいますよ（＞＜）ん・・・なんだかなぁ  リンクはフリーですご自由にどうぞ(バナーリンクタグはprofileのページ年表欄にあります）
でめららのプラザ楽天日記｜情報コミュニティーサイトPRIORITY ONE｜女性下着専門通販サイトINNER COLLECTION｜腸内洗浄コーヒーエネマ｜化粧品通販【cosme-PRIORITY ONE】｜浜田省吾ファンサイトDownByTheMainstreet お気に入りの記事を「いいね！」で応援しよう
[【サイト作りの基礎】] カテゴリの最新記事
|
|
|||||||||||||
