いつもありがとうございます。
題記のとおり、jqueryのプラグインでoptionを設定するときとifの使い方で混乱してしまっています。
具体的に今つくりたいのは
『画像をクリックしたらalt値が表示。ただし未記入の場合には「未記入です」と表示。』です。
考え方から混乱しているので質問自体へんかもしれませんが、この場合、optionに『alt='未記入です'』といれるのであればデフォルトにはどうかけばいいのでしょうか。
Ifを使いたくなってしまっているのですが、それだとoptionのプラグインの意味がなくなりますよね?
混乱しすぎて何からかけばいいかわかりません。
考え方のヒントだけでも教えていただければ幸いです。
No.2ベストアンサー
- 回答日時:
ANo1です。
>プラグイン自体を作る練習をしてます。
なるほど。やっと状況がわかってきました。
>とりあえずクリックしたら属性がわかるといったものを~
「要素をクリックして属性値を表示する」といっても、要素もいろいろあるし、属性値もそれぞれなので、そのあたりを指定できるようにするといったことがオプションとして考えられるかもしれません。
・要素の選択オプション : 全要素対象 / 特定の要素を対象
・表示属性値のオプション : 全ての属性値表示 / 特定の属性値表示
とか・・・
その機能で複数の指定を動作できるようにしてみるとか・・・
例えば、「img要素のalt属性を表示」と「div要素の全属性を表示」を同時に実行可能なようにするといった感じ。
あるいは、属性値といっても、HTMLの直接の属性ではないものを確認したいこともあるので、拡張してあげるとか。
例としては、表示サイズ(width、height)や表示位置など。
さらには、それぞれの機能のon/offを制御できるようにしておくなど、など…
といったふうに考えていくと、いろいろと試してみることができそうに思います。
がんばってください。
ありがとうございます!
できました!!
まず attrでaltの中身を取得し、それをopitionを設定するときにdefaultに「未記入です」といれ、
opitionsのほうに「altの中身がはいっているなら表示」と設定しました。
ただ画像がカラム落ちしてしまったので次はCSSを少し悩まなければならないかも。。。
詳しくご説明いただきありがとうございました。
No.1
- 回答日時:
こんにちは。
なんだかいろいろ混乱があるようです。
>jqueryのプラグインでoptionを設定するとき~
プラグインのオプション設定のご質問なら、なんというプラグインかを明記しないと誰にもわかりません。
大抵は配布元のサイトに説明があるはずです。
>具体的に今つくりたいのは~
プラグインを作成しようとしてのご質問なのでしょうか?
通常、プラグインはある機能を汎用化して作成したもので、利用者がその細部の動作について選択が可能なようにオプションが用意されていたりします。
よくある、スライドショーのプラグインを例にとれば、同じスライドショーでも、
・切替え方法(瞬間的に切替え/スライド切替え/フェードインなど)
・自動動作(auto on/off)
・循環動作(有/無)
などなどが選択できるよう、オプションとして指定できるようになっていたりしますよね。
何をオプションとして用意しておくかは、利用時に便利なようにとプラグイン制作者が決めているはずです。
また、デフォルトはそのなかでも一般的と思われるものが設定されていることが多いと思います。
>Ifを使いたくなってしまっているのですが~
スクリプトのIf文のことでしょうか?ここまでの話とは次元がまったく異なるものですね。
スクリプトのコーディングで、分岐などの際にIf文が用いられます。
利用時にオプションを指定する際の話でしたら、多くのプラグインではオブジェクトで渡していることが多いようです。
あるいは、APIとして各種のメソッドを用意しておいて、利用できるようになっているものもあります。
さて、あらためてご質問に戻ってみると、作りたいとおっしゃっているものは、「クリックしたら属性値を表示する」という単純なものなので、はたしてプラグイン化する必要があるのか疑問ですし、何をオプションとしたいのかもよくわかりません。
落ち着いて、なさりたいことをもう一度整理してみるのがよろしいのではないのでしょうか。
混乱してます。
プラグイン自体を作る練習をしてます。
自身もなにをオプションにしたいのか…
とりあえずクリックしたら属性がわかるといったものをかいてみます。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- JavaScript セレクトを全て選択されていないと、文字によるエラーメッセージを表示させるコードを調べています 2 2023/06/22 15:48
- JavaScript セレクトボックスを2つ選択してメッセージなどを表示するには。~運賃検索プログラムを完成させたい~ 1 2022/07/22 11:10
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 電車の運賃を出すプログラムを作っています。 2 2022/06/22 09:36
- その他(プログラミング・Web制作) ワードプレスのプラグインであるAddQuicktagを使いたいが… 3 2022/04/18 15:03
- Excel(エクセル) MacのExcelでoptionキーを押したまま図形や画像を移動させると、複製されてしまう 2 2022/06/14 16:19
- Visual Basic(VBA) [Excel VBA] このコードでは行の挿入や行の消去をすると13のエラーが出てしまう。 3 2022/12/09 00:29
- JavaScript console.logがどうしても2つ機能しないのでアドバイスをくださいお願いします 2 2022/07/07 22:13
- Visual Basic(VBA) VBA 参照先で選んだファイルをコピーし、出力先に別名で保存したい 8 2022/05/13 20:37
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリックで卵がパカっと割れる...
-
1ページ内に複数のjqueryのスラ...
-
マイページはどこを開くの
-
ウインドウを毎回同じ位置、大...
-
エクセルのシート上に別のシー...
-
デジタル時計の時刻合わせの方...
-
Javascript_submit()完了後に処...
-
[Java] Edgeでのアドレスバー非...
-
別フォームから戻ったときのイ...
-
エクセルVBAでフォームのListbo...
-
【Android】ユーザー補助機能ボ...
-
VBA ポップアップが表示された...
-
小さな表示窓の呼び方は
-
リストビューをスクロールさせ...
-
Excelでワードアートや図を常に...
-
「Cancel = True」とはどういう...
-
親ウィンドウから開いた子ウィ...
-
Excel操作 ウィンドウで出した...
-
VBの画面で、全ウィンドウを一...
-
PDFを(htmlのように)無限に縦...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
jquery UIのdatepickerで和暦
-
クリックで卵がパカっと割れる...
-
jQueryでclientWidthが使えない
-
クリックすると画像が飛び出て...
-
1ページ内に複数のjqueryのスラ...
-
prototype.jsとjquery.jsの併用...
-
JavaScriptのjquery.jqTOCの目...
-
jQueryで書き換えた要素のリセット
-
jqueryのプラグインjPlayerの設...
-
JavaScriptでスライドショー。...
-
無料の掲示板でよく使われてる...
-
マイページはどこを開くの
-
デジタル時計の時刻合わせの方...
-
ウインドウを毎回同じ位置、大...
-
エクセルのシート上に別のシー...
-
スクリプトって、何ですか?ど...
-
Javascript_submit()完了後に処...
-
デスクトップ画面を4分割するには
-
Excelでワードアートや図を常に...
-
一定時間おきにアラームやポッ...
おすすめ情報