今、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ランキング
-
location.hrefの使用条件について
-
指定時間になったら、WEBサイト...
-
CSSのtransform: translate(-50...
-
htmlでテーブル内にテキストボ...
-
インラインフレームの表示位置...
-
エクセルでサイズに合ったもの...
-
エクセルでサイズ指定でPOP...
-
aタグに直接style=""で:hoverを...
-
HTMLでテーブルを縦に並べたい!
-
<tbody>は何のためにあるんでし...
-
スペースが空きすぎて困ってい...
-
アップロードするサーバーによ...
-
iPhone用のサイトの文字がずれ...
-
道路幅を調べたいのですが
-
バーコードのサイズは拡大縮小...
-
Excelで文字の幅を変える方法
-
【ホームページビルダー】表の...
-
<H1>を使わずに<H2>以下を使用...
-
table内で画像と文字をセンター...
-
Excelの列や行の幅を表示...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
指定時間になったら、WEBサイト...
-
window.close()で閉じられない
-
HTMLでブラウザを終了させる方法
-
javascriptでタイトルバーを非...
-
『入力文字列 + .html』 に...
-
window.openした時、親ウィンド...
-
小窓を表示させたい
-
location.hrefの使用条件について
-
スクリーン真ん中に移動
-
とても困ってます!!助けてく...
-
クリックで画像表示、さらに画...
-
Javascriptで毎週月曜日深夜0:0...
-
JavaScriptで作られた択一式テ...
-
1つのボタンに2つの機能
-
Scriptタグはheadタグとbodyタ...
-
サブウインドウを開くときのフ...
-
子窓で送信したら、親ウィンド...
-
JavaScriptとアニメーションgif...
-
showModalDialogで動的にページ...
-
ポップアップ (小窓)
おすすめ情報