元スレjQuery ライブラリ総合質問所 vol.4

みんなの評価 :

前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ

/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで

751 = :

>>745
> レスポンシブのIE8をちゃんとやってきてるなら
> そのバグくらい知っているハズだったからな。

何言ってるんだ？ IE8でレスポンシブ対応するっていうのは
デフォルトのPC用が表示されればいいだろ？
レスポンシブ対応の意味わかってないんじゃないか？

そもそも基本的な所がわかってないよね。

レスポンシブ対応というのはスマホサイズ、タブレットサイズ
PCサイズなどといった幅でブレークポイントを決めて
それ毎に適したCSSを適用させるようにすること

IE8ではメディアクエリーが動かないからメディアクエリーの
セレクタが無効な状態でPCサイズ用のCSSが適用されるようにすればいいんだよ。
つまりそれをデフォルトのCSSがとし、スマホ、タブレットで
そのデフォルトを上書きする形のCSSを書けばいい。

もちろんIE8でスマホ版、タブレット版の表示はできない。
だがそもそもIE8が動くスマホやタブレットはない。

だからIE8はレスポンシブ対応する必要はない（正確にはデフォルトのPC版になればいい）

752 = :

>>750
うごかんて。
IEのF12で検証しても実際とは違うぞ？
バグが報告されている理由を考えたまえ。

>>751
たぶん違う。
書いていることは当然全部知っている。
俺はレスポンシブは何サイトも実務レベルで作ってきている。

>>750を踏まえて、の問題だ。
レスポンシブをスマートに行うには、当然HTML側の記述にも工夫が必要で、
ってそもそも何の話かわからないしもう寝るわ。ごめんな

753 = :

>>747
> CSSでやれるとこはCSSでやるつーからdisplay:none;使うのかと思ったわけで、
> jsでやるならそれこそhide()でいいんじゃないの？

jsでやる・・・jsのコードでhide()する

>>717で書いた、
> modernizrのようにhtml要素のclassにJavaScriptが
> 有効なときだけjsというクラスをつける。

というのは、jsではjsが有効であるかの状態を記録するだけ。
jsで非表示にしているわけじゃない。
非表示にするのはdisplay:none

俺が言ってる、jQueryの話も同じなのよ。
jQueryでcss()メソッドは原則的に使わない。
プログラマとしてjQueryを使いこなすならば、要素に状態を記録するだけ、
つまりclassの値を書き換えるだけにし、見た目に関する部分はcssでやるべき。
だからjQueryで見た目を変えるならば、CSSの知識は必須でしょ？

というのが話の発端なのだがねぇ。

> 648 自分：Name_Not_Found[sage] 投稿日：2015/09/25(金) 16:02:06.75 ID:???
> いつも思うんだけど、jQueryやる人はjQueryに頼り過ぎだよ。
> JavaScript = プログラマのもの
> CSS = ウェブデザイナのもの
> みたいな所があるのかね？

754 = :

>>752
> うごかんて。
> IEのF12で検証しても実際とは違うぞ？
> バグが報告されている理由を考えたまえ。

modern.ieって書いただろ？
知らんわけ無いだろうな？
実際に今動かして動いたんだから。
誰でも検証できるぞ。やってみな。

755 = :

>>752
> 書いていることは当然全部知っている。
> 俺はレスポンシブは何サイトも実務レベルで作ってきている。

あぁ、俺と同じだな。で？

俺は実務でつくってるんだぞ！が反論になるのは
有名な人が言った時ぐらいだろうなｗ

> レスポンシブをスマートに行うには、当然HTML側の記述にも工夫が必要で、
> ってそもそも何の話かわからないしもう寝るわ。ごめんな

何の話かって、勝手に話を変更してるからだろ？

俺が言ってるの最初から、なんでもjQueryでやろうとするなよ。
jQueryで見た目を変えようとすると、コードが大量に必要になる。
CSSを使え。その為にもウェブプログラマにはCSSの知識が必要だ。
むしろCSSはウェブプログラマが使うべきものだと言っても良いぐらい。

756 = :

>>754
modern.ieが間違っている。
俺の場合、実際クライアントがIE8実機を使用してて発覚したから。
同じ現象はIETesterで確認できる。
てかホント寝るから

757 = :

> レスポンシブのIE8をちゃんとやってきてるなら
> そのバグくらい知っているハズだったからな。

この理屈がおかしいんだよな。

