のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,646,514人
昨日:no data人
今日:
最近の注目
人気の最安値情報

私的良スレ書庫

不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitter
ログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。

元スレjQuery 質問スレッド vol.8

JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニュー
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
レスフィルター : (試験中)
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter
52 : Name_Not - 2017/12/01(金) 00:08:19.93 ID:???.net (+53,+29,-2)
>>42
みその画像っていうのは何みそですか?
56 : Name_Not - 2017/12/01(金) 06:00:43.22 ID:???.net (+84,+29,-15)
>>55
画像の数は不特定多数?いくつかの固定数?
後者の場合、ファイル名は不特定?いくつかの固定数?
57 : Name_Not - 2017/12/01(金) 09:48:42.19 ID:???.net (+103,+29,-32)
>>49
jQueryにそんな機能はないし、>>39で説明できてないけどね
58 : Name_Not - 2017/12/01(金) 10:16:37.02 ID:???.net (+105,+29,-22)
>>57
DOMの扱いにくさを説明しているだけだろ?
59 : Name_Not - 2017/12/01(金) 10:41:05.23 ID:???.net (+76,+29,-11)
>>58
>>15とは無関係だね
>>50で当人は捨て台詞を残してるけど、彼の意見を正確に理解した人はいないわけで
60 : Name_Not - 2017/12/01(金) 11:22:49.66 ID:???.net (-1,-30,-218)
>>55
$('.IMG').each(function(){
var $img = $(this).find('img');
var $parent = $(this).parent();
var $contents = $parent.contents();
if ($img.width() > 500) {
$img.width(1000);
var $this = $(this);
var $div = $('<div class="500px_center_box" />' ).text($contents[2].textContent);
$contents[2].textContent = '';
$parent.after($this, $div);
}
});

こういうことかな?
.500px_center_box 内にインライン要素が入ってたらまた違うけどね
61 : Name_Not - 2017/12/01(金) 20:51:22.71 ID:???.net (+55,+27,-2)
そもそも、できたらいいな=できないことをコード化しろって
62 : Name_Not - 2017/12/01(金) 22:31:27.31 ID:???.net (+61,+29,-37)
>>53
>親要素以上の幅を持つ画像が挿入された場合はそれのみ親幅を超えてセンタリング表示される
はcssだけでできなくもないがかなり条件があるので>>56に答えてくれんと何とも書けない
63 : Name_Not - 2017/12/03(日) 19:38:05.40 ID:???.net (-10,-30,-91)
他スレより。ただしおすすめはしない。
自分的には、気持ち悪いしそもそも右に幅があるなら最初からその幅で固定する。

<select id="hoge">
 <option>ああああああああああああああああああああ</option>
 <option>いいいいいいいいいいいいいいいい</option>
 <option>ううううううううううううううううううう</option>
</select>

$('#hoge').on('mouseover', function(){
 $(this).width('300px');
});

$('#hoge').on('mouseleave', function(){
 $(this).width('100px');
});
65 : Name_Not - 2017/12/03(日) 23:27:41.55 ID:???.net (+52,+29,-4)
後出しで答えってw
66 : Name_Not - 2017/12/04(月) 00:32:10.56 ID:???.net (+48,+20,-12)
CSSの話題だからここはスレ違いってだけ
67 : Name_Not - 2017/12/04(月) 19:42:35.79 ID:???.net (+91,+29,-33)
勘違いと認めて謝罪までしてるのに更に追い詰めるヤツ
会社で嫌われてるんだろうな
68 : Name_Not - 2017/12/05(火) 00:06:41.52 ID:???.net (+57,+29,-11)
そうやってレスするから、
レス返すしかないだろ
お前が悪いんやで
69 : Name_Not - 2017/12/05(火) 01:34:44.34 ID:???.net (+70,+29,-20)
>>67
自分で「部下に頼られる」書いてたわw
70 : Name_Not - 2017/12/05(火) 01:56:47.96 ID:???.net (+84,+29,+0)
俺のことじゃなかったのか
72 : Name_Not - 2017/12/14(木) 21:34:08.50 ID:???.net (+64,+29,-2)
>>70
どんだけ自意識強いんねん
74 : Name_Not - 2017/12/18(月) 22:50:42.08 ID:???.net (+4,-30,-38)
まず

