ASCII.jp：jQueryで自作するフローティングウィンドウ｜Web制作の現場で使えるjQuery UIデザイン入門
「フローティングウィンドウ」は、Webページ本文に重ねて表示し、ドラッグ＆ドロップ操作で移動できる子ウィ ンドウのことです。といっても、ブラウザーの画面内にウィンドウのように表示するだけですので、ブラウザーやウイルス対策ソフトのポップアップブロック機能に規制されることもありませんし、追加的な情報を元のWebページのレイアウトを崩さずに表示できるメリットがあります。 基本のフローティングウィンドウを作成する 今回は、「フローティングウィンドウを表示」のリンクをクリックするとフローティングウィンドウを開くWebページを作成します。開いたウィンドウはドラッグ＆ドロップ操作でページ内を自由に移動でき、右上に配置した「×」ボタンで閉じられます。 まず、以下のようなHTML／XHTML（以下、HTML）を用意します。リンクのテキストをa要素で包み、class属性に「open」を付けます。このa要素は、
JavaScript/ウィンドウ/メインからサブウィンドウを操作する（2） - TAG index
メインウィンドウ内のアクションで、サブウィンドウを操作するスクリプトです。 （例：ページの移動時にサブウィンドウを閉じる） ポップアップブロックが作動してしまう場合があります。 サンプル画面のソース <html> <head> <title>TAG index Webサイト</title> <script type="text/javascript"> <!-- var win1; // サブウィンドウを開く処理 function disp(url){ win1 = window.open(url, "window_name", "width=300,height=200,scrollbars=yes"); } // サブウィンドウを操作する処理 function subwin(){ if(win1 && !win1.closed){ // サブウィンドウの存在をチェック win1.clo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.1kara.net/js/popup.php