スマホやタブレットで動くIE8は存在しない。
だからPC版として考えればいいわけで、
レスポンシブのIE8なんて考えがそもそもおかしい。

もちろんPC版としてウインドウサイズに応じて
画像サイズが小さくなるサイトはありだろう。
だがそんなサイトは少ない。大抵がページに最低幅があり
小さくし過ぎると横スクロール表示になる。

PCで見れるIE8対応サイトを作っているなら、ウインドウサイズに
応じて画像を小さくすることぐらいやっているはずだろう。
という意味になっている。

758 = :

>>756
> modern.ieが間違っている。
> 俺の場合、実際クライアントがIE8実機を使用してて発覚したから。

ないわーｗ
modern.ieはエミュレータ技術を使って
本物のWindowsとIEをそのまま動かしてるんだから。

まさかmodern.ieを疑うとは思わなかったな。
modern.ieはマイクロソフトが公式に提供しているサービスだぞ？

> 同じ現象はIETesterで確認できる。
IETesterが間違ってるだけじゃねーかｗ

IETesterはmodern.ieができる前に業務で使っていたことがあるが
IETesterのみでおかしくなる現象があったから、
それつかってテストするのを禁止したぞ。

759 = :

まあなんにせよ、IE8だけで動かないとしても、
基本はCSSを使ってモダンな書き方をする。

その上でIE8のみで動作するJavaScriptを使って
IE8のみでフォールバックするように書くのが
正しいけどな。

760 = :

IE対策は別料金ですよと言ってそれに同意してるのにあとになって
「客のところで見れない」ってクレーム言ってくるのが居るから困る

761 = :

<select></select>
を使って
-----
item1
item2
item3
-----
のようなListBoxみたいなのを作成した時に、
選択したitemをダブルクリックすると編集モードになって
文字を編集したいのですが、そういう機能はjQueryで実現出来ますか？

762 = :

>>761
あなたが頑張ってコードを書けば出来ます

763 = :

>>761
その編集した文字は保存されて
別のユーザーが見たら編集後の文字になってるって事？
その場合はDB使わないといけないからphpの方がいいんじゃない？

764 = :

＞別のユーザーが見たら編集後の文字になってるって事？
いいえ、そのユーザーのそのセッションのみです。

766 = :

ダブルクリックしたときに手前にinput出すとかなら結構簡単にできるんじゃない？

767 = :

たぶん俺なら10行ぐらいで作れると思う。

768 = :

あー、selectを使わないといけないなら、
もう少しいるかもな。

769 = :

ちょっと知恵ついた中高生みたいなこと言ってんなよ恥ずかしい

770 = :

いや、でもできるでしょｗ

771 = :

俺なら8行で作れるわ

772 = :

はい、できたよ。横80文字以内で実質9行。もうちょっと詰め込めば7行とか。
Chromeでしかみてない。

http://jsfiddle.net/L4aujgk5/

もう少し調整はいるだろうし、他のブラウザとか特に古いブラウザとか
別途対応が必要だろうし、不要な参照が残ってるとかあるけど。

selectを使わないと難しいかもっていうのは、
古いIEでselectの上にinputを置くのが難しかったから、
今も何か問題があるかもと思ってそうかいただけ。

773 = :

昨日は眠かったから、これでやめたが、やっぱりIE（Edge）でoptionの座標取れないな。
CSSで指定したら一応height()とかで高さ取れそうだから、
paddingとかmarginとかborderとかちゃんと計算したら位置揃え出来そうではある。
でも最悪ブラウザ判定とか必要になるかも知れないな。

774 = :

>>772
凄いな。天才かよ！
IE版も作ってくれよ。

775 = :

あと、ENTER押したら編集モードを抜けるようになると、
もっと嬉しい。

776 = :

>>774
やだ。面倒くさい。

フォーム関係はブラウザ勝手にサイズ決めたりして、それが簡単に取得できなかったりするから、
JavaScriptのコードはそれほど増えるとは思ってないがCSS周りの調査が面倒くさい。
最初はselectじゃなくてlistだと勘違いしていたんだよ。

> あと、ENTER押したら編集モードを抜けるようになると、
それは簡単だから自分で適当にやれ。

777 = :

ここまでプラグインを検索してみた人なしか

http://github.com/indrimuska/jquery-editable-select

778 = :

お前それリストボックスでも同じ事できんの？