var $a = $(document.getElementById('a'));
$a.accordion();



$('#a').accordion();
75 : Name_Not - 2017/12/18(月) 22:54:58.72 ID:???.net (+71,-30,-82)
<div id="a" class="accordion">
 <h3>
 <div id="b1">
 <h3>
 <div id="b2" class="accordion">
  <h4>
  <div id="c1">
  <h4>
  <div id="c2">

$('.accordion').accordion();
76 : Name_Not - 2017/12/20(水) 19:47:08.04 ID:???.net (+61,+29,-6)
>>75
それ動いたとしても公式にいいの?
77 : Name_Not - 2017/12/20(水) 20:33:44.98 ID:???.net (+94,+29,-9)
何となく動くようなら十分だろ
そんなに心配ならフルFlashででも作っとけ
78 : 73 - 2017/12/20(水) 21:52:07.16 ID:???.net (+27,-30,-44)
レスありがとうございます。

>>74
$aは他で何回か使っているので73のようにしてたのですが
$('#a')でないといけないのでしょうか?

>>75
それぞれにoptionが使えなかったりイベント拾ってるので問題ありです。
79 : Name_Not - 2017/12/20(水) 22:32:44.16 ID:???.net (+38,-29,-125)
>>78
> $aは他で何回か使っているので73のようにしてたのですが

メソッドチェーンを使えばいいので一つの関数内で何回も使う必要はない
別のイベントハンドラで使うならば、その都度取得した方がいい
イベントハンドラが違うということは要素に変化がある可能性があるから
別の関数で使うならば、関数の分割の仕方が悪い
何回も呼び出されてパフォーマンスに影響をあたえる場合は変数に入れるという手もありだが
そんな事例は少なく、一般論として短い書き方である$('#a')としたほうがよい

> それぞれにoptionが使えなかったりイベント拾ってるので問題ありです。
ならまとめられる部分だけまとめればいい
80 : Name_Not - 2017/12/21(木) 09:11:46.46 ID:???.net (+5,-30,-137)
>>78
結果的には同じなのでいけない、間違いということではない
$(...) 【 jQuery(...) 】 はjQuery API を使用するということ
jQuery API では$('#a') というセレクタが用意されているので
わざわざインターフェイスからメソッド継承で jQuery API を使用する必要はない
81 : Name_Not - 2017/12/21(木) 21:50:15.49 ID:???.net (+111,+30,-77)
>>77
明らかにリファレンスやサンプルソースと違う場合、バージョンアップなどで不具合の可能性を残すことになる
つまりその時点で問題点を抱えることになり、己で首を絞めてるようなもの
疑問や不安が出るのは自然であり、今動けばいいなどと安易な輩と一緒に仕事してる人たちが気の毒だわ
82 : Name_Not - 2017/12/21(木) 22:10:08.66 ID:???.net (+61,+29,-3)
>ならまとめられる部分だけまとめればいい
無茶言うな~
83 : Name_Not - 2017/12/21(木) 22:18:42.82 ID:???.net (+75,+29,-57)
>>81
馬鹿だな
そんなこと言ってちゃなんにも使えないって言ってるんだよ
不安で不安で何もできないより、適当に動く方がいい
そもそも見る方の環境も様々なのがWebだからね
バージョンの際には問題があれば対処すればいいだけ
そもそも流れの速いWebで同じライブラリやコードをいつもでも使おうと考える方が間違い
84 : Name_Not - 2017/12/21(木) 22:51:04.27 ID:???.net (+57,+29,-25)
んなこたない
どんだけ暇人なんだ
その1件とは限らんだろ
まさか10年単位で使おうってわけでもあるまい
85 : Name_Not - 2017/12/21(木) 23:02:57.65 ID:???.net (+6,-30,-34)
>>82
UI使っててそれはないわな
なら裸で書くだろ

