ホームページを作り始めてからあまりたってない初心者です。
最近デジカメを買って以来ホームページ作りが楽しくていろいろ勉強中です。
日記のコーナーを作っているのですが、<TABLE>を使ってカレンダーを作成し、その日付をクリックすると日記が読めるようにしたいと思っています。
いろんなホームページで見かけるのですが、リンク先をクリックすると新たにホームページが出てきて、しかも枠の大きさが普通のより小さいやつってありますよね?(戻るボタンとか中止のボタンが出てこないやつです)
それを見て、日記の日付をクリックすると小さなホームページが出てきて、そこに日記とデジカメで撮った写真を載せたいな!って思っています。
あれっていったいどうやって作ってるのでしょうか?
簡単な例でいいので、タグなどを説明して欲しいのですが。。。
ホームページが完成したらみなさん見に来てください(笑)
↑ホームページの宣伝って規約に違反するのでしょうか?(ちょっと不安!)
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ってのを使えばいいような気がするのですが、全然わからないので。。。
No.2
- 回答日時:
あくまでもアドバイスよ...
>ホームページの宣伝って規約に違反するのでしょうか?>(ちょっと不安!)
あなたの思っているとおりです。利用規約をみてみると分かります。お気持ちは分からないではありませんけど。
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は別物なんですね。
とほほのホームページは利用してますが、簡単なものはわかるのですが、レベルが高いものだとさっぱりわからないのです。
とても丁寧に書いてもらったので、自分で頑張ってみたいと思います。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
リンク先のURLが毎日変わる場合...
-
java_run.batがダウンロードで...
-
iPadの標準ブラウザでローカルH...
-
HTMLからフォルダを開きたい
-
googleドライブで、PDFファイル...
-
マウスポインタが手の形になら...
-
PS4で、「バージョン5.05以上の...
-
医療画像(Windows用)をMacで...
-
社内で利用するWebサイトを立ち...
-
HTMLの内容をテキストエリアに...
-
Webサイトから、txtファイルを...
-
京都駅から延暦寺へのアクセス
-
ホームページ、iPadやiPhoneで...
-
フォルダ内の最初のファイル名...
-
You Are The Sunshine Of My Li...
-
HTMLページが勝手にダウンロー...
-
どのページもすべて同じURLなの...
-
htmlファイルの表示が真っ白
-
Excelで、社外秘(閲覧のみ)と...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
一つのリンクに複数のURLを指定
-
ブラウザの右上にあるボタンを...
-
ページ切り替え時に音を鳴らし...
-
タイトルバーを非表示にできま...
-
リンク先を2つ表示させる
-
リンク先のURLが毎日変わる場合...
-
ウィンドウサイズ固定
-
window.confirmのタイトル
-
一つのリンクで、複数のウィン...
-
行番号を指定したリンク
-
リロードさせるたびに画像を変...
-
リンク先のテキストボックスへ...
-
ハイパーリンクをクリックして...
-
春夏秋冬の季節によって、画像...
-
ロジックの組み方について
-
既存サイトのjQueryのバージョ...
-
ポップアップ小窓を開いた時に...
-
HPを作りましたが、WEB上で開い...
-
HPで浮き出るウィンドウの作り方
-
htmlから<a>でpdf表示時にpdf資...
おすすめ情報