いつもありがとうございます。
題記のとおり、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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スラッシュ?
-
マウスホバーで見出しが変わるj...
-
デジタル時計の時刻合わせの方...
-
マイページはどこを開くの
-
一定時間おきにアラームやポッ...
-
ポップアップウィンドウがブロ...
-
DVDStyler、リモコンのカーソル...
-
スクリプトって、何ですか?ど...
-
Excelでワードアートや図を常に...
-
Chromeは何で進むボタンが無いの?
-
画像のようにとあるサイトの横...
-
Javascript_submit()完了後に処...
-
【Android】ユーザー補助機能ボ...
-
PDFで年齢を計算したいのです。
-
WordのVBAについて
-
ウインドウを毎回同じ位置、大...
-
Youtubeが勝手に右下に勝手に小...
-
ビルダーVer7(リンクの挿入)...
-
VBAで任意のウインドウのサイズ...
-
VBA ポップアップが表示された...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ブロックレベル要素の高さを揃...
-
jQueryでclientWidthが使えない
-
jqueryのプラグインdroppy.jsに...
-
jQuery jTPS
-
prototype.jsとjquery.jsの併用...
-
jQueryのScroolFollowで高さを制御
-
背景画像のスライドショー
-
ポートフォリオサイトに載せる...
-
クリックで卵がパカっと割れる...
-
jquery UIのdatepickerで和暦
-
jsライブラリーの基本的な事で??
-
jQuery スライド表示について(...
-
【スマートフォン】Cookieを使...
-
デジタル時計の時刻合わせの方...
-
マイページはどこを開くの
-
エクセルのシート上に別のシー...
-
スクリプトって、何ですか?ど...
-
Javascript_submit()完了後に処...
-
ウインドウを毎回同じ位置、大...
-
Excelでワードアートや図を常に...
おすすめ情報