ちなみに$aか$('#a')かはどっちでもいい
好みで使っとけ
86 : Name_Not - 2017/12/22(金) 00:01:21.23 ID:???.net (+9,-22,-33)
>>78
何度も使うから、変数a にキャッシュしたのか

#a が永久に変化しないのなら、それで良い。
ただし、const, let か、定数を明記しておくこと
87 : Name_Not - 2017/12/22(金) 21:06:01.08 ID:???.net (-5,-28,-12)
const来た~!!!
88 : Name_Not - 2017/12/22(金) 21:21:04.34 ID:???.net (+8,-14,-12)
ちげーよw constは俺だ
89 : 73 - 2017/12/22(金) 23:03:00.26 ID:???.net (+62,+29,-8)
>>79
まとめるがよくわかりませんが全て異なる処理の部分もあるので結局idの方がとなってしまいます。
90 : Name_Not - 2017/12/23(土) 08:32:52.14 ID:eqSmGdLx.net (-7,+4,-23)
javascriptもしくはjqueryでhtml文字列を渡したらサニタイズしたものを
返してくれる関数無いですか?
91 : Name_Not - 2017/12/23(土) 10:07:56.79 ID:???.net (+56,+29,-9)
>>90
そんなものは要らない

「サニタイズ言うなキャンペーン」とは何か
http://takagi-hiromitsu.jp/diary/20051227.html#p02
94 : Name_Not - 2017/12/23(土) 13:06:10.80 ID:???.net (+57,+29,-43)
ほらくそ、真面目にサニタイズとかに答えるから
サニタイズ言うなキャンペーン読んでこい
今後サニタイズ言うな
正しい言葉で質問し直せ
でないと答えられんだろうが
95 : Name_Not - 2017/12/23(土) 13:38:46.89 ID:eqSmGdLx.net (-20,+29,-23)
サニタイズ言うなキャンペーン読んできましたが、
結局どうしたらいいのか良く分かりません。結局どうすればいいのですか?

サニタイズ言うなということは、HTMLタグを無効化するとか言えばいいのですか?
96 : Name_Not - 2017/12/23(土) 13:41:33.37 ID:???.net (+91,+29,-8)
無理に難しく言わずに用語を知らないのなら、
どうしたいのかを書けばいい
98 : Name_Not - 2017/12/23(土) 14:17:24.35 ID:???.net (+63,+30,-282)
そういうのは無効化なんていわないんだよ。まあいいや
まずな、ブラウザに送られてくるデータっていうのは
サニタイズとか無害化とか無効化しようと考えるな。そのまま使え

でだ、問題が有るときはそのデータを「画面に表示するときだけ」なんだよ

言ってる意味わかるか? 計算に使ったりメッセージを組み立てる時とか
そういうときには、無効化する前のデータを使うってことだ。

そして一番最終段階、画面に表示するときにHTMLタグをタグとして表示するのではなく
(無効化ではなく)文字列として表示すれば良いんだよ

その場合にやるのは、<> という文字を < > に変換(HTMLエスケープ)するってことだ。
これが本当にお前がやりたいことだ。
無効化とかサニタイズという言い方じゃ、こういうことをしたいのかって分からんだろ?
例えば <> を消したり大文字に変換したとしても、HTMLタグとして表示されないわけで
目的(サニタイズ)は達成できてるとも言える。

それからJavaScriptにはURIエスケープは有るがHTMLエスケープはない
文字列置換で自分で作ることはできるが。そもそもそんなことをする必要がない。

なぜなら、jQueryであればhtml()メソッドを使ってデータを表示されるだけで
自動的にHTMLエスケープが行われるからだ
99 : Name_Not - 2017/12/23(土) 14:38:15.63 ID:eqSmGdLx.net (-20,+29,-16)
言葉が適切でなかったことを謝ります。
詳しく教えていただきありがとうございます。
100 : Name_Not - 2017/12/23(土) 19:18:16.54 ID:???.net (+66,+28,-3)
>>75
まともに動かないし動くわけがない
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

類似してるかもしれないスレッド


トップメニューへ / →のくす牧場書庫について