人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

サイトを開くと自動的にポップアップのウィンドウを開く方法は、最近はポップアップブロッカーがあるため、代替の方法を探しています。
CSSをつかって画面上にレイヤーを重ねて子ウィンドウのように見せるやり方もあるようですが詳しい作り方がわかりません。教えていただけますか。もしくはほかにポップアップの代案になるようなやり方を教えてください。

●質問者: two_three
●カテゴリ:ウェブ制作
✍キーワード:CSS ウィンドウ サイト ブロッカー ポップアップ
○ 状態 :終了
└ 回答数 : 6/6件

▽最新の回答へ

1 ● typista
●17ポイント

http://www.hajimeteno.ne.jp/dhtml/dist/js13.html

JavaScript,ダイナミックHTMLサンプル-マウスでドラッグ&ドロップ

ie6でのみ動作確認済みですが、以下のように記述すれば、ごくごく簡単なポップアップは擬似れます。

もしドラッグ&ドロップによる移動まで実現したいようでしたら、URLを参考にしてみてください。

---

<html>

<script language=”JavaScript”>

function openSubWin() {

var p = document.getElementById(’popup’);

p.style.visibility=”visible”;

}


function closeSubWin() {

var p = document.getElementById(’popup’);

p.style.visibility=”hidden”;

}

</script>


<body onLoad=”openSubWin()”>


<div id=”popup” style=”visibility:hidden; position: absolute; left: 100px; top: 100px;”>

<table border=”1” cellspacing=”0” cellpadding=”0” width=”200”>

<tr>

<td bgcolor=”blue” align=”right”>

<input type=”button” onClick=”closeSubWin()” value=”X” />

</td>

</tr>

<tr>

<td>

擬似ポップアップウィンドウのレイヤ

</td>

</tr>

</table>

<div>

</body>

</html>

◎質問者からの返答

ありがとうございます。


2 ● aria_corp
●17ポイント

http://www.tcp-ip.or.jp/~mt2knm/etc/obs_metasrch_lib.html

オンライン書店メタ検索JavaScript集

JavaScriptでHTMLとCSSをつかって、ポップアップメニューっぽく見せかける例

◎質問者からの返答

ポップアップメニューでなくて

ポップアップウィンドウがやりたいのです。


3 ● matun55
●17ポイント

http://www.hpj3.com/hpsupport/cbbs.cgi?mode=al2&namber=1697&...

hpj3.com - 404 Not Found

<html>

<head>

<script language=”JavaScript”><!--

function subwindow(){

W_width = ”400”; // ウインドウの幅

W_height = ”300”; // ウインドウの高さ

W_right =”15”; // ウインドウを開く右からの位置

W_top =”10”; // ウインドウを開く上からの位置


W_left = screen.width - W_width - W_right;


window.open(”xxx.html”,”subwindow”,’width=’+W_width+’,height=’+W_height+’,left=’+W_left+’,top=’+W_top+’,screenX=’+W_left+’,screenY=’+W_top);

}

//--></script>

</head>

<body>

<a href=”JavaScript:subwindow()”>サブウィンドウOPEN</a>

</body>

</html>


コピペしましたが、ボタンで開くやり方です。

◎質問者からの返答

ユーザーアクションで開くのではなく、

そのURLを訪れたら自動的にポップアップウィンドウを開くやり方、もしくは同様の効果を探してますのでちょっと違いますね。


4 ● nabecchi
●17ポイント

http://www.google.com/search?hl=ja&lr=lang_ja&ie=UTF-8&a...

Google

ホバーウィンドウというのはいかがでしょうか。

無料で設置する方法が出回っています。

ただ、これ、SEO的にはあまりよろしくないとのことで、

最近はフロートインウィンドウというのが出てきてますが、

こちらは有料情報しか見つけられませんでした。

http://infostore.jp/dp.do?af=nb0508&ip=slowtrain&pd=0002

該当の商品は販売対象外です。

◎質問者からの返答

おおーー!!

こういうのを探してました!!

ありがとうございます。

ほかにもありましたら教えて下さい。


5 ● i_sawada
●16ポイント

http://www.dynamicdrive.com/dynamicindex11/abox2.htm

Dynamic Drive DHTML Scripts- Popup Box II

これなんか、いかがでしょうか。


見た目や動作の設定もカスタマイズできるので、ポップアップウィンドウの代替としてはぴったりな気がしますが・・・。


Windows、Mac共に主要ブラウザには対応していますし、非対応のブラウザ(IE 4.xなど)では自動的にポップアップウィンドウとして開くこともできます(設定変更可)

◎質問者からの返答

ありがとうございます。


1-5件表示/6件
4.前の5件|次5件6.
関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