![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
ホームページを作り始めてからあまりたってない初心者です。
最近デジカメを買って以来ホームページ作りが楽しくていろいろ勉強中です。
日記のコーナーを作っているのですが、<TABLE>を使ってカレンダーを作成し、その日付をクリックすると日記が読めるようにしたいと思っています。
いろんなホームページで見かけるのですが、リンク先をクリックすると新たにホームページが出てきて、しかも枠の大きさが普通のより小さいやつってありますよね?(戻るボタンとか中止のボタンが出てこないやつです)
それを見て、日記の日付をクリックすると小さなホームページが出てきて、そこに日記とデジカメで撮った写真を載せたいな!って思っています。
あれっていったいどうやって作ってるのでしょうか?
簡単な例でいいので、タグなどを説明して欲しいのですが。。。
ホームページが完成したらみなさん見に来てください(笑)
↑ホームページの宣伝って規約に違反するのでしょうか?(ちょっと不安!)
No.3ベストアンサー
- 回答日時:
JavaScriptのwindow.open関数を使用する方法です。
この方法だと戻るボタンや中止ボタンを消すことができます。
ちなみにJavaScriptを使うとカレンダーなんかを自動生成することも可能なので覚えるとすごく便利です。
moyuruさんの参考URLは自分もちょくちょくお世話になっている優良さいとですので、自分からもお奨めします。
以下サンプル。
<html>
<body>
<A href="#"
onClick="window.open('aaa.html','',
'width=400,height=400,menubar=no,resizable=no,scrollbars=no,status=no,');">
メニューなし&リサイズ禁止&スクロールなし&ステータスなし</A>
<BR>
<A href="#"
onClick="window.open('aaa.html','',
'width=400,height=400,menubar=yes,resizable=yes,scrollbars=yes,status=yes,');">
メニューあり&リサイズOK&スクロールあり&ステータスあり</A>
</body>
</html>
ありがとうございました。
こんな簡単にできるものなんですね。下のタグの方を採用しました。
これから頑張って楽しいホームページを作っていきたいです。
ありがとうございました。
No.4
- 回答日時:
Javaじゃなくて、JavaScriptですね。
よく混同されるんですけど、まったく別物なので注意してくださいね。(^^;;
JavaScriptで別画面を出す関数は下記の通りです。
window.open("URL","NAME","Option")
URLには、表示するhtmlファイルのURLを書きます。
NAMEは、表示された子ウィンドウの識別名を付けます。
省略可能です。
ただ、ここを省略したり同じ名前を付けると、絶えずこの画面が書き変わることになります。
例えば、流れとして書くと、
1.カレンダーの7/1をクリック
2.子ウィンドウが表示
3.7/5をクリック
4.7/1をクリックしたときに表示された子ウィンドウの中身が、7/5の内容に書き換え
となります。
このNAMEに別々の名前を付けると、子ウィンドウは別物として認識され、新しいウィンドウがぽこぽこ産まれます。
流れとしては、
1.カレンダーの7/1をクリック
2.子ウィンドウが表示
3.7/5をクリック
4.二つ目の子ウィンドウが表示
という感じです。
optionは子ウィンドウのサイズなどが設定できます。
例えば、7/30のリンクから730.htmlを子ウィンドウとして表示する場合は、
<a href="#" onClick="widow.open('','730.html','width=300,height=200')">7/30</A>
という感じになります。
width,height以外のoptionについては、参考URLをご覧下さい。
参考URL:http://tohoho.wakusei.ne.jp/js/window.htm#open
JavaとJavaScriptは別物なんですね。
とほほのホームページは利用してますが、簡単なものはわかるのですが、レベルが高いものだとさっぱりわからないのです。
とても丁寧に書いてもらったので、自分で頑張ってみたいと思います。
ありがとうございました。
No.1
- 回答日時:
こんにちわ。
HP作り、楽しそうですね。
新しいウインドウで開く方法は幾つかありますけれど、一番簡単なのを書いておきますね。
<A href="http://www.xxx.com/xxx.htm" target="_blank">
慣れてくればJavaScriptにも挑戦してみると、面白いですよ。
#規約に反するかどうかは、知りません(笑
がんばってくださいね。
参考URL:http://tohoho.wakusei.ne.jp/www.htm,http://tohoh …
ご丁寧にありがとうございました。
これだとリンク先をクリックすると大きい画面のホームページが開きますよね?
日記ってあまり書くことがないと思うので、できれば小さい画面で開きたいのですが。たぶんJavaってのを使えばいいような気がするのですが、全然わからないので。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- リフォーム・リノベーション 業者のホームページに施工例が掲載される場合 2 2022/03/26 09:45
- Ameba(アメーバブログ) アメブロは、HTMLのタグの入力を許さないブログ・サイトですか? 1 2023/06/18 18:48
- ホームページ作成・プログラミング アメーバ・ブログは"HTMLタグ"を許可してないのですか? 2 2023/06/17 21:08
- ホームページ作成・プログラミング 友人のホームページを引き継ぐには 2 2023/06/13 15:23
- SEO ホームページを作る際の質問です 1 2023/06/07 18:50
- 大学・短大 大学のレポート課題 2 2023/05/20 19:40
- ホームページ作成・プログラミング ホームページ作成について。「ワードプレスではありません」。 3 2023/08/13 14:44
- その他(悩み相談・人生相談) 姉が正義感がとても強くて、これがいいことなのか悪いことなのかわからないです。 今日姉とチェーン店のラ 7 2022/10/02 00:37
- オンラインゲーム pcの黒い砂漠の件ですが、 スタートをクリックすると「セカンドパスワードの入力エラーです。ホームペー 1 2022/12/16 14:23
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
一つのリンクで、複数のウィン...
-
タイトルバーを非表示にできま...
-
window.confirmのタイトル
-
リンク先のURLが毎日変わる場合...
-
HTMLからフォルダを開きたい
-
htmlの中にexcelが埋め込むには...
-
Dreamweaverでページ全体が文字...
-
iPadの標準ブラウザでローカルH...
-
form action="#"
-
css ,videotタグ。ホームページ...
-
POSTしたデータの文字コードがu...
-
社内で利用するWebサイトを立ち...
-
googleドライブで、PDFファイル...
-
どのページもすべて同じURLなの...
-
メール本文に変な文字が
-
作成したイメージマップが反応...
-
Dreamweaverでソースが文字化け...
-
Jw_cadでdxfファイルを全体表示...
-
文字化けを故意に表示したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
ブラウザの右上にあるボタンを...
-
ページ切り替え時に音を鳴らし...
-
リンク先のURLが毎日変わる場合...
-
リンク先を2つ表示させる
-
タイトルバーを非表示にできま...
-
春夏秋冬の季節によって、画像...
-
行番号を指定したリンク
-
現在開いているWEBページを...
-
window.confirmのタイトル
-
一つのリンクで、複数のウィン...
-
htmlから<a>でpdf表示時にpdf資...
-
HTMLで条件によって表示・非表示
-
URLの♯(ハッシュマーク)の代...
-
HPで浮き出るウィンドウの作り方
-
ウィンドウサイズ固定
-
jQueryプラグイン、サーバー上...
-
ウィンドウのツールバーを非表示
-
日時によって変化する背景
-
別ウインドウを立ち上げる方法
おすすめ情報