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

    私的良スレ書庫

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

    元スレ【jQuery】JavaScript ライブラリ総合質問所 vol.1

    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
    401 : Name_Not - 2012/04/18(水) 01:57:49.58 ID:??? (+27,+29,-9)
    そういう分担をしているなら、スクリプト自体動かせない気もするんだけれど。
    402 : Name_Not - 2012/04/19(木) 12:20:26.51 ID:??? (-22,-30,-62)
    <a href="#">Link1</a>
    HogeHoge
    <a href="#">Link2</a>

    というHTMLがある場合に、「HogeHoge」のみを取得する方法ってありますか?
    取得対象がある場合は、spanとかで囲んでしまうべきなんでしょうか。
    403 : Name_Not - 2012/04/19(木) 12:42:56.75 ID:??? (+12,+19,-3)
    HTMLを変更できるなら囲むべき
    404 : 402 - 2012/04/19(木) 14:06:29.29 ID:??? (+27,+29,-6)
    了解です。やっぱそうですよね。
    HTML変更して文字列囲むことにします。
    405 : Name_Not - 2012/04/23(月) 18:26:16.94 ID:e0a+bt9e (-20,-8,-81)
    スクロールを固定したメニューコンテナに
    ページ内用のハッシュリンクを置いているのですが、
    ページの位置をリンクに反映させる手法が既にあったら教えてください。
    たとえば、話題2を2/3ほど読んでいるときに、
    話題2のリンクが2/3の明るさ、話題3のリンクが1/3の明るさになるなどの
    効果を探しているのですが、なかなか見つかりません。
    よろしくお願いします。
    406 : Name_Not - 2012/04/23(月) 20:04:19.84 ID:??? (+19,+23,+0)
    ソースを示しなさい
    407 : 405 - 2012/04/23(月) 21:16:11.70 ID:??? (-27,-30,-157)
    失礼しました、ソースは大体こんな感じです。

    html:
    <div id="container">
    <div id="nav">
    <ul>
    // 以下のリスト項目のcolorなどを読んでいる場所に応じて変化させたいです
    <li><a href="#article1>Article1</a></li>
    <li><a href="#article2>Article2</a></li>
    <li><a href="#article3>Article3</a></li>
    </ul>
    </div><!--nav-->
    <div id="content">
    <h2 id="article1">Article1</h2>
    ...
    <h2 id="article2">Article2</h2>
    ...
    <h2 id="article3">Article3</h2>
    ...
    </div><!--content-->
    </div><!--container-->

    css:
    #container { width: 960px; }
    #nav { width: 300px, float; left, position: fix; }
    #content { width: 660px; float: right; }
    408 : Name_Not - 2012/04/23(月) 21:25:56.98 ID:??? (+26,+29,-36)
    >>405
    ソース見てないけど、スクロールイベント検知して、
    どのくらいスクロールしているかに応じて明るさを変えればいいんでない?

    >>406がもっとちゃんとしたの書いてくれるかも。
    409 : Name_Not - 2012/04/23(月) 21:28:37.44 ID:??? (+27,+29,-18)
    横から失礼するがjsfiddleか何かに
    ソース全体を動く状態で公開したら
    何をしたいか理解しやすいし
    みんなが回答してくれるんじゃないか?
    411 : Name_Not - 2012/04/23(月) 23:21:28.67 ID:??? (+27,+29,-9)
    動作見てないけど、スクロールイベント検知して、
    どのくらい…
    412 : Name_Not - 2012/04/24(火) 08:13:32.97 ID:??? (+32,+29,-43)
    見てきた
    何をしたいかはっきり分かるじゃないか
    そんなマニアックな既製品はないだろう

    ホイールでのスクロールでも色を変えるなら
    ・右側のスクロール位置を取得
    ・スクロール位置をもとにリンクの色を計算
    これらも必要だろう
    414 : Name_Not - 2012/04/24(火) 19:07:45.97 ID:??? (+27,+29,-22)
    どれが選択されてるかはっきり分かれば十分だよな
    明るさを変える必要などない
    415 : 405 - 2012/04/24(火) 19:28:46.10 ID:??? (+27,+29,-19)
    414さんが言っている機能を持つプラグインを見つけたのでとりあえずこれを
    使うことにします。ありがとうございました。
    http://trevordavis.net/blog/jquery-one-page-navigation-plugin/
    416 : Name_Not - 2012/04/24(火) 19:35:51.43 ID:??? (+22,+29,-3)
    使ってみてどうだったか教えてね
    418 : Name_Not - 2012/04/25(水) 06:12:49.05 ID:??? (-23,-30,-62)
    >>417
    こういう場合は、ソースを追っかけてみるといいぜ。そんなに長くないし。

    .lettering() - 文字列をspanで区切ってる
    .animateLetters() - そのspanにアニメーションさせてる

    だから $("#title01").find('span').css('opacity', 0); のようにしておいてから
    $("#title01").animateLetters() すればいい。
    419 : 418 - 2012/04/25(水) 06:15:15.78 ID:??? (+6,+8,-1)
    最初に .lettering() させるのが抜けてた。まあ、わかるよね。
    420 : Name_Not - 2012/04/25(水) 12:33:47.92 ID:??? (+31,+29,-19)
    最初に一瞬だけテキストが見えてしまうんですがって展開になりそ
    421 : 417 - 2012/04/25(水) 13:00:53.13 ID:??? (+30,+29,-40)
    >>418
    サンプルのoutroを参考にやってみましたが、>>420さんの言うとおり一瞬出ちゃいますね。
    1文字ずつ書き出していくようなプラグインなら他にもありますが、表示の綺麗さからこれを使えないかなと考えてます。
    422 : Name_Not - 2012/04/25(水) 13:07:57.67 ID:??? (+27,+29,-25)
    そうなるからもうちょい工夫が必要だよって意味で書いたんだけどね。
    考えてるようだから、あと少しがんばれー
    423 : Name_Not - 2012/04/25(水) 16:30:16.08 ID:??? (-27,-29,-16)
    >>421
    document.styleSheets を書き換えればいい
    424 : 417 - 2012/04/25(水) 20:44:44.92 ID:??? (-27,-30,-286)
    いろいろと誤解してました。

    CSS
    h2#title01 { opacity: 0; } //あらかじめtitle01は透明に

    HTML
    <h2 id="title01" >This is the example animating the opacity property</h2>
    <input type="submit" name="animate" id="btnTitle01In" value="Intro" />

    <script>
    $(document).ready(function() {
    $("#btnTitle01In").click(function() {

    $("#title01").lettering(); //title01をletteringで1文字ずつspanに切り出す
    $("#title01").find('span').css('opacity', 0); //切り出したspanをそれぞれ透明に
    $("#title01").css('opacity', 1); //全体にあたるtitle01を非透明に
    $("#title01").lettering().animateLetters({opacity:0},{opacity:1},{randomOrder:false,time:500,reset:false});
    //spanが1文字ずつ透明→非透明にアニメーションする

    });
    });
    </script>

    プラグインをよく理解せずに使ってましたが、ソース読む大切さを思い知りました。
    皆様アドバイスありがとうございました。
    425 : Name_Not - 2012/04/25(水) 21:10:54.69 ID:??? (+27,+29,-16)
    頑張って便利なプラグインを作ってみてよ
    426 : Name_Not - 2012/04/26(木) 00:37:33.88 ID:??? (-27,-30,-47)
    > $("#title01").lettering().animateLetters({

    ここの .lettering() はいらないんじゃね? これあっても(想定通りに)動いた?

    あと .end() をつかうとその4行は一つの連鎖にまとめることができる。
    が、まあ、それはもっとわかってからでもいいかも。分けとくほうがわかりやすいかもしれないし。
    427 : Name_Not - 2012/04/26(木) 03:16:23.68 ID:??? (+27,+29,-2)
    ライブラリ読んでないけど、動きそうな気はする
    428 : Name_Not - 2012/04/26(木) 03:18:41.73 ID:??? (+21,+29,-1)
    ああ、それはさておき、>>417おめでとう。
    432 : Name_Not - 2012/04/26(木) 10:11:11.00 ID:??? (-28,-26,-1)
    iしかないならeachですむ話だよな
    434 : Name_Not - 2012/04/26(木) 10:12:41.37 ID:??? (+27,+29,-12)
    実行時間が格段に違うわけじゃないだろうから、
    どっちでもいいんじゃね?
    436 : Name_Not - 2012/04/26(木) 13:40:44.64 ID:??? (+25,+29,-7)
    よかったら、書いてあるURLと内容を教えて
    どっちにマイナスが使えるかとか
    あとで必ず見に行くから
    437 : Name_Not - 2012/04/26(木) 14:35:09.91 ID:??? (-23,-29,-40)
    >>436
    http://api.jquery.com/eq-selector/

    マイナスが使えるのはメソッドの方。

    eqのセレクタはquerySelectorAll が理解できないので、他のセレクタと分けたほうがいいってこと。
    438 : Name_Not - 2012/04/26(木) 15:34:15.85 ID:??? (+24,+29,-12)
    >>437
    おお、いつもありがとう
    読んだ結果、今後eq()はメソッドの方を使うことにした
    マイナスを使ったことはなかったが便利そうだな
    441 : Name_Not - 2012/04/26(木) 16:57:47.71 ID:??? (+1,+13,+0)
    やってみます!
    442 : Name_Not - 2012/04/26(木) 17:12:56.24 ID:??? (+22,+29,-2)
    構造みたら納得しました!
    443 : Name_Not - 2012/04/26(木) 17:22:35.16 ID:??? (+18,+20,+1)
    .get() もあわせて覚えておこう。
    444 : Name_Not - 2012/04/26(木) 20:24:36.88 ID:??? (-27,-30,-72)
    <h1 id="id"></h1>
    <a href="">ここを取得したい</a>

    var n = $("#id").next();
    if (n.is('a') == true) {
    alert(n.text());
    }

    これをチェーンで繋げることってできますか? is()以外に自身のtagを取得できるメゾットなど・・
    445 : Name_Not - 2012/04/26(木) 20:36:27.89 ID:??? (+16,+23,+0)
    >>1を読んでやり直し
    449 : Name_Not - 2012/04/29(日) 08:21:32.54 ID:??? (+30,+30,-45)
    質問の意図や前提をくみ取れない糞質問
    が多い。それで回答者が逆質問をしたり
    悪口を言ったりする。それを前もって思
    い描く力が絶望的に欠如してるに違いない。
    スーパーハッカーだけが意図を理解できる。
    レアなそういう神が颯爽と登場する予感。
    450 : Name_Not - 2012/04/29(日) 09:32:21.15 ID:??? (-15,-3,-1)
    コピペとか
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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