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

    私的良スレ書庫

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

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

    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
    251 : Name_Not - 2015/06/05(金) 21:14:24.08 ID:???.net (+58,+19,-4)
    >>120も同一か
    >>185-186も自演くさい
    252 : Name_Not - 2015/06/06(土) 23:35:41.09 ID:???.net (+39,-30,-125)
    ; (function ($) {
     $.fn.aaa = function (args) {
     args = args || {};
       return this.each(function () {
        function bbb(n) {
        // 省略
        }
       });
      };
    })(jQuery);
    jQueryもJavaScriptも初心者なのですが、こういうのか書かれている file.jsが有ったとして、
    この中のbbbという関数を別のJavaScriptから呼び出すことはできますか?
    やり方を教えてください。 ; ($) $.fn. || {} (jQuery) など、何の事かさっぱりわかりません。
    253 : Name_Not - 2015/06/07(日) 03:01:43.28 ID:???.net (+102,+29,-57)
    >>252
    それはjQueryは関係ない話だね。

    関数の中にある関数は基本的に外からはよべないよ。

    ソースがあるんだからリファクタして
    他から使えるようにすればいいだけだと思うけど。
    ライセンスに気をつけて。
    254 : Name_Not - 2015/06/07(日) 08:02:01.42 ID:???.net (+71,+29,-3)
    >>253
    解説ありがとうございました。
    よく理解できました。感謝です。
    255 : Name_Not - 2015/06/08(月) 11:28:07.39 ID:???.net (+37,-29,-57)
    ネットで見つけたjQuery1.3ライブラリを使うサンプルプログラムを試したら
    スイスイ動いたのですが、jQuery1.9や1.10などの新しいライブラリで
    動かすと、動きがカクカクして反応が悪いのですが、こういう場合何が
    原因でしょうか?
    256 : Name_Not - 2015/06/08(月) 20:37:55.22 ID:???.net (+62,+30,-30)
    >>255
    それはどれかね?
    内緒にするようなことじゃないんだから
    そのサンプルプログラムを晒したほうが早い
    257 : Name_Not - 2015/06/12(金) 00:29:40.21 ID:???.net (+91,+29,-19)
    >>248をお願いします。

    特に呼び名は無いということでしょうか?
    仮想タグみたいな
    258 : Name_Not - 2015/06/12(金) 01:07:20.18 ID:???.net (+46,+10,+0)
    >>257
    ない
    259 : Name_Not - 2015/06/12(金) 21:09:41.21 ID:???.net (+44,+21,-3)
    動的な要素とかじゃ?
    260 : Name_Not - 2015/06/13(土) 00:57:32.71 ID:???.net (+52,+29,-2)
    動的要素か。ふむふむなるほど
    261 : Name_Not - 2015/06/13(土) 03:02:17.33 ID:???.net (-1,-29,-3)
    Dynamic Html Element

    略して
    D.H.E.(嘘
    262 : Name_Not - 2015/06/13(土) 03:14:56.83 ID:???.net (-1,-29,-1)
    HTMLGenericElement
    263 : Name_Not - 2015/06/14(日) 16:06:06.42 ID:ycYls63H.net (+24,+29,-32)
    縦に複数画像配置してスクロール時に現在位置の画像から3枚目程度先の画像までを先読みさせるのはどうやるのでしょうか
    264 : Name_Not - 2015/06/14(日) 16:21:17.09 ID:???.net (+57,+29,-29)
    要らない工夫の代表例だな。
    だから非力なスマホではJSオフにかぎる。
    265 : Name_Not - 2015/06/14(日) 17:40:08.87 ID:???.net (+0,-28,-7)
    ついでに画像表示やCSSもオフにすれば?
    266 : Name_Not - 2015/06/14(日) 18:06:58.22 ID:???.net (+3,-30,-226)
    // #id_nameに関する各種の属性を沢山取得したい場合、
    var t = $('#id_name').css('top');
    var b = $('#id_name').css('bottom');
    var l = $('#id_name').css('left');
    var r = $('#id_name').css('right');
    // これよりも、
    var id = $('#id_name');  // 変数に代入しておいて
    var t = id.css('top');
    var b = id.css('bottom');
    var l = id.css('left');
    var r = id.css('right');
    // とやるほうが速かったりしますか?
    267 : Name_Not - 2015/06/14(日) 18:43:43.70 ID:???.net (+69,+28,+0)
    そうですね。
    268 : Name_Not - 2015/06/14(日) 20:05:43.29 ID:???.net (+45,+13,-24)
    >>267
    有り難うございました。
    269 : Name_Not - 2015/06/15(月) 12:27:12.48 ID:???.net (+3,-30,-77)
    すみません、jQuery.ui.datepickerで?dateFormatがyymm
    (例:201403)の場合に、その日付のカレンダーが
    表示されないのですが、どうしたら良いでしょうか?
    いい方法がないなら、DBから取得した日付文字列の末尾に
    01を
    くっつけてyymmddにしてクライアントに渡そうと思います。
    270 : Name_Not - 2015/06/15(月) 14:03:33.34 ID:???.net (+3,-29,-73)
    用意された方法はない、ということでしょうか。
    ありがとうございました。
    ↓のライブラリを使ってみます。

    jquery.ui.datepicker.jsに最小限の手を加えて年月選択UIを作る at softelメモ:
    http://www.softel.co.jp/blogs/tech/archives/4297
    271 : Name_Not - 2015/06/15(月) 16:56:39.03 ID:???.net (+56,+28,-19)
    このライブラリも yymdd のように d を含まないと
    カレンダーにその年月のが表示されないんですね。
    これはバグかな。弱った…。
    272 : Name_Not - 2015/06/15(月) 19:09:07.61 ID:???.net (+62,+29,-67)
    オーバーライドじゃなくて書き換えるのかw
    Perl4時代のCGIスクリプトか?w
    なんかもうそんなクソライブラリコードなんて見るのも使うのも嫌だなw
    そもそもそんな機能は無くても困らないからわざわざJSで実現してクロームに合わせなくていいよと思う。
    273 : Name_Not - 2015/06/16(火) 12:28:16.40 ID:???.net (+3,-30,-88)
    var data = $('#id').css('border-left-color');

    data = "rgba(82, 36, 36, 1)"
    が得られたとして、これを
    data = "rgba(82, 36, 36, 0)"
    に変更したいのですが、正統的な手法はありますか?
    274 : Name_Not - 2015/06/16(火) 12:42:37.85 ID:???.net (+2,-29,-5)
    透明度を1から0にするならopacity使ったほうが楽だと思う
    275 : Name_Not - 2015/06/16(火) 13:14:09.85 ID:???.net (-1,-29,-25)
    >>274
    レスありがとうございました。
    ググッてみたのですがborderのopacityのみを変更する方法が
    見つかりませんでした。
    276 : Name_Not - 2015/06/16(火) 14:03:16.18 ID:???.net (-1,-29,-35)
    α=1の時にrgbaで返すのはIEくらい?、Chrome、Firefoxはrgb
    α=0の時はFirefoxはtransparentになる
    色決め打ちじゃなくてαだけ変えたいとなると意外と面倒?
    277 : Name_Not - 2015/06/16(火) 20:57:48.82 ID:???.net (+28,-6,-18)
    単純にボーダースタイルをnoneにしたらダメなん?
    278 : Name_Not - 2015/06/16(火) 22:04:54.03 ID:???.net (+40,-30,-66)
    >>277
    border幅が10pxだとすると、
    noneにすると、borderの幅が無いことになるんじゃないですか?
    そすると左に10pxずれてしまいます。そうではなくて、
    透明なborderを10px描きたいのです。
    279 : Name_Not - 2015/06/16(火) 22:43:26.18 ID:???.net (+62,+29,-46)
    CSSだけでは無理だと思う。
    それに計算済みスタイルはこちら側が設定した値を好き勝手に変えてくるので、
    取得ではあまり期待しないほうがいい。

    目的は分からないけど、単にrgbのデータを保存したいだけなら、配列とかを使ってJS側で保管したほうがいいかと
    280 : Name_Not - 2015/06/17(水) 01:51:17.33 ID:???.net (+62,+29,-21)
    >>278
    マージンの値を取得
    それにボーダーの太さを足す
    マージンを上で出た値に変更
    281 : Name_Not - 2015/06/17(水) 14:57:25.48 ID:???.net (+3,-30,-248)
    Firefox は DOM-Level-2-Style に追加で alpha という名前のプロパティが独自に実装されているから読み取れる。
    getComputedStyle(document.getElementById('id'), '').getPropertyCSSValue('border-left-color').getRGBColorValue().alpha.cssText
    こんな風にして(例えば .red.cssText)取得して使う。
    もともとsetRGBColorValueみたいなメソッドは定義されていないし独自実装も無いから諦めてまとめて指定するしかない。

    特記すべき注意点として、setPropertyで2番目の引数を0にして透明にすると以降の変更が不可能になるバグがある。
    これは凡そ0.002以上1以下の値に収める事で回避できる。
    282 : Name_Not - 2015/06/19(金) 17:55:57.84 ID:???.net (+11,-29,-29)
    jQueryって
    $(#id)のように#が必要ですが
    これはなぜですか?JSでは#不要だからよく混乱します。
    283 : Name_Not - 2015/06/19(金) 19:55:19.15 ID:???.net (+3,-30,+0)
    >>282
    > これはなぜですか?JSでは#不要だからよく混乱します
    JavaScriptじゃなくて、DOM APIですね。

    DOM APIは#が不要な代わりに、
    id専用のgetElementById
    class専用のgetElementsByClassName
    タグ専用のgetElementsByTagName
    name専用のgetElementsByName
    と言う風に冗長な名前で幾つもの関数が必要になってしまいました。
    しかも、タグ+クラス とい指定はできないですしね。

    所でCSSというのは知っていますか?
    HTMLで要素をデザインする時に使うもので、
    #id { color: red } とか
    .class { color: blue } とか
    出来ます。

    しかも組み合わせて
    #id.class[name="hoge"] + span { color: green } とか
    できちゃうんですね。強力です。これをCSSセレクタといいます。

    CSSはHTMLと一緒でウェブプログラマにとって必須知識で
    初心者以外だれでも知っていると言っても過言ではありません。

    jQueryが画期的だったのは、だれでも知っているCSSセレクタを使えるようにしたところです。
    これにより、冗長な名前で幾つ必要で柔軟性がないものを
    たった一つの関数 $(CSSセレクタ)で実現してしまったわけです。

    それから数年後、jQueryにインスパイアされて
    DOM APIにもquerySelectorAllというCSSセレクタが使える関数が追加されました。
    冗長な名前という問題はしませんでしたが。だから「JSでも#は必要」とも言えますw
    284 : Name_Not - 2015/06/19(金) 19:57:25.21 ID:???.net (+3,-30,-111)
    あ、CSSセレクタというのは、
    「#id.class[name="hoge"] + span」の部分のことですよ。

    当然、 $('#id.class[name="hoge"] + span') という書き方も出来ます。

    これはDOM APIではquerySelectorAllが登場するまで出来なかったことです。
    querySelectorAllはIE8以降で対応です。
    jQueryはIE6の時代からありますね。
    285 : Name_Not - 2015/06/19(金) 23:20:16.54 ID:???.net (+4,-30,-51)
    >>282
    詳しい解説有難うございました。
    CSSは現在勉強中ですが、282さんの解説は要点が良くまとまっているので
    大変参考になりました。
    >#id.class[name="hoge"] + span { color: green } とか
    >できちゃうんですね。
    こんな書き方は知らなかったです。
    奥が深いですね。
    286 : Name_Not - 2015/06/20(土) 21:33:57.63 ID:???.net (+9,-30,-129)
    http://jsfiddle.net/496c9/
    このサンプルで質問なのですが、
    選択したボタンの背景色を黒っぽくしているのは、以下のCSSの部分だと思うのですが、

    #donate input:checked + span {
    background-color:#404040;
    color:#F7F7F7;
    }

    これをCSSファイルではなくて、jQueryで
    $'( ).css( );
    みたいな命令を実行する方法で実現できますか?
    要するにCSSファイルを使わずにこのサンプルを実行する方法があるのかどうか知りたいのです。
    287 : Name_Not - 2015/06/20(土) 22:24:16.92 ID:???.net (+42,-30,-61)
    $().css() だと要素に直接 style="" で指定するから無理ぽ。
    <style>を直接追加するべし。
    $("<style>").text("#donate input:checked + span { background-color:#404040; color:#F7F7F7; }").appendTo("head");
    288 : Name_Not - 2015/06/20(土) 23:09:47.10 ID:???.net (+59,+26,+1)
    >>287
    なるほど。ありがとうございました。
    289 : Name_Not - 2015/06/20(土) 23:10:30.58 ID:???.net (+7,-30,-94)
    >>286
    念の為に言っておくけど、そういう見た目を変えることは
    CSSを使ってやるのが正しい回答。
    JavaScript(jQuery)を使わずにできるのはCSSでやる。
    そのサンプルはちゃんとできてる。

    >>287でもいいけど、

    1. JavaScriptファイルを使うならば、そのファイルを読み込む所があるはず
    ならば、document.write("<style>~</style>") で吐き出したほうがいい。

    2. JavaScriptファイルすら使わないならHTMLに直接<style>~</style>を書けばいい
    290 : Name_Not - 2015/06/21(日) 14:45:15.08 ID:???.net (+36,-30,-90)
    <img id="a" src="hoge.jpg">のhoge部分を適当な文字列を一旦入れておいて
    .attr()で書き換える場合、
    firefoxでは一旦hoge.jpgとしてsrcを読み込もうとして、ファイルが見つからず、エラーになり、表示速度に影響を及ぼしているようです。
    ※表示は意図したとおり(jQueryで)になります。
    一般的にはどうするべきでしょうか?(hoge.jpgという画像を実際にサーバーにUPしておけばいいのかもしれませんが)
    291 : Name_Not - 2015/06/21(日) 15:44:00.03 ID:???.net (+29,-29,-7)
    src="hoge.jpg" 書かなければいいんじゃないの?
    292 : Name_Not - 2015/06/21(日) 16:48:46.83 ID:???.net (+57,+25,-1)
    >>291
    なるほど。
    文法的にはNGそうだが・・。
    293 : Name_Not - 2015/06/21(日) 22:33:08.69 ID:???.net (+61,-29,-3)
    img タグを動的に作るとか
    294 : Name_Not - 2015/06/22(月) 01:43:22.79 ID:???.net (+82,+19,-12)
    透明なダミーイメージを指定しとくとか
    295 : Name_Not - 2015/06/22(月) 01:45:20.48 ID:???.net (+66,+29,-14)
    >>293
    それだなw

    >>294
    最悪それも考えてた
    296 : Name_Not - 2015/06/22(月) 02:21:58.04 ID:???.net (+66,+29,-7)
    >>290
    > 一般的にはどうするべきでしょうか?

    なんのためにそのようなことをするのか次第
    297 : Name_Not - 2015/06/23(火) 22:40:14.08 ID:???.net (+13,-29,-56)
    >>296
    ページによって動的に変化させる為、srcの文字列を変数のように扱いたいから。
    表示されるページの所定の箇所を取得してsrcに入れる。
    298 : Name_Not - 2015/06/23(火) 22:47:54.07 ID:???.net (+0,-27,-22)
    1っ箇所だけなのでMVVMフレームワーク使えとかはナシの方向で。。
    299 : Name_Not - 2015/06/24(水) 02:10:42.58 ID:???.net (+11,-30,-95)
    >>297
    それなら一般的にはCSSを使う。

    まず、ページごとにユニークな名前をつけて
    それをhtml要素、またはbody要素のidかclassに入れる


    <html id="page-a"> とか <body class="page-b">

    あとは、CSSで画像を指定する。

    #page-a .name { background-image: 画像URL }
    #page-b .name { background-image: 画像URL }
    300 : Name_Not - 2015/06/24(水) 05:13:28.21 ID:???.net (+4,-29,-7)
    ふつうに $(document).ready だろ。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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