皆様、こんにちは。
以前に同じ内容がありましたら、お詫び致します。
JavaScriptで画像表示をしたいのですが、1枚だけ表示する方法がよく分かりません。
ちなみに、document.write()で作りたく、
「()」内にタグの「<IMG src="">」を入れてJavaScriptで作りたいのですが、方法が分からなくて。
それと、同じくタグの「<A href="meiltto:">」を
JavaScriptで作りたいのですが、可能なのでしょうか?
「()」内は、「''」で括る事になるのですが、上手くいかなくて。
フォント指定「document.write('<FONT color="">');//」や
改行「document.write("<BR>");//」
を作れているので、他のタグも出来るかなと思っているのですが、
良い方法がありましたら、何方様か教えて下さい。
皆様、お忙しい中申し訳ありませんが、
方法がご座いましたら、宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
「IMG」タグを、document.write()の中に入れる場合は「"」と「'」を理解していないと大変ですね。
「"」と「'」は「入れ子」に出来ます。
つまり、
document.write("<IMG src='xxxx.jpg'>");
document.write('<IMG src="xxxx.jpg">');
と書く事が出来ます。
>それと、同じくタグの「<A href="meiltto:">」を
>JavaScriptで作りたいのですが、可能なのでしょうか?
可能ですよ。
たとえば、簡単な例では。。。
<img src="xxxx.gif" art="メール送信" onclick="JavaScript:location.href='mailto:xxxx@xxxx';">
後は、
<SCRIPT language="JavaScript">
<!--
function mail_send()
{
location.href = "mailto:xxx@xxxxx";
}
// -->
</SCRIPT>
<img src="xxxx.gif" art="メール送信" onclick="mail_send()">
でも良いです。
この回答への補足
「入れ子」の事は、分かりました。
それと、「<A>」でのメールアドレスの記述も。
記述後気付いたのですが、私の記述にミスが…。
「meiltto」ではないですね。「mailto」の間違えでした。
もう少し、お聞きしたいので宜しくお願い致します。
画像ファイルのURLは、例えば「Gif/Icon/E-mail.gif」の様な形でも宜しいのでしょうか?
document.write("<IMG src='Gif/Icon/E-mail.gif'>");
あるいは、
document.write('<IMG src="Gif/Icon/E-mail.gif">');
という形にすれば画像表示は可能なのですか?
外部テキストファイル「.js」で動作をさせたいのですが、テキストに
document.write("<IMG src='Gif/Icon/E-mail.gif'>");
を記述しても画像が見えないので、私の方で何か間違えているのかと思いまして。
実際、作ってある他の「.js」ファイルは読み込まれているので、
どうすれば画像が見れるのか分からないもので。
画像表示を他の方法に変えるべきなのでしょうか?
申し訳ありませんが、再び宜しくお願い致します。
Aquarius172様、ご返答有り難う御座います。
もう少しお聞きしたい事がありますので、補足にて記述致しました。
宜しければ、補足の方も宜しくお願い致します。
No.1
- 回答日時:
「IMG」タグを、document.write()の中に入れる場合は「"」と「'」を理解していないと大変ですね。
「"」と「'」は「入れ子」に出来ます。
つまり、
document.write("<IMG src='xxxx.jpg'>");
document.write('<IMG src="xxxx.jpg">');
と書く事が出来ます。
>それと、同じくタグの「<A href="meiltto:">」を
>JavaScriptで作りたいのですが、可能なのでしょうか?
可能ですよ。
たとえば、簡単な例では。。。
<img src="xxxx.gif" art="メール送信" onclick="JavaScript:location.href='mailto:xxxx@xxxx';">
後は、
<SCRIPT language="JavaScript">
<!--
function mail_send()
{
location.href = "mailto:×××@×××.co.jp";
}
// -->
</SCRIPT>
<img src="xxxx.gif" art="メール送信" onclick="mail_send()">
でも良いです。
上の方にお礼をしてしまったので、こちらで失礼致します。
質問方法を変えようと思い、
Aquarius172様のご回答を踏まえさせて頂きたいと思います。
なので、この質問はこれで充分だなと思いましたので(もちろん理解した上で、です)。
教えて下さり、有り難う御座いました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- その他(プログラミング・Web制作) Latexに関する質問です。 3 2023/05/23 10:18
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- Visual Basic(VBA) VBAにてメール作成した際、一部指定箇所のみ赤文字にしたいです。 下記の内容ですと作成されたメール本 1 2022/04/27 13:31
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- JavaScript 指定時間になったら、WEBサイトの更新を自動で行うには…? 3 2022/04/28 22:14
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
window.openでタイトル名の指定
-
ホームページに日付を自動更新...
-
なぜ、ジャバスクリプトが表示...
-
javaで画像をランダム表示しつ...
-
document.writeで画面が消える
-
ActiveXobjectが作成できない
-
JavaScriptで決まった「時刻」...
-
C#テキストボックスの文字を配...
-
Boolean型配列中のTrueの有無を...
-
google apps scriptの終了のさせ方
-
関数でy=g(x)のgとは何の略です...
-
jspからjavascriptの変数引継ぎ
-
任意の座標をクリックさせるには
-
Linux バイナリ実行できない "...
-
javascriptでスロットゲームを...
-
javascriptでiframeのURL変更は?
-
javascript 特定のタグのidの存...
-
翌月を取得するGASが分かりません
-
ASP.NETのコントロールの値をJa...
-
VSCODE[Python]の設定について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
window.openでタイトル名の指定
-
ホームページに日付を自動更新...
-
テキストボックスに入力された...
-
for文のiを使ってリンク先のア...
-
○歳△ヶ月と×日を計算してくれる...
-
引数を渡さずに呼び出し元の変...
-
なぜ、ジャバスクリプトが表示...
-
innerHTMLにて設定した情報を再...
-
前のページに戻るとページトッ...
-
更新でランダムでページ内のテ...
-
今日の月と日付の1週間後や3日...
-
「今日の日付けを画像で表示」...
-
java カレンダーの日付指定で...
-
文字列を点滅させたい
-
HTMLを記述しつつサブ窓(showM...
-
条件分岐(IF文)の簡素化
-
Java Scriptのメソッドについて
-
javascriptとphpの連携で疑問
-
現在の日付から、1ヶ月前にす...
-
この方法を教えてください。
おすすめ情報