- 締切済み
ボタン クリック時にページ ポップアップ
以下のようなボタンに、クリックすると、ページがポップアップするようにしたい のですが、どうしたらいいですか？ <button type=button style=width:120px;background-color:hotpink;color:white; onClick=location.href='http://www.troom.to/***/***.cgi?room=******'><IMG src=http://userimage.gaiax.com/goo/tamatomi/blue.gif align=middle>今日の 運勢は？！ </button>
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- hardy50
- ベストアンサー率29% (221/746)
関連するQ&A
- DIVで同一ページ内にポップアップってできる？？
普通ポップアップをするときには別ウィンドウを立ち上げますが、DIVを使ってリンク元があるhtmlに別のhtmlを立ち上げることは可能でしょうか？？ 画像のポップアップを同一ページに立ち上げるポップアップは既に手元にあります。 それを立ち上げるのを画像ではなくhtmlにしたいんです。 ----ソース---- 【HTML】 <div id="pWindow" style="position:absolute; visibility:hidden; width:100%; height:100%;"> <table style="width:100%; height:100%;" border="0" cellspacing="0" cellpadding="0"> <tr><td align="center" valign="middle"> <table style=" background-color:#FFF; border:1px solid #000;" border="0" cellspacing="15" cellpadding="0"> <tr><td align="center" valign="middle"> <img src="img/loading.gif" width="400" height="300" id="lPhoto"> </td></tr> <tr><td align="center" valign="middle"> <a href="javascript:cls()"><img src="img/close.gif" width="53" height="17" border="0"></a> </td></tr> </table> </td></tr> </table> </div> 【JavaScript】 //拡大画像を表示する function pwinOpen(imgSrc){ var lgPhoto=document.getElementById('lPhoto'); lgPhoto.src = imgSrc; var pWin=document.getElementById('pWindow'); pWin.style.visibility = 'visible'; } //拡大画像を閉じる function cls(){ var pWin=document.getElementById('pWindow'); pWin.style.visibility = 'hidden'; var lgPhoto=document.getElementById('lPhoto'); lgPhoto.src = "img/loading.gif"; } 分かる方、お忙しいところ申し訳ないんですがご教授ください！！
- ベストアンサー
- JavaScript
- Javascript ポップアップウィンドウについて
初歩的なことだとは思いますが、教えてください。 ポップアップウィンドウで画像を表示するためのリンクを以下のように記述して使っていますが、 ポップアップウィンドウ内に余白が出ます。（ウインドウ枠と画像の間） ウインドウの左上（0,0）の位置に画像を持ってくるにはどうしたらいいのでしょうか。 調べたものをいくつか試してみましたが、どれもうまくいきませんでした。 よろしくお願いします。 -------------------- ■<head>内 <script type="text/javascript"> <!-- function MM_openBrWindow(theURL,winName,features) { //v2.0 window.open(theURL,winName,features); } //--> </script> ■<body>内 <a href="img/test.gif"><img alt="" src="～.gif" onclick="MM_openBrWindow('img/test.gif','test','scrollbars=yes,width=950,height=400')" /> </a> ------------------------- もしくは、 ■<head>内 <script type="text/javascript"> <!-- function WindowOpen_01(){ window.open('test.gif','test','scrollbars=yes,width=1150,height=350,left=0,top=0'); } //--> </script> ■<body>内 <a href="javascript:WindowOpen_01()"><img src="img/table_off.gif" alt="" width="320" height="55" class="mar_t_10" onmouseover="this.src='img/table_ban_on.gif'" onmouseout="this.src='img/table_off.gif'" /></a>
- ベストアンサー
- JavaScript
- 画像をクリックして別の画像を変えたい
ボタン画像をクリックしたときに同一ページ内にある画像が変わるようにしたいのですが、下のように描くと、ボタン画像（button.gif)自身が2.pngなどの画像に変わってしまいます。 <HTML> <HEAD> <TITLE>スワップイメージ</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function changeImage(imageUrl){ document.images[0].src = imageUrl; } // --> </SCRIPT> </HEAD> <BODY> <A HREF="#" onClick="changeImage('1.png')" ><IMG SRC="button.gif" border="0"></A> <A HREF="#" onClick="changeImage(2.png')" ><IMG SRC="button.gif" border="0"></A> <A HREF="#" onClick="changeImage(3.png')" ><IMG SRC="button.gif" border="0"></A> <TABLE BORDER="0"> <TR> <TD>ボタンを押すと下に画像が表示されます。</TD> </TR> <TR> <TD><IMG SRC="1.png"></TD> </TR> </TABLE> </BODY> </HTML> 原因を私なりに考えたところ、設定した変数mageUrlをボタンを表示させるために使った<img src="button.gif">で受け取ってしまっているというのはわかりました。（確認のため <IMG SRC="1.png"> を<A HREF>～</A>より上に持ってきたら思っていた動きになりました。） けれどそれからどう修正したらもとの順番でもちゃんと動くのかがわかりません。過去ログの似た質問も拝見したのですが、今の自分では理解できませんでした‥。すみませんがよろしくお願いいたします。
- ベストアンサー
- JavaScript
- WidowsMediaPlayerのポップアップを止める
動画ファイルを再生する為に次のようなタグを組みましたが、最初の動画は指定の画面内で再生出来るのですが、次の動画を選択するとWidowsMediaPlayerがポップアップして来るので、これを一旦停止させてから指定画面をクリックするという変な具合になってしまいました。 常に指定画面内だけで動画を表示させるには、何が足りないのでしょうか？ <OBJECT id=WM height=200 width=200 classid=CLSID:22d6f312-b0f6-11d0-94ab-XXXXXXXXX><PARAM NAME="Filename" VALUE="file/shineitai.mpg"><PARAM NAME="ShowStatusBar" VALUE="1"><PARAM NAME="loop" VALUE="0"><PARAM NAME="autoStart" VALUE="false"><PARAM NAME="showControls" VALUE="true"> </OBJECT> <TABLE class=normal height=76 cellSpacing=0 cellPadding=1 width=200 border=0> <TBODY> <TR vAlign=top align=left bgColor=#aad0fc> <TD align=right bgColor=#c8e0fc height=19><IMG height=17 hspace=2 src="file/bu_play.gif" alt="矢印" width=18></TD> <TD bgColor=#c8e0fc><A class=normal onclick="selectWM('file/sakura.mpg');" href="file/sakura.mpg">しだれ桜上水</A></TD></TR> <TR vAlign=top align=left bgColor=#c8e0fc> <TD align=right bgColor=#aad0fc height=19><IMG height=17 hspace=2 src="file/bu_play.gif" alt="矢印" width=18></TD> <TD width=165 bgColor=#aad0fc><A class=normal onclick="selectWM('file/mycar.mpg');" href="file/mycar.mpg">三菱パジェロ</A></TD></TR> <TR vAlign=top align=left bgColor=#aad0fc> <TD align=right bgColor=#c8e0fc height=19><IMG height=17 hspace=2 src="file/bu_play.gif" alt="矢印" width=18></TD> <TD bgColor=#c8e0fc><A class=normal onclick="selectWM('file/aki.mpg');" href="file/aki.mpg">秋日和</A></TD></TR> </TBODY> </TABLE> 分かる方、よろしくお願いします。 ファイル名はあくまで架空です。
- ベストアンサー
- HTML
- [携帯]divで指定した背景色から画像がはみ出す。
携帯用サイトを制作しているのですが、 <div style="clear:both;background-color:red;"> <img src="./images/icon.gif" width="64" height="64" align="left" style="vertical-align:middle;float:left;margin:5px;" /> <br />こんにちは </div> <div style="clear:both;～ と画像の横に文字が回りこんだとき、背景色が文字の部分にしかつかず、画像がはみ出した状態になってしまいます。 今回は1*1の透明なgif画像を使い、 <div style="clear:both;background-color:red;"> <img src="./images/icon.gif" width="64" height="64" align="left" style="vertical-align:middle;float:left;margin:5px;" /> <br />こんにちは <div clear="all" style="clear:both;"> <img src="./images/space.gif"> </div> </div> <div style="clear:both;～ とすることで解消できたのですが、 参考にしていたサイトではどうやら画像を使わずに背景内に収めているようです。 後学のために、画像を使わず、背景から画像をはみ出さないように見せる方法を教えてください。よろしくお願いします。 docomoで動作確認しています。
- 締切済み
- HTML
- ポップアップウィンドウをスクロールできるようにする方法
Dreamweaver8を使用しています。 ポップアップウィンドウに表示されるデータがウィンドウ画面より長いので、スクロールして最後まで読む必要があるのですが、スクロールができません。 スクロールバーも出ません。 どうすればポップアップ画面をスクロールできるようになるか教えて下さい。 ちなみに、下記のようになっています。画像をクリックするとポップアップ画面が出現するようになっています。 <ul class="specification"><li class="specification01"><a href="toroidalcoil.html" onClick="Open_popup1();" target="popup_win01"><img src="img/toroidalcoil.gif" alt="トロイダルコイル" width="128" border="0"></a></li></ul> 出現するポップアップウィンドウのサイズ（幅）も指定できる方法があれば教えて頂けると助かります。 宜しくお願いします！
- ベストアンサー
- ホームページ作成ソフト
- 文字の上のスペースだけ微調整できますか？
文字と文字の間にある縦の境界線はbackgroundの上下のセンターにあるのですが 「あ」「い」「う」の文字が少し上に来ています。 微調整するタグはございますか？ paddingを試したのですが、せっかく上下のセンターにきてた境界線もずれてしまうのでだめでした。 ご教授お願いします。 ------------------------------------------------ あああああ <img src="images/line.gif" style="vertical-align: middle;" hspace="10" vspace="0" width="2" height="20" alt="境界線" /> いいいいい <img src="images/line.gif" style="vertical-align: middle;" hspace="10" vspace="0" width="2" height="20" alt="境界線" /> ううううう ------------------------------------------------
- 締切済み
- HTML
- クリックしたら別ウィンドウでポップアップが表示されるようにしたい
お世話になります。web初心者なので、どうか教えてください。 クリックすると別ウィンドウからサイズ600×500pxの固定ポップアップが出てくるようにしたいのですが、参考書を見ながらやっているのですが、ポップアップが出てきません。下記の記述でどこが間違っているのか教えていただけないでしょうか？ その際、現在macのDreamweaverで作成していますが、Win機で閲覧してもよく表示されるポップアップブロックにひっかからないようにしたいです。どうかご教授お願いします。 <script language="JavaScript" type="text/JavaScript"> （略） <a href="javascript:;" onClick="MM_openBrWindow('001.html','thank1','width=600,height=500')"><img src="images/001.jpg" alt="適当な説明文" width="140" height="203" border="0"></a>
- ベストアンサー
- HTML
- ドロップダウンメニューの方法を教えてください
■ドロップダウンメニューでサブメニューが横並びで出るようにしたいと思っています。 HTMLは下記のように記述しています。どのようにJavascriptを記述すると良いのか教えてください。よろしくお願いします。 【html】 <div id="menuber"> <a href="#"><IMG src="test/m1.gif" width="101" height="20" border="0" align="left"></a> <div class="hiddenmenus"> <span id="sub"> <a href="#"><IMG src="test/sub1.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub2.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub3.gif" width="101" height="20" border="0" align="left"></a> <a href="#"><IMG src="test/sub4.gif" width="101" height="20" border="0" align="left"></a> </span> </div> </div> 【CSS】 .hiddenmenus {position:absolute; top: 20px; left: 0px;} #sub1 { visibility: hidden; }
- ベストアンサー
- JavaScript
- ■ポップアップウィンドウをIEで見ると隙間が出来る■
いつもお世話になっております。 サムネイル画像をクリックすると大きな画像がポップアップウィンドウで表示されるページを作っています。 ツールバー等全て非表示（toolbar=noなど）をして、画像の大きさぴったりにサイズも合わせているのですが、IEで見ると何故か左と上に隙間が出来ます。 macのdreamweaverで作っていて、safariで見ると隙間は出てこないのですが、windowsのIEで見ると隙間が出来てしまいます。 これを画面ぴったりにおさめるにはどうすれば良いのでしょう。 使っているjavascriptは <a href="javascript:;" onClick="MM_openBrWindow('img01.jpg','img01','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=600,height=500')"><img src="small/img-s01.jpg" width="100" height="100" border="0"></a> を使っています。 何に問題があるのかも教えて頂けると助かります。 宜しくお願い致します。
- 締切済み
- JavaScript
- MFC-J720Dの使用中に電話をかけられないトラブルが発生しました。電話機やモデムの電源を落としても改善されません。この問題の解決方法を教えてください。
- お使いのMFC-J720Dで電話ができないトラブルが発生しました。電源の再起動などの対応策を試しましたが、問題は解決されませんでした。このトラブルの原因と解決方法を教えてください。
- MFC-J720Dで電話ができない状態になりました。ツーという発信音が鳴らない問題が発生しています。電源を一度切ってみましたが、改善されませんでした。この問題に対する解決策を教えてください。
お礼
このページ役にたちますなぁ。ありがとございます