今、Javascriptを使用したページを立ち上げようと
しており、以下のようなことをしたいと思っています。
(1) あるテキスト(または画像)をクリック
(2) 説明用の画像が表示
(3) (2)で出た画像内の×マークをクリックすると、
その画像が消える。
イメージとしては、GOOGLEローカルのように、
マーカーをクリックすると、
説明文(画像)が出てきて、
×を押すと閉じるといった内容です。
Javascriptのonclickとかをうまく使えば…と思うのですが、
ホントに初心者なので、分からないことだらけです。
すいませんが、教えていただけないでしょうか。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
私はNO,1さんとは違い単なるサブウィンドウだと思ったので
書き方を書いておきます
<html>
<head>
<title></title>の下に記述
<script language="JavaScript">
<!--
function OpenWin(){
win=window.open("サブウィンドウに表示するURL"
,"new","width=480,height=350");
win.moveTo("left~値,top~値");
<!-- 例: win.moveTo("100,100"); -->
}
//-->
</script>
<!--複数設置の場合は
function OpenWin1(){
win1=window.open("サブ画URL","new1","width=480,height=350");
win.moveTo("left~値,top~値");
}
と記述する。-->
<body>
<a href="javascript:OpenWin()">画面表示される文字</a>
<!--もしくは-->
<form>
<imput type="button" value="画面表示される文字"
onClick="OpenWin()">
</form>
<!--こちらも同様に-->
<a href="javascript:OpenWin1()">画面表示される文字</a>
<!--もしくは-->
<form>
<imput type="button" value="画面表示される文字"
onClick="OpenWin1()">
</form>
</body>
</html>
こんな感じで参考になりましたでしょうか??
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PowerPoint(パワーポイント) パワーポイント アニメーション効果で、テキストと同時に画像を表示させる方法を教えてください 2 2022/09/12 21:06
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- ノートパソコン PCのshift+右クリックについて 2 2022/08/22 08:52
- その他(IT・Webサービス) PCを立ち上げ時いつも同じ画像が出ます(トラブル発生、終了) 2 2022/04/23 12:46
- その他(IT・Webサービス) どうすればgoogleのポップアップの表示が消えますか? 3 2022/09/11 14:04
- Excel(エクセル) エクセルにサムネイル画像組み込み 2 2022/09/02 17:13
- Windows 10 2つのウィンドウ選択時の表示について 10 2023/07/25 08:48
- プリンタ・スキャナー 印刷 キャンセル&印刷できない 2 2022/11/29 16:45
- その他(プログラミング・Web制作) uwscについて質問です。 1 2022/05/28 13:46
- Visual Basic(VBA) ExcelのVBAコードについて教えてください。 1 2023/04/21 13:46
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLでブラウザを終了させる方法
-
window.openした時、親ウィンド...
-
『入力文字列 + .html』 に...
-
小窓を表示させたい
-
直リンクを弾くJavaScriptについて
-
【続】 ポップアップ表示の後の...
-
指定時間になったら、WEBサイト...
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズに合ったもの...
-
Excel で等間隔で縦線を引きた...
-
<tbody>は何のためにあるんでし...
-
【エクセルVBA】シェイプのサイ...
-
インラインフレームの表示位置...
-
CSSのtransform: translate(-50...
-
CSS line-height が効かない
-
markdownでテーブルの罫線は、...
-
エクセルでサイズ指定でPOP...
-
【ホームページビルダー】表の...
-
PDFへてのテキストボックスにて...
-
エクセルの行の幅がずれる
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
指定時間になったら、WEBサイト...
-
window.close()で閉じられない
-
javascriptでタイトルバーを非...
-
window.openした時、親ウィンド...
-
サブウインドウを開くときのフ...
-
HTMLでブラウザを終了させる方法
-
location.hrefの使用条件について
-
『入力文字列 + .html』 に...
-
プルダウンメニューからインラ...
-
クリックで画像表示、さらに画...
-
直リンクを弾くJavaScriptについて
-
ブラウザの「戻る」を禁止したい
-
JavaScriptで画像を横移動
-
Javascriptで毎週月曜日深夜0:0...
-
window.open _self でとんでく...
-
「このページを閉じる」の設定...
-
自動的に小窓を開く
-
トランジション効果を使ったペ...
-
【続】 ポップアップ表示の後の...
-
ひとつのページから複数の小窓...
おすすめ情報