質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

1回答

432閲覧

ランダムで画像を表示するJavaScriptにて、aタグにtitle属性を付与する方法

hanahana_332

総合スコア2

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

2クリップ

投稿2021/10/02 08:35

以下のJavaScript↓

// ランダムに画像を表示する jmp = new Array(); img = new Array(); txt = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = ''; jmp[1] = ''; jmp[2] = ''; jmp[3] = ''; jmp[4] = ''; jmp[5] = ''; jmp[6] = ''; jmp[7] = ''; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = ''; img[1] = ''; img[2] = ''; img[3] = ''; img[4] = ''; img[5] = ''; img[6] = ''; img[7] = ''; txt[0] = ''; txt[1] = ''; txt[2] = ''; txt[3] = ''; txt[4] = ''; txt[5] = ''; txt[6] = ''; txt[7] = ''; n = Math.floor(Math.random() * jmp.length); document.write( "<a href='" + jmp[n] + "' target='_blank' rel='noopener noreferrer'>" ); document.write("<img src='" + img[n] + "' border='0'>"); document.write('<p>' + txt[n] + '</p>'); document.write('</a>');

にて、aタグにtitle属性を付与しようと思い真似て

<a href='" + jmp[n] + "' target='_blank' title='" + txt[n] + "' rel='noopener noreferrer'>

としたのですが、上手く表示されず困っています。

初歩的な質問で申し訳ないのですが、どこが間違っているのでしょうか?

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

Lhankor_Mhy

2021/10/02 08:42

実際のコードには外側のダブルクォーテーションがあると考えていいですか?
hanahana_332

2021/10/02 11:08 編集

>実際のコードには外側のダブルクォーテーションがあると考えていいですか? コードに記載されてあるそのままを書いたので、その通りです。 >実際のコードをそのまま提示してください。 あと「うまく表示されず」とは起きてる現象は何でしょうか。 実際のコードには、R-18要素が含まれるためそのままは記載できないのですが、必要でしょうか? jmp[0] = 'https~'; img[0] = 'https~'; txt[0] = 'テキスト'; のようにそれぞれサイトURLと画像URL、テキストを追加する以外変更箇所はありませんが… 「うまく表示されない」は、「title属性が表示されない」です。
m.ts10806

2021/10/02 11:13 編集

質問は編集できますので適宜追記してください。 >R-18要素が含まれるためそのままは記載できないのですが、必要でしょうか? その部分は必要ではなく、自身が改修したコードです。 「としたのですが」では実際にどうなってるか分かりませんので。 >「title属性が表示されない」です。 見た目には出ない属性です。どこを見て確認してますか?
guest

回答1

0

自己解決

真似ることを全く同じようにしたら何故か表示されるようになりました。
専門知識がないので全く分かりませんが、自力で解決できたので良かったです。

// ランダムに画像を表示する jmp = new Array(); img = new Array(); txt = new Array(); // ジャンプ先のアドレス(数字は画像と対応) jmp[0] = ''; jmp[1] = ''; jmp[2] = ''; jmp[3] = ''; jmp[4] = ''; jmp[5] = ''; jmp[6] = ''; jmp[7] = ''; // 画像のアドレス(数字はジャンプ先のアドレスと対応) img[0] = ''; img[1] = ''; img[2] = ''; img[3] = ''; img[4] = ''; img[5] = ''; img[6] = ''; img[7] = ''; txt[0] = ''; txt[1] = ''; txt[2] = ''; txt[3] = ''; txt[4] = ''; txt[5] = ''; txt[6] = ''; txt[7] = ''; n = Math.floor(Math.random() * jmp.length); document.write( "<a href='" + jmp[n] + "' target='_blank' title='" + txt[n] + "' rel='noopener noreferrer'>" ); document.write("<img src='" + img[n] + "' border='0'>"); document.write('<p>' + txt[n] + '</p>'); document.write('</a>');

投稿2021/10/02 14:28

hanahana_332

総合スコア2

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問