• ベストアンサー

このプログラミングでどこが間違っているか教えてください。

お世話になります。 ホントに素人からWebを初めていまあるHPを作っているのですが あるページに飛ぶと同時に子ウィンドゥでポップアップを表示させたいのですがそれがうまくいきません。このページには簡単なCSSも使っているのですがそれが影響しているのでしょうか? それともスクリプトの段階から全然間違っているのでしょうか? どなたか是非教えてください。初心者ゆえよく分かっていないところもあるかもしれませんがどうかお願いします。 以下がソースをコピーしたものです。 <html> <head> <link rel="stylesheet" href="back.css" type="text/css"> <meta http-equiv="content-type" content="text/html;charset=x-sjis"> <meta name="generator" content="Adobe GoLive 5"> <title>FIESTA title</title> <script type="text/javascript"> <!--// function openWin() { window.open("pop-up01.html","","width=300,height=300,top=0,left=0,scrollbars=no"); } //--> </script> <csscriptdict> <script><!--

質問者が選んだベストアンサー

  • ベストアンサー
  • giraffa96
  • ベストアンサー率70% (106/150)
回答No.2

function openWin() だとウインドウオープンのための関数を作っているだけなので 実行されません。 このカッコを取って <!--// window.open("pop-up01.html","","width=300,height=300,top=0,left=0,scrollbars=no"); //--> としてやれば実行されますよ。

toonie
質問者

お礼

ありがとうございました。 おかげで表示させることができました。 感謝致します。

その他の回答 (2)

  • VCAT
  • ベストアンサー率20% (16/79)
回答No.3

<body>にonloadイベントがないからです。 <body onload="openWin()"> とすれば、ページを開いたときに子画面が開きます。

toonie
質問者

お礼

ありがとうございました。 おかげで表示させることができました。 感謝致します。

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

openWin() を呼び出している処がないということですか? function openWin() { } で囲むのを止めて直接window.open を記述するか 関数の後にでも openWin(); と書いて関数を呼び出します。

toonie
質問者

お礼

ありがとうございました。 おかげで表示させることができました。 感謝致します。

