- ベストアンサー
クリックすると小さなウインドウが開くようにするには
お願いします。 音楽のダウンロードサイトを作っているのですが、 歌詞タブをクリックした時に、１０センチ×１５センチくらいの 固定の大きさの窓で歌詞を表示できるようにしたいのですが、 どのように作ればいいのでしょうか？ 使用ソフトはホームページビルダーです。 よろしくお願いします。
- sho53
- お礼率17% (93/533)
- ホームページ作成ソフト
- 回答数7
- ありがとう数3
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
訂正です。 #2の補足にJAVAスクリプトの記述がありましたね、見落としてしまいました。 #2の記述に問題が無いようです。 #2の <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=200,height=120"); } } 及び、 #5の <A href="#" onclick="_HpbJumpURLinNewWindow('file:///C:/Documents and Settings/Owner/My Documents/Orange/Peach_lyric.htm');"> をホームページビルダーにコピー＆ペーストしてプレビューしてみましたがエラーにはなりませんでしたので、「小窓を開く」以外の記述にエラーがあるようです。 66行目の記述はどのようなものでしょうか？
その他の回答 (6)
ごめんなさい、どうやら私のチェック不足でした。 <HEAD>タグ内のJAVAスクリプトの記述にエラーがあるようです。 <HEAD>タグ内に以下のような記述があると思いますが、 <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=○○○,height=○○○"); } } //--> </SCRIPT> ホームページビルダーのイベント設定画面でウインドウサイズを指定したと思いますが、 そのとき設定した「,"width=○○○,height=○○○"」記述で 「,」(カンマ)が抜けていると同様のエラーメッセージが表示されます。 上記JAVAスクリプトと見比べてチェックしてみてください。 それと、蛇足ながら下記URLにサンプルをアップしておきました。 http://myhome.ram.ne.jp/000test.htm 表示されたページの空白の部分を右クリックし、コンテキストメニューから 「ソースの表示(V)」を選択するとソース内容が表示されます。 ちなみに、小窓を閉じる「Close」ボタンの記述は <FORM><INPUT type="button" value="Ｃｌｏｓｅ" onclick="window.close();"></FORM> です。
ホームページビルダーで検証してみました。 #4のkappa-paさんがおっしゃっている通り、 <A onclick="_HpbJumpURLinNewWindow('○○○,htm');" href="#">タグ内の HTMLファイル名「'○○○,htm'」の前側の「'」(アポストロフィ)が抜けていると同様のメッセージが表示されます。 一度チェックしてみてください。
補足
abukuma06さん、こんばんは。 ありがとうございます。 下記のような文でやっていますが、やはり同じエラーになります。 どこがおかしいのかさっぱり分かりません。 お時間のある時にお願い致します。 曲名：Peach(歌詞は Orangeフォルダの中の Peach_lyric.htm です) 「試聴」を押すと曲が聴け（これはＯＫです）、「歌詞」を押すと 小窓で歌詞が出るようにしたいのです。 -------------------------------------------------------------- <A href="Peach.mp3"><FONT size="2">試聴</FONT></A><FONT size="2"> <A href="#" onclick="_HpbJumpURLinNewWindow('file:///C:/Documents and Settings/Owner/My Documents/Orange/Peach_lyric.htm');">歌詞</A></FONT><BR> -------------------------------------------------------------- よろしくお願いします。
- kappa-pa
- ベストアンサー率49% (101/206)
66行目の記述を見直してください。 おそらくリンクさせるところのhtmlの記述が誤っています。 <a onclick="_HpbJumpURLinNewWindow('hoge.htm');" href="#">リンクしたい文字など</a> もしくはこの方法もあります。 <a href="hoge.htm" onClick="window.open('hoge.htm','subwin','width=200,height=120'); return false;">リンクしたい文字など</a>
- kappa-pa
- ベストアンサー率49% (101/206)
NO２の回答者様がとてもわかりやすいサイトを紹介されていますので作り方の解説は完璧だと思います。 格好良い楽しいサイトを作ってください。 知っておくと便利な情報 http://allabout.co.jp/internet/hpcreate/closeup/CU20040118A/
- crepon133
- ベストアンサー率51% (399/776)
大きさを変えて新しいウィンドウを出す http://hpb.cool.ne.jp/hpbuilder/hp_newwin.htm ホームページビルダー/JavaScript編 http://www.wsb.jp/hpb/java_s/window.htm#01
補足
crepon133様、ありがとうございます。 早速ためしてみました。 <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=200,height=120"); } } //--> と打ち込んだのですが、 その後プレビューしてみると、 ライン66 文字 80 エラー ')'がありません と出て、エラーになります。 入力を間違えてはいないと思うのですが。 度々すみません。よろしくお願いします。
- kappa-pa
- ベストアンサー率49% (101/206)
それは自作（あなたに権利がある）の音楽のダウンロードサイトでしょうか？ それ以外であれば著作権などについてはクリアしているのでしょうか。 著作権法に抵触するおそれがある場合は回答はで来ませんので補足説明をお願いします。
補足
kappa-pa様 ありがとうございます。 サイトは私のオリジナル楽曲を紹介するサイトです。 歌詞を表示する時に画面一面で表示するのもなんとなく 格好悪いなと思ったので、質問してみました。 よろしくお願い致します。
お礼
abukuma06様 わかりました。私の簡単なミスでした。 ”Orangeフォルダ”というのは私がこの質問のために架空に設けた フォルダのことで、実際作業中のフォルダ名のスペルにアポストロフィーが含まれていたので、歌詞のファイルを指定する時にフォルダ名のアポストロフィーが余分に読み込まれていたのでした。 実際にフォルダ名をアポストロフィーを含まない文字列のものにしたら解決いたしました。 本当に親切にありがとうございました。 また何かございましたら、よろしくお願い致します。