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

みんなの評価 :
レスフィルター : (試験中)
<a href="#">Link1</a>
HogeHoge
<a href="#">Link2</a>
というHTMLがある場合に、「HogeHoge」のみを取得する方法ってありますか?
取得対象がある場合は、spanとかで囲んでしまうべきなんでしょうか。
HogeHoge
<a href="#">Link2</a>
というHTMLがある場合に、「HogeHoge」のみを取得する方法ってありますか?
取得対象がある場合は、spanとかで囲んでしまうべきなんでしょうか。
了解です。やっぱそうですよね。
HTML変更して文字列囲むことにします。
HTML変更して文字列囲むことにします。
スクロールを固定したメニューコンテナに
ページ内用のハッシュリンクを置いているのですが、
ページの位置をリンクに反映させる手法が既にあったら教えてください。
たとえば、話題2を2/3ほど読んでいるときに、
話題2のリンクが2/3の明るさ、話題3のリンクが1/3の明るさになるなどの
効果を探しているのですが、なかなか見つかりません。
よろしくお願いします。
ページ内用のハッシュリンクを置いているのですが、
ページの位置をリンクに反映させる手法が既にあったら教えてください。
たとえば、話題2を2/3ほど読んでいるときに、
話題2のリンクが2/3の明るさ、話題3のリンクが1/3の明るさになるなどの
効果を探しているのですが、なかなか見つかりません。
よろしくお願いします。
失礼しました、ソースは大体こんな感じです。
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; }
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; }
横から失礼するがjsfiddleか何かに
ソース全体を動く状態で公開したら
何をしたいか理解しやすいし
みんなが回答してくれるんじゃないか?
ソース全体を動く状態で公開したら
何をしたいか理解しやすいし
みんなが回答してくれるんじゃないか?
見てきた
何をしたいかはっきり分かるじゃないか
そんなマニアックな既製品はないだろう
ホイールでのスクロールでも色を変えるなら
・右側のスクロール位置を取得
・スクロール位置をもとにリンクの色を計算
これらも必要だろう
何をしたいかはっきり分かるじゃないか
そんなマニアックな既製品はないだろう
ホイールでのスクロールでも色を変えるなら
・右側のスクロール位置を取得
・スクロール位置をもとにリンクの色を計算
これらも必要だろう
どれが選択されてるかはっきり分かれば十分だよな
明るさを変える必要などない
明るさを変える必要などない
414さんが言っている機能を持つプラグインを見つけたのでとりあえずこれを
使うことにします。ありがとうございました。
http://trevordavis.net/blog/jquery-one-page-navigation-plugin/
使うことにします。ありがとうございました。
http://trevordavis.net/blog/jquery-one-page-navigation-plugin/
>>417
こういう場合は、ソースを追っかけてみるといいぜ。そんなに長くないし。
.lettering() - 文字列をspanで区切ってる
.animateLetters() - そのspanにアニメーションさせてる
だから $("#title01").find('span').css('opacity', 0); のようにしておいてから
$("#title01").animateLetters() すればいい。
こういう場合は、ソースを追っかけてみるといいぜ。そんなに長くないし。
.lettering() - 文字列をspanで区切ってる
.animateLetters() - そのspanにアニメーションさせてる
だから $("#title01").find('span').css('opacity', 0); のようにしておいてから
$("#title01").animateLetters() すればいい。
最初に .lettering() させるのが抜けてた。まあ、わかるよね。
そうなるからもうちょい工夫が必要だよって意味で書いたんだけどね。
考えてるようだから、あと少しがんばれー
考えてるようだから、あと少しがんばれー
>>421
document.styleSheets を書き換えればいい
document.styleSheets を書き換えればいい
いろいろと誤解してました。
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>
プラグインをよく理解せずに使ってましたが、ソース読む大切さを思い知りました。
皆様アドバイスありがとうございました。
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>
プラグインをよく理解せずに使ってましたが、ソース読む大切さを思い知りました。
皆様アドバイスありがとうございました。
> $("#title01").lettering().animateLetters({
ここの .lettering() はいらないんじゃね? これあっても(想定通りに)動いた?
あと .end() をつかうとその4行は一つの連鎖にまとめることができる。
が、まあ、それはもっとわかってからでもいいかも。分けとくほうがわかりやすいかもしれないし。
ここの .lettering() はいらないんじゃね? これあっても(想定通りに)動いた?
あと .end() をつかうとその4行は一つの連鎖にまとめることができる。
が、まあ、それはもっとわかってからでもいいかも。分けとくほうがわかりやすいかもしれないし。
ああ、それはさておき、>>417おめでとう。
よかったら、書いてあるURLと内容を教えて
どっちにマイナスが使えるかとか
あとで必ず見に行くから
どっちにマイナスが使えるかとか
あとで必ず見に行くから
>>436
http://api.jquery.com/eq-selector/
マイナスが使えるのはメソッドの方。
eqのセレクタはquerySelectorAll が理解できないので、他のセレクタと分けたほうがいいってこと。
http://api.jquery.com/eq-selector/
マイナスが使えるのはメソッドの方。
eqのセレクタはquerySelectorAll が理解できないので、他のセレクタと分けたほうがいいってこと。
<h1 id="id"></h1>
<a href="">ここを取得したい</a>
var n = $("#id").next();
if (n.is('a') == true) {
alert(n.text());
}
これをチェーンで繋げることってできますか? is()以外に自身のtagを取得できるメゾットなど・・
<a href="">ここを取得したい</a>
var n = $("#id").next();
if (n.is('a') == true) {
alert(n.text());
}
これをチェーンで繋げることってできますか? is()以外に自身のtagを取得できるメゾットなど・・
>>1を読んでやり直し
質問の意図や前提をくみ取れない糞質問
が多い。それで回答者が逆質問をしたり
悪口を言ったりする。それを前もって思
い描く力が絶望的に欠如してるに違いない。
スーパーハッカーだけが意図を理解できる。
レアなそういう神が颯爽と登場する予感。
が多い。それで回答者が逆質問をしたり
悪口を言ったりする。それを前もって思
い描く力が絶望的に欠如してるに違いない。
スーパーハッカーだけが意図を理解できる。
レアなそういう神が颯爽と登場する予感。



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