関連するQ&A

  • ファイヤーフォックスでCSSが読み込まれません

    会社のホームページを担当していて困っています。 IEでは、きちんと表示されるのですが ファイヤーフォックスですとCSSを認識してくれないようです。 下記が自分会社のソースです。 何が悪いのでしょうか? よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/JavaScript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language=javascript src="js/libs.js" type=text/javascript></SCRIPT> <meta name="ROBOTS" content="ALL"> <<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"> </head>

  • ファイヤーフォックスでCSSが機能しません

    会社のホームページを担当していて困っています。 IEでは、きちんと表示されるのですが ファイヤーフォックスですとCSSを認識してくれないようです。 下記が自分会社のソースです。 何が悪いのでしょうか? よろしくお願いいたします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <title></title> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/JavaScript"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <SCRIPT language=javascript src="js/libs.js" type=text/javascript></SCRIPT> <meta name="ROBOTS" content="ALL"> <<link href="css/stylesheet.css" rel="stylesheet" type="text/css" media="all"> </head>

  • キーワード、検索タグの入れ方を教えてください!

    ビルダーでホームページを作成しました。 1発ロボでサイトの登録を行なっていましたが、検索、キーワードが登録されていない様です。 下記のサイトを参考に、検索、キーワードタグ入力しようと思いましたが、どこに入れればいいか分かりません。どうぞご教授をお願いします。 http://oshiete1.goo.ne.jp/qa12438.html 私のタグです。 <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.2.1 for Windows"> <TITLE>ホームページタイトル</TITLE> <LINK rel="stylesheet" type="text/css" href="hpb9tm10_14.css" id="hpb9tm10_14"> <SCRIPT language="JavaScript">

  • メタタグ、ヘッドのタイトルとスニペットの変更

    ヘッドに書き込んだ新しいタイトルとサマリー部分がうまくグーグル検索表示で反映されません。かつて設定した内容がそのままです。 なお、一週間ほど前に該当部分を変更しており、確認したところ昨日グーグルのロボットくんが巡回してくれているようです。 実際のタグは以下のとおり。 <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <meta name="robots" content="nosnippet"> <title>(希望のタイトル)</title> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="alternate stylesheet" type="text/css" href="small.css" title="sm" /> <link rel="alternate stylesheet" type="text/css" href="medium.css" title="me" /> <link rel="alternate stylesheet" type="text/css" href="large.css" title="la" /> <script type="text/javascript" src="styleswitcher.js"></script> <meta name="keywords" content="(希望のキーワード)" /> <meta name="description" content="(希望の説明文)" /> </head> ・サマリーは検索表示で表示したくありません。 <meta name="robots" content="nosnippet"> タイトルだけ検索表示して積極的に検索上位には出さないつもりでいます。 ・問題にしているページは階層3で作っています。トップページはまったく異なるタイトルでサマリーも表示。こちらは検索上位にくるよう配慮しています。(階層地下三階のページすべてに個別のタイトルとキーワード、descriptionをつけています。100ページほどあるのですが・・・) 全体のサイトマップは頻繁にグーグルに送っています。 何卒よろしくお願いいたします。

  • XHTMLで外部JSファイルを読み込むには?

    XHTMLで外部JSファイルを読み込むには? よろしくおねがいします。 初歩的ですみません 当方 XHTML+CSSでページを作成し JSファイルを読み込みページのTOPへ移動するスクリプトを 作ったのですがXHTML上では上手くうごいてくれません。。。。 ソースはこちらです。 -------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>てすと</title> <link href="style/stylesheet.css" rel="stylesheet" type="text/css"> <script src="script/top.js" type="text/JavaScript"></script> --省略-- 上記のソースは普通に動作するのですがDOCTYPEの宣言を ------------------------------------------------------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <title>てすと</title> <link href="style/stylesheet.css" rel="stylesheet" type="text/css"> <script src="script/top.js" type="text/JavaScript"></script> --省略-- にすると・・・動いてくれません。下段のソースを利用したいのですが 何かJSファイルを読み込む方法はありますでしょうか?? アドバイス頂ければ幸いです。よろしくお願いいたします。

  • 外部ファイルのCSSを適用するには?

    CSS超初心者です。 ぜひ教えてください。 現在作成しているhtmlに簡単な背景をcssで外部ファイルとして読み込むようにしたいのですが本を見ながらやっているのですがうまくできません。 勉強が足りないといったらそれまでなのですがどうか教えてください。 背景にはbackground.gifという小さな画像を敷き詰めたいのですが このソースだけでいいのでしょうか? ●cssソース(back.css) body {background : url("http://fiesta2.com/background.gif") ; background-repeat : repeat; } 続いてback.cssを読み込ませたいhtmlのソースです。 ●htmlソース <html> <head> <link rel"stylesheet" href="back.css" type="text/css"> <meta http-equiv="content-type" content="text/html;charset=x-sjis"> <meta name="generator" content="Adobe GoLive 5"> <title>Welcome to FIESTA!</title> </head> <body> <div align="center"> <table cool width="489" height="758" usegridx usegridy showgridx showgridy gridx="16" gridy="16" border="0" cellpadding="0" cellspacing="0"> ~中略~ </div> </body> </html> 専門家の方にはささいな質問かもしれませんが 超初心者のためよろしくお願いします。

  • 等のタグは入れた方が良いのでしょうか?

    <link href="http://○○.css" rel="stylesheet"> の様に外部ファイルからCSSやjavascriptを読み込んでいるのですが <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> 等のタグは入れた方が良いのでしょうか? これらのタグの役割がわかりません。

    • ベストアンサー
    • HTML
  • ホームページのヘッダ部分について

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML LANG="JA"> <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> <LINK REL="STYLESHEET" TYPE="text/css" HREF="css1.css"> <meta name="keywords" content="△,△,△,△,,△,△,"> <meta name="description" content="●●●●●"> </HEAD> <BODY> … となっているのですが、無駄な部分はありますか? 順番などは合ってますか? また、こうしたほうがいい、などとアドバイスがあればぜひよろしくお願いいたします。

  • スマホとPCサイトの供用ページの最初の記載は?

    スマートフォンとPCの供用のページを作ろうとしています。 見よう見まねで下のようなヘッド部分の記載でよいでしょうか? よく分からないのは、 <HTML lang="ja"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <META http-equiv="Content-Style-Type" content="text/css"> ↑この部分です。 こでいいのでしょうか? ド素人のおバカな質問と思われるでしょうが、簡単にアドバイスしてください。 よろしくお願い致しますm(__)m <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 content="index,follow" name="GOOGLEBOT"> <META name="keywords" content="キーワード,キーワード2"> <META name="description" content="ホームページの説明文"> <META name="viewport" content="width=device-width, initial-scale=1"> <TITLE>タイトル</TITLE> <link rel="stylesheet" href="home/css/themes/○○○.min.css" /> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile.structure-1.2.0.min.css" /> <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> <STYLE type="text/css"> <!-- てきとうなスタイルシート --> </STYLE> </HEAD>

    • ベストアンサー
    • HTML
  • javespriptについて

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/top.css"> <title>地球船地球丸プロジェクト</title> <script type="text/javascript"> <!-- for(var i=1;i<=1000,i++){ document.writeln(i+"回目:桑立") } --> </script> </head> <body> </body> </html> と <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="css/top.css"> <title>地球船地球丸プロジェクト</title> <script type="text/javascript"> <!-- var ra-men =10; if(ra-men> =60){ alert("合格"); } else{ alert("不合格"); } --> </script> </head> <body> </body> </html> うまくいきません 間違っているのでしょうか