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

みんなの評価 :
レスフィルター : (試験中)
>>745
> レスポンシブのIE8をちゃんとやってきてるなら
> そのバグくらい知っているハズだったからな。
何言ってるんだ? IE8でレスポンシブ対応するっていうのは
デフォルトのPC用が表示されればいいだろ?
レスポンシブ対応の意味わかってないんじゃないか?
そもそも基本的な所がわかってないよね。
レスポンシブ対応というのはスマホサイズ、タブレットサイズ
PCサイズなどといった幅でブレークポイントを決めて
それ毎に適したCSSを適用させるようにすること
IE8ではメディアクエリーが動かないからメディアクエリーの
セレクタが無効な状態でPCサイズ用のCSSが適用されるようにすればいいんだよ。
つまりそれをデフォルトのCSSがとし、スマホ、タブレットで
そのデフォルトを上書きする形のCSSを書けばいい。
もちろんIE8でスマホ版、タブレット版の表示はできない。
だがそもそもIE8が動くスマホやタブレットはない。
だからIE8はレスポンシブ対応する必要はない(正確にはデフォルトのPC版になればいい)
> レスポンシブのIE8をちゃんとやってきてるなら
> そのバグくらい知っているハズだったからな。
何言ってるんだ? IE8でレスポンシブ対応するっていうのは
デフォルトのPC用が表示されればいいだろ?
レスポンシブ対応の意味わかってないんじゃないか?
そもそも基本的な所がわかってないよね。
レスポンシブ対応というのはスマホサイズ、タブレットサイズ
PCサイズなどといった幅でブレークポイントを決めて
それ毎に適したCSSを適用させるようにすること
IE8ではメディアクエリーが動かないからメディアクエリーの
セレクタが無効な状態でPCサイズ用のCSSが適用されるようにすればいいんだよ。
つまりそれをデフォルトのCSSがとし、スマホ、タブレットで
そのデフォルトを上書きする形のCSSを書けばいい。
もちろんIE8でスマホ版、タブレット版の表示はできない。
だがそもそもIE8が動くスマホやタブレットはない。
だからIE8はレスポンシブ対応する必要はない(正確にはデフォルトのPC版になればいい)
>>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 = ウェブデザイナのもの
> みたいな所があるのかね?
> 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 = ウェブデザイナのもの
> みたいな所があるのかね?
>>752
> うごかんて。
> IEのF12で検証しても実際とは違うぞ?
> バグが報告されている理由を考えたまえ。
modern.ieって書いただろ?
知らんわけ無いだろうな?
実際に今動かして動いたんだから。
誰でも検証できるぞ。やってみな。
> うごかんて。
> IEのF12で検証しても実際とは違うぞ?
> バグが報告されている理由を考えたまえ。
modern.ieって書いただろ?
知らんわけ無いだろうな?
実際に今動かして動いたんだから。
誰でも検証できるぞ。やってみな。
>>752
> 書いていることは当然全部知っている。
> 俺はレスポンシブは何サイトも実務レベルで作ってきている。
あぁ、俺と同じだな。で?
俺は実務でつくってるんだぞ!が反論になるのは
有名な人が言った時ぐらいだろうなw
> レスポンシブをスマートに行うには、当然HTML側の記述にも工夫が必要で、
> ってそもそも何の話かわからないしもう寝るわ。ごめんな
何の話かって、勝手に話を変更してるからだろ?
俺が言ってるの最初から、なんでもjQueryでやろうとするなよ。
jQueryで見た目を変えようとすると、コードが大量に必要になる。
CSSを使え。その為にもウェブプログラマにはCSSの知識が必要だ。
むしろCSSはウェブプログラマが使うべきものだと言っても良いぐらい。
> 書いていることは当然全部知っている。
> 俺はレスポンシブは何サイトも実務レベルで作ってきている。
あぁ、俺と同じだな。で?
俺は実務でつくってるんだぞ!が反論になるのは
有名な人が言った時ぐらいだろうなw
> レスポンシブをスマートに行うには、当然HTML側の記述にも工夫が必要で、
> ってそもそも何の話かわからないしもう寝るわ。ごめんな
何の話かって、勝手に話を変更してるからだろ?
俺が言ってるの最初から、なんでもjQueryでやろうとするなよ。
jQueryで見た目を変えようとすると、コードが大量に必要になる。
CSSを使え。その為にもウェブプログラマにはCSSの知識が必要だ。
むしろCSSはウェブプログラマが使うべきものだと言っても良いぐらい。
> レスポンシブのIE8をちゃんとやってきてるなら
> そのバグくらい知っているハズだったからな。
この理屈がおかしいんだよな。
スマホやタブレットで動くIE8は存在しない。
だからPC版として考えればいいわけで、
レスポンシブのIE8なんて考えがそもそもおかしい。
もちろんPC版としてウインドウサイズに応じて
画像サイズが小さくなるサイトはありだろう。
だがそんなサイトは少ない。大抵がページに最低幅があり
小さくし過ぎると横スクロール表示になる。
PCで見れるIE8対応サイトを作っているなら、ウインドウサイズに
応じて画像を小さくすることぐらいやっているはずだろう。
という意味になっている。
> そのバグくらい知っているハズだったからな。
この理屈がおかしいんだよな。
スマホやタブレットで動くIE8は存在しない。
だからPC版として考えればいいわけで、
レスポンシブのIE8なんて考えがそもそもおかしい。
もちろんPC版としてウインドウサイズに応じて
画像サイズが小さくなるサイトはありだろう。
だがそんなサイトは少ない。大抵がページに最低幅があり
小さくし過ぎると横スクロール表示になる。
PCで見れるIE8対応サイトを作っているなら、ウインドウサイズに
応じて画像を小さくすることぐらいやっているはずだろう。
という意味になっている。
>>756
> modern.ieが間違っている。
> 俺の場合、実際クライアントがIE8実機を使用してて発覚したから。
ないわーw
modern.ieはエミュレータ技術を使って
本物のWindowsとIEをそのまま動かしてるんだから。
まさかmodern.ieを疑うとは思わなかったな。
modern.ieはマイクロソフトが公式に提供しているサービスだぞ?
> 同じ現象はIETesterで確認できる。
IETesterが間違ってるだけじゃねーかw
IETesterはmodern.ieができる前に業務で使っていたことがあるが
IETesterのみでおかしくなる現象があったから、
それつかってテストするのを禁止したぞ。
> modern.ieが間違っている。
> 俺の場合、実際クライアントがIE8実機を使用してて発覚したから。
ないわーw
modern.ieはエミュレータ技術を使って
本物のWindowsとIEをそのまま動かしてるんだから。
まさかmodern.ieを疑うとは思わなかったな。
modern.ieはマイクロソフトが公式に提供しているサービスだぞ?
> 同じ現象はIETesterで確認できる。
IETesterが間違ってるだけじゃねーかw
IETesterはmodern.ieができる前に業務で使っていたことがあるが
IETesterのみでおかしくなる現象があったから、
それつかってテストするのを禁止したぞ。
まあなんにせよ、IE8だけで動かないとしても、
基本はCSSを使ってモダンな書き方をする。
その上でIE8のみで動作するJavaScriptを使って
IE8のみでフォールバックするように書くのが
正しいけどな。
基本はCSSを使ってモダンな書き方をする。
その上でIE8のみで動作するJavaScriptを使って
IE8のみでフォールバックするように書くのが
正しいけどな。
IE対策は別料金ですよと言ってそれに同意してるのにあとになって
「客のところで見れない」ってクレーム言ってくるのが居るから困る
「客のところで見れない」ってクレーム言ってくるのが居るから困る
<select></select>
を使って
-----
item1
item2
item3
-----
のようなListBoxみたいなのを作成した時に、
選択したitemをダブルクリックすると編集モードになって
文字を編集したいのですが、そういう機能はjQueryで実現出来ますか?
を使って
-----
item1
item2
item3
-----
のようなListBoxみたいなのを作成した時に、
選択したitemをダブルクリックすると編集モードになって
文字を編集したいのですが、そういう機能はjQueryで実現出来ますか?
>>761
あなたが頑張ってコードを書けば出来ます
あなたが頑張ってコードを書けば出来ます
>別のユーザーが見たら編集後の文字になってるって事?
いいえ、そのユーザーのそのセッションのみです。
いいえ、そのユーザーのそのセッションのみです。
リストボックスじゃないとだめなの?
datalist付きのinput要素で代用とか
datalist付きのinput要素で代用とか
ダブルクリックしたときに手前にinput出すとかなら結構簡単にできるんじゃない?
あー、selectを使わないといけないなら、
もう少しいるかもな。
もう少しいるかもな。
はい、できたよ。 横80文字以内で実質9行。もうちょっと詰め込めば7行とか。
Chromeでしかみてない。
http://jsfiddle.net/L4aujgk5/
もう少し調整はいるだろうし、他のブラウザとか特に古いブラウザとか
別途対応が必要だろうし、不要な参照が残ってるとかあるけど。
selectを使わないと難しいかもっていうのは、
古いIEでselectの上にinputを置くのが難しかったから、
今も何か問題があるかもと思ってそうかいただけ。
Chromeでしかみてない。
http://jsfiddle.net/L4aujgk5/
もう少し調整はいるだろうし、他のブラウザとか特に古いブラウザとか
別途対応が必要だろうし、不要な参照が残ってるとかあるけど。
selectを使わないと難しいかもっていうのは、
古いIEでselectの上にinputを置くのが難しかったから、
今も何か問題があるかもと思ってそうかいただけ。
昨日は眠かったから、これでやめたが、やっぱりIE(Edge)でoptionの座標取れないな。
CSSで指定したら一応height()とかで高さ取れそうだから、
paddingとかmarginとかborderとかちゃんと計算したら位置揃え出来そうではある。
でも最悪ブラウザ判定とか必要になるかも知れないな。
CSSで指定したら一応height()とかで高さ取れそうだから、
paddingとかmarginとかborderとかちゃんと計算したら位置揃え出来そうではある。
でも最悪ブラウザ判定とか必要になるかも知れないな。
あと、ENTER押したら編集モードを抜けるようになると、
もっと嬉しい。
もっと嬉しい。
>>774
やだ。面倒くさい。
フォーム関係はブラウザ勝手にサイズ決めたりして、それが簡単に取得できなかったりするから、
JavaScriptのコードはそれほど増えるとは思ってないがCSS周りの調査が面倒くさい。
最初はselectじゃなくてlistだと勘違いしていたんだよ。
> あと、ENTER押したら編集モードを抜けるようになると、
それは簡単だから自分で適当にやれ。
やだ。面倒くさい。
フォーム関係はブラウザ勝手にサイズ決めたりして、それが簡単に取得できなかったりするから、
JavaScriptのコードはそれほど増えるとは思ってないがCSS周りの調査が面倒くさい。
最初はselectじゃなくてlistだと勘違いしていたんだよ。
> あと、ENTER押したら編集モードを抜けるようになると、
それは簡単だから自分で適当にやれ。
お前それリストボックスでも同じ事できんの?
ノ从从从从ヽ
(⌒/゙゙゙゙゙゙\⌒)
ノイ _ _|ヽ
彡|ヽ・〉〈・ノ|ミ
彡| ▼ |ミ
彡ヽ _人_ / ミ
`/ヾヽ `⌒′/ ツ\
| ヾ ゙゙゙゙゙゙ ツ |
| | ヾ从从ツ | |
| `――――――⌒)
(\________)
(⌒ ノ
 ̄| ̄ ̄ ̄ ̄ ̄T
少しだけ調べて、それは見たんだけど、リストボックス(複数行)に
対応しているかわからんかったし、そもそも俺jQueryプラグイン嫌いなんでw
jQuery自体は好きだけど、誰が作ったかわからんようなプラグイン使うと
将来メンテナンスがされるかわからんのでね。
jQueryをちゃんと使いこなせれば、だいたいのものが少ない行数でかけるので。
ノ从从从从ヽ
(⌒/゙゙゙゙゙゙\⌒)
ノイ _ _|ヽ
彡|ヽ・〉〈・ノ|ミ
彡| ▼ |ミ
彡ヽ _人_ / ミ
`/ヾヽ `⌒′/ ツ\
| ヾ ゙゙゙゙゙゙ ツ |
| | ヾ从从ツ | |
| `――――――⌒)
(\________)
(⌒ ノ
 ̄| ̄ ̄ ̄ ̄ ̄T
少しだけ調べて、それは見たんだけど、リストボックス(複数行)に
対応しているかわからんかったし、そもそも俺jQueryプラグイン嫌いなんでw
jQuery自体は好きだけど、誰が作ったかわからんようなプラグイン使うと
将来メンテナンスがされるかわからんのでね。
jQueryをちゃんと使いこなせれば、だいたいのものが少ない行数でかけるので。
ファイルアップロード時のプログレスバーを、jQuery を使えば
実装できると知り、調べてみました。
が、どのHPを見てもさっぱりわからん・・・
javascriptはほんのちょっとだけ、できます。
そんな私に予期アドバイスをお願いします。
実装できると知り、調べてみました。
が、どのHPを見てもさっぱりわからん・・・
javascriptはほんのちょっとだけ、できます。
そんな私に予期アドバイスをお願いします。
HP見てもわからんのなら、実力的にまだ無理ってことじゃないのかな
ちなみにどのHPみた?
ちなみにどのHPみた?
大抵はアップロード開始時にアニメーションGIF表示させてレスポンスが帰ってきた時に
表示を消すぐらいしかしてないんじゃないか?
サーバー側のPHPなどのスクリプトも絡んでくるから解説するページが少ないのでは?
それか自分でそういうページをわからないから避けているか
表示を消すぐらいしかしてないんじゃないか?
サーバー側のPHPなどのスクリプトも絡んでくるから解説するページが少ないのでは?
それか自分でそういうページをわからないから避けているか
何方か知恵を授けて下しあ。
windowsのie8の互換モード及びie7モードでの現象です。
jqueryで、読み込んだtxtファイルから画像のリストを作成したり、他所のhtmlから部分的に要素を読み込んだりしてます。
読み込んで表示させる場所はコンテンツの中央部分です。
それ自体は問題なく動作してるのですが、読み込まれた際に、jquery読み込み前に既に読み込まれていたフッター要素の中身が、そのままの場所に残るのです。
その結果、読み込まれたリストの上にフッター要素が重なって表示されます。(フッターはその要素分の空白が空いたまま)
表示後にマウスでウィンドウサイズを変更すると正しい位置に戻ります。
何度か再読み込みをするとうまくいくこともあるのですが、ずれている事の方が圧倒的に多いです。
何か手があったらご教授お願いします。
長文失礼しました。
windowsのie8の互換モード及びie7モードでの現象です。
jqueryで、読み込んだtxtファイルから画像のリストを作成したり、他所のhtmlから部分的に要素を読み込んだりしてます。
読み込んで表示させる場所はコンテンツの中央部分です。
それ自体は問題なく動作してるのですが、読み込まれた際に、jquery読み込み前に既に読み込まれていたフッター要素の中身が、そのままの場所に残るのです。
その結果、読み込まれたリストの上にフッター要素が重なって表示されます。(フッターはその要素分の空白が空いたまま)
表示後にマウスでウィンドウサイズを変更すると正しい位置に戻ります。
何度か再読み込みをするとうまくいくこともあるのですが、ずれている事の方が圧倒的に多いです。
何か手があったらご教授お願いします。
長文失礼しました。
jquery.pagination.jsやsimplePagination.jsのページャーを使うと
画像表示に使っているlightboxやfancyboxが動かなくなります。
競合してると思うのですが回避方法がわかる方がいればアドバイスお願いします。
画像表示に使っているlightboxやfancyboxが動かなくなります。
競合してると思うのですが回避方法がわかる方がいればアドバイスお願いします。
$('#textarea_ID').val('文字列')
でテキストエリアに文字列を書けますよね?
でもIE11なら書けるのに、FFやChromeで書けないんです。
なにが悪いんでしょうか?
でテキストエリアに文字列を書けますよね?
でもIE11なら書けるのに、FFやChromeで書けないんです。
なにが悪いんでしょうか?
Jquery初心者で、質問です。
こちらのサイトの「長い文章を隠し、クリックで続きを読ませる」みたいな
ことをしたいのですが、
http://metrograph.jp/gradation_paragraph/
このサイトの方法だと「もっと詳しく」を一度押したら消えてしまい、
再びたたむことができません。
文言を「たたむ」などに変えて
再びたためるようにするには、JSをどう変えればよいでしょうか?
こちらのサイトの「長い文章を隠し、クリックで続きを読ませる」みたいな
ことをしたいのですが、
http://metrograph.jp/gradation_paragraph/
このサイトの方法だと「もっと詳しく」を一度押したら消えてしまい、
再びたたむことができません。
文言を「たたむ」などに変えて
再びたためるようにするには、JSをどう変えればよいでしょうか?
>>794
コード作成依頼と捉えてよろしいでしょうか?
コード作成依頼と捉えてよろしいでしょうか?
これはおそらく3行でできるだろうな。
(CSS除く)
アロー関数や無理するのありなら一行だ。
(CSS除く)
アロー関数や無理するのありなら一行だ。
あと一つ文書構造的に違和感があるかもしれないのを無視すると0行で作れる。
>>798
じゃあ自分で変えたり足したりしてください。
じゃあ自分で変えたり足したりしてください。
>>798
.hide()を.slideToggle()に変えたりすればできるかなと思いました。
.hide()を.slideToggle()に変えたりすればできるかなと思いました。



類似してるかもしれないスレッド
- JavaScript ライブラリ総合質問所 vol.4 (985) - [78%] - 2015/12/16 15:00
- JavaScript ライブラリ総合質問所 vol.5 (344) - [75%] - 2022/3/14 17:45
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [65%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [65%] - 2013/5/20 7:00
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [65%] - 2012/10/8 22:30
- jQuery 質問スレッド vol.8 (1001) - [30%] - 2018/5/6 11:15
トップメニューへ / →のくす牧場書庫について