　　ノ从从从从ヽ
　(⌒／ﾞﾞﾞﾞﾞﾞ＼⌒)
　ノｲ＿　　＿｜ヽ
　彡|ヽ･〉〈･ﾉ｜ミ
　彡|　　▼　｜ミ
　彡ヽ＿人＿ / ミ
`／ヾヽ `⌒′/ ツ＼
｜　ヾﾞﾞﾞﾞﾞﾞツ　｜
｜　| ヾ从从ツ |　｜
｜　`――――――⌒)
(＼＿＿＿＿＿＿＿＿)
（⌒　　　　　　ノ
　￣|￣￣￣￣￣Ｔ

少しだけ調べて、それは見たんだけど、リストボックス（複数行）に
対応しているかわからんかったし、そもそも俺jQueryプラグイン嫌いなんでw

jQuery自体は好きだけど、誰が作ったかわからんようなプラグイン使うと
将来メンテナンスがされるかわからんのでね。
jQueryをちゃんと使いこなせれば、だいたいのものが少ない行数でかけるので。

779 = :

>>772
お前凄いな！
俺も作ろうとしたけどどう頑張っても10行以内に収められなかったわ

780 = :

>>779
だろうだろう？ｗ

これでも俺今無職なんだぜ？orz

781 = :

ファイルアップロード時のプログレスバーを、jQuery を使えば
実装できると知り、調べてみました。

が、どのHPを見てもさっぱりわからん・・・

javascriptはほんのちょっとだけ、できます。

そんな私に予期アドバイスをお願いします。

782 = :

HP見てもわからんのなら、実力的にまだ無理ってことじゃないのかな
ちなみにどのHPみた？

783 = :

大抵はアップロード開始時にアニメーションGIF表示させてレスポンスが帰ってきた時に
表示を消すぐらいしかしてないんじゃないか？

サーバー側のPHPなどのスクリプトも絡んでくるから解説するページが少ないのでは？
それか自分でそういうページをわからないから避けているか

784 = :

>>779
じゃあie版は君が作ってくれよ！
みんな君に期待しているぞ。
なあ、みんなそうだろ？

785 = :

>>781
progress イベントをフックするだけで進捗率を取得出来る
http://takuya-1st.hatenablog.jp/entry/20121101/1351754417

786 = :

>>785
お～
なんか、よさそうなHP。
ありがとう。このHPで勉強してみます。

787 = :

何方か知恵を授けて下しあ。

windowsのie8の互換モード及びie7モードでの現象です。

jqueryで、読み込んだtxtファイルから画像のリストを作成したり、他所のhtmlから部分的に要素を読み込んだりしてます。
読み込んで表示させる場所はコンテンツの中央部分です。

それ自体は問題なく動作してるのですが、読み込まれた際に、jquery読み込み前に既に読み込まれていたフッター要素の中身が、そのままの場所に残るのです。

その結果、読み込まれたリストの上にフッター要素が重なって表示されます。(フッターはその要素分の空白が空いたまま)
表示後にマウスでウィンドウサイズを変更すると正しい位置に戻ります。

何度か再読み込みをするとうまくいくこともあるのですが、ずれている事の方が圧倒的に多いです。

何か手があったらご教授お願いします。
長文失礼しました。

789 = :

失礼しました。
誘導どうもです。

790 = :

>>784
わろたｗ　
>>779さんはきっと今一生懸命コード書いてるよ。

791 = :

jquery.pagination.jsやsimplePagination.jsのページャーを使うと
画像表示に使っているlightboxやfancyboxが動かなくなります。

競合してると思うのですが回避方法がわかる方がいればアドバイスお願いします。

792 = :

$('#textarea_ID').val('文字列')
でテキストエリアに文字列を書けますよね？
でもIE11なら書けるのに、FFやChromeで書けないんです。
なにが悪いんでしょうか？

794 :

Jquery初心者で、質問です。
こちらのサイトの「長い文章を隠し、クリックで続きを読ませる」みたいな
ことをしたいのですが、

http://metrograph.jp/gradation_paragraph/

このサイトの方法だと「もっと詳しく」を一度押したら消えてしまい、
再びたたむことができません。

文言を「たたむ」などに変えて
再びたためるようにするには、JSをどう変えればよいでしょうか？

795 = :

>>794
コード作成依頼と捉えてよろしいでしょうか？

796 = :

これはおそらく3行でできるだろうな。
（CSS除く）

アロー関数や無理するのありなら一行だ。

797 = :

あと一つ文書構造的に違和感があるかもしれないのを無視すると0行で作れる。

799 = :

>>798
じゃあ自分で変えたり足したりしてください。