JAVAスクリプトでランダムURL表示・任意のサイズの小窓を出す方法
- JAVAスクリプトで「ランダムURL表示・任意のサイズの小窓を出す」というものを作りたいのですが、窓のサイズを指定するところでつまずいています。
- 現在のコードでは、ランダムなURLを表示することと新しい窓を開くことはできています。
- しかし、窓のサイズを指定するスクリプトを挿入してもうまく動作しません。初歩的な質問ですが、どこにどう記述すれば良いのかが分かりません。
- ベストアンサー
JAVAスクリプトで「ランダムURL表示・任意のサイズの小窓を出す」と
JAVAスクリプトで「ランダムURL表示・任意のサイズの小窓を出す」というものを作りたいのですが。 今現在、「ランダムURL表示と、新しい窓を出す」というところまで出来ておりますが、窓のサイズを指定するところでつまずいております。 以下が現在の状況です。 ---------------------------------------------------------------------------------- <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE></TITLE> <script type="text/javascript"> var links = ['1.html','5.html','2.html','9.html','1.html','3.html','7.html','10.html','4.html','1.html','6.html','8.html']; function RandomLink() { var Link = links[Math.floor(Math.random() * links.length)]; window.open(Link); } </script> </HEAD> <BODY><A target="_blank" alt="???" onclick="RandomLink();return false;" href="">おみくじ</A></BODY> </HTML> -------------------------------------------------------------------------------- ここから窓のサイズをかえるスクリプト、 例えば -------------------------------------------------------------------------------- <script language="JavaScript"> <!-- function subWin01(){window.open("URL","window1","scrollbars=no,status=no,menubar=no,toolbar=no, resizable=no,width=200,height=200");} //--> </script> BODY間 <A href="javascript:subWin01()">おみくじ</A>」 ---------------------------------------------------------------------------------- のようなものを挿入したいのですが、基本的な事がまだ飲み込めていないせいか、どこに入れてもうまく動いてくれません。 そもそも、「ランダムURL表示・任意のサイズの小窓を出す」といった重複した使い方が出来るのかも分かっておりません。 初歩的な質問だとは思いますが、この「ランダムURL表示・任意のサイズの小窓を出す」という事が出来るのか、出来るとしたらどこにどう記述すれば良いかを教えていただけたらと思います。 どうぞ宜しくお願いいたします。
- mozuright666
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数6
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
繋げてやるだけでいいんじゃないのかな。 openにURLを渡してやれば。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>無題Document</title> <script type="text/javascript"> <!-- function Omikuji(){ var links = ['1.html','5.html','2.html','9.html','1.html','3.html','7.html','10.html','4.html','1.html','6.html','8.html']; var url = links[Math.floor(Math.random() * links.length)]; window.open(url,"window1","scrollbars=no,status=no,menubar=no,toolbar=no, resizable=no,width=200,height=200"); } //--> </script> </head> <body> <p><a href="javascript:void(0);" onclick="Omikuji(); return false;">おみくじ</a></p> </body> </html>
関連するQ&A
- ｈｔｍｌでHP作成・１つのページに複数の小窓を出すには・・・
メモ帳を使い、タグを打ち込んでHPを作っています。 １つのページに３つのリンク元を置いて、それぞれ違う 小窓が出るようにしたいのですが、やってみたら 全部同じ小窓が出てしまいます。何度やっても直りません。 打ち込んだタグはこれです。（＜BODY＞＜/BODY＞内に） 同じタグを、リンク先のURLとリンク元の文を変えただけで３つ続けて書き込みました。 これだと、どのリンク元を押しても３つめの小窓が開いてしまいます。 ちゃんと個々の小窓が開くようにするにはどうすればいいのでしょうか？？教えてください！！ <SCRIPT language=JavaScript><!-- function subWin1(){ window.open("1つめ.html","window2","resizable=no,menubar=no,directories=no,status=no,location=no,scrollbars=yes,toolbar=no,width=500,height=500"); } --> </SCRIPT><A href="javascript:subWin1();" STYLE="text-decoration:none" title="" onfocus="this.blur()"><font color=gold size="1" face="verdana"onMouseOver="this.style.color='red'" onMouseOut="this.style.color = 'GOLD'">１つめリンク元</font></a>
- 締切済み
- その他（インターネット・Webサービス）
- 小窓について。
現在、クリックすると小窓が開くようにして注意事項等を表示しています。 サイト内で小窓が3カ所あり、全てサイズが違います。 私は開いた小窓を閉じて次のアクションをおこすので気付かなかったのですが、 どうやら開いた小窓をそのままで次のアクションをおこし別の小窓を開く人には「見えない」(実際には開いているけれど、元々のページの下に隠れている。＆小窓のサイズが最初に開いた小窓のままで次に開いた小窓の内容とはサイズが合ってない)という事です。 現在使用中のタグは以下のものです。 どのように訂正すれば快適に表示することができるのでしょうか。 ＝HEAD内＝ <script type="text/javascript"> <!-- function subwin1(){window.open('△△.htm','miniwin', 'resizable=no,menubar=no,status=no,location=no,scrollbars=yes,toolbar=no,width=430,height=620');} --> </script> ＝BODY内＝ <A href="javascript:subwin1()"> 過去ログをどのように調べたらいいかわからなかった(適切な検索語句がわからない)ので新しく質問しました。 もし過去に同じような質問があれば、リンクを張っていただくだけでも構いません。 お手数おかけしますが、よろしくお願いします。
- ベストアンサー
- HTML
- 複数ある小窓のサイズ。
今、HPビルダーのイベントで↓の様にしてあるんですが、 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 // _HpbJumpURLinNewWindow: 新規ウィンドウを開いて指定したURLにジャンプします。 // function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"scrollbars=1,width=710,height=430,top=150, left=200"); } } //--> </SCRIPT> がスクリプト部分でリンクしたい部分を <A onclick="_HpbJumpURLinNewWindow('http://～○○.cgi');" href="#">update</A> といった様に書いてあるのですが、 今メニュー全てがクリックすると同じサイズの小窓 で開くようになっています。それで一つだけ他のと 小窓のサイズを変えたいんですが、 その場合、どう書けばよいのでしょうか?
- ベストアンサー
- JavaScript
- ＭＡＣ＋ＩＥで、小窓が表示されない。
お世話になります。 ＭＡＣ＋ＩＥで小窓が開かず困っています。 で、MacIEの場合、リンクターゲットが#のままでは、javascriptで小窓のURLを指定してもページ内アンカーを指定していると解釈されているようですので、MacIEでも小窓をきちんと開かせるには、やはり小窓URLを指定しなくては駄目なようです。 <a href="小窓のURL" onClick="window.open(～…> と、他でアドバイスもらったんですがなにぶん初心者なため、そのあとの中身をどういれていけばいいのかがわからず、またこの教えてくれたかたとも連絡がつけれず、困り果てています。 現在 <a href="#" onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> となっているんですが、<a href="小窓表示するアドレス">と変更したそのあとは、どんな指定になるのでしょう？ お手数かけますが onclick="window.open('小窓表示するアドレス','その名前','width=サイズ,height=サイズ,menubar=no,toolbar=no,location=no,scrollbar=no,status=yes');"> を書きかえるような形で教えてもらえると助かります・・・。 おたすけください。よろしくおねがいします。
- ベストアンサー
- JavaScript
- 中央に小窓表示
とあるサイトで中央に小窓表示JavaScriptを使用し Another HTML-lint gatewayで文法チェックしたら XHTMLでは <SCRIPT> や <STYLE> の内容が #PCDATA です。コメントはコメントとして解釈されてしまうので、旧来のテクニックは使えません。外部にスクリプトファイルやスタイルファイルを用意するようにしましょう。 とでました 下記のJavaScriptを外部形式にするにはxxx.jsに書くところまではわかりましたが書き方がわかりませんどこを変更したらいいのでしょうか <script type="text/javascript"><!-- function m_win(url,windowname,width,height) { var features="location=no, menubar=no, status=yes, scrollbars=yes, resizable=yes, toolbar=no"; if (width) { if (window.screen.width > width) features+=", left="+(window.screen.width-width)/2; else width=window.screen.width; features+=", width="+width; } if (height) { if (window.screen.height > height) features+=", top="+(window.screen.height-height)/2; else height=window.screen.height; features+=", height="+height; } window.open(url,windowname,features); } // --></script> よろしくお願いします
- 締切済み
- JavaScript
- 小窓を開くJSで、高さを調節した表示位置を画面の右端にしたい
よく、リンクをクリックすると新規に親窓で開くページがあります 文末はその小窓を画面中央に開く、どこかでみたサンプルです。 ここで、Excel2003のヘルプ窓のように、次のように動作させたいです。 (1)高さはクライアント画面の高さを取得して縦幅一杯に（例：768、600px等可変に） (2)幅は固定値（例：200px等と指定） (3)場所は右端（各クライアントの画面の幅－小窓幅（例：200px）＝小窓の左上角） (4)元窓（親窓）の幅はそのまま (5)ブラウザ依存せず動作する方が嬉しいです まとめると、リンクを開くと画面右端ピッタリに次のような小窓が現れるイメージです。 ┌────┬─┐ │親窓 │小│ │ │窓│ │ │ │ └────┴─┘ よろしくお願いします。 <html> <head> <script language="javascript" type="text/javascript"> function winOpen(url,wid,hei,wname){ window.name = wname; sw = screen.availWidth; sh = screen.availHeight; wl = (sw-wid)/2; wt = (sh-hei)/2; about = window.open (url,"SmallWindow","width=" + wid + ",height=" + hei + ",,toolbar=no,location=no,directories=no,menubar=no,resizable=yes,scrollbars=yes,left=" + wl + ",top=" + wt); } </script> </head> <body> <a href="#" target="new" onClick="winOpen('../komado.html','540','420','dot'); return false;"> クリックで小窓を開く </a> </body> </html>
- ベストアンサー
- JavaScript
- JAVA SCRIPTで作成したポップアップウィンドウが何故か同じものが２つでてくるのは？
こんにちはJAVA初心者ですがどうかご助言ください。 自分のHPであるページにアクセスすると同時に別に小窓も表示させる、よくあるJAVA SCRIPTを作成したのですが何故かその小窓が同時に２つ出てきます。これは一体なぜなのでしょう？ソースはいろいろなJAVA SCRIPTを紹介している専門サイトから引用したものを使いました。以下がそうです。 あとその小窓のサイズを指定しているのに何故か端にあるバー分の分だけ多めに表示されます（バーは実際には表示されていませんがそのバーのピクセル分だけ多めのサイズで小窓が出てくるんです。）。いろいろ解決方法を探してみたのですがこの原因も分かりません、専門科の方どうか教えていただけないでしょうか？よろしくお願いします。 <html> <head> <script type="text/javascript"> <!--// function openWin() { window.open("fuji-repo.html","","width=190,height=166,top=200,left=100,"); } //--> </script> </head> （あいだは中略します。） <body onLoad="openWin()"> </body> </html>
- ベストアンサー
- JavaScript
- ジャバスクリプトが作動しません。
初めまして、素人なので的外れな質問だったら恐縮です。 以下のようにジャバスクリプトを2つ記述しましたが、後ろに記述した１つしか作動しません。 記述の順番を入れ替えても、やはり後ろに記述した方しか作動しません。 何が悪いのか、どなたか教えて頂けますでしょうか？ <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <title>ホームページテンプレート</title> <meta name="description" content="説明を入れます" /> <meta name="keywords" content="キーワード" /> <link href="css/style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/script.js"></script> <link href="css/gallery11.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/effects.js"></script> <script type="text/javascript" src="js/glider.js"></script> <script type="text/javascript"><!-- Event.observe(window, "load", function(){ new Glider("album1", { duration:1.0 } ); }); // --></script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript"> $(function(){ var setImg = '#viewer'; var fadeSpeed = 1500; var switchDelay = 5000; $(setImg).children('img').css({opacity:'0'}); $(setImg + ' img:first').stop().animate({opacity:'1',zIndex:'20'},fadeSpeed); setInterval(function(){ $(setImg + ' :first-child').animate({opacity:'0'},fadeSpeed).next('img').animate({opacity:'1'},fadeSpeed).end().appendTo(setImg); },switchDelay); }); </script> </head>
- ベストアンサー
- JavaScript
- ブログ上で複数のjavaスクリプトから2つのjavaスクリプトをランダムに表示させたい
ブログ上に、複数のjavaスクリプトからランダムに２つのjavaスクリプトを選んで表示させたいのですが、コードがわからないので教えていただきたいです。選ばれた二つは被らないようにしたいです。 使用したいjavaスクリプトのコードは <script type="text/javascript" charset="euc-jp" src="○○1"></script> <script type="text/javascript" charset="euc-jp" src="○○2"></script> <script type="text/javascript" charset="euc-jp" src="○○3"></script> のようになっています。 javaを使って画像や文字をランダムに表示する方法はあったので応用しようとしたのですがうまくいきませんでした。 よろしくお願いします。
- ベストアンサー
- JavaScript
- 小窓を開くJSで、高さを調節して表示位置も画面の右端にしたい（２）
昨日質問した http://oshiete1.goo.ne.jp/kotaeru.php3?q=1919765 の続きなのですが、文末サンプルの5行目（window.opem・・・）の改造について (1) status=yesをnoにすると、高さがステータスバー分空洞になってしまいます。 (2) 幅を％でなく、固定値（例：200px）にしたいと、 window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenWIDTH()-200+',width=200,height='+getScreenHEIGHT()); としてみましたら、今後は変なところに窓が表示されてしまいます。 (1) (2) を解決するため、私の解釈はどこが誤っていますでしょうか。 <html> <head> <script language="javascript" type="text/javascript"> function openNewWin(url, name){ window.open(url, name, 'status=yes,resizable=yes,top=0,left='+getScreenWIDTH()*0.7+',width='+getScreenWIDTH()*0.3+',height='+getScreenHEIGHT()); } //スクリーンサイズから画面サイズ取得（高さ） function getScreenHEIGHT(){ if(!!window.screen){ //N4,N6,Moz,IE,共用 return screen.height-80; }else{ //上記以外 return null; } } //スクリーンサイズから画面サイズ取得（幅） function getScreenWIDTH(){ if(!!window.screen){ //N4,N6,Moz,IE,共用 return screen.width-12; }else{ //上記以外 return null; } } </script> </head> <body> <a href="#" target="new" onClick="openNewWin('komado.html','a'); return false;"> 小窓を開く </a> </body> </html>
- ベストアンサー
- JavaScript
お礼
開けました！ どういった形にしたらいいかなど、これから色々なことを知るきっかけになりました。 お早い回答とても助かりました。 大変ありがとうございます。