私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.102 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
結構前から疑問に思ってたんだけど、facebookでアップされている写真をクリックするとアドレスバーに表示されているURLも変わるんだけどこれってどうやって実装しているか知ってる人います？
ページ自体をリロードしているような気はしないんだけど・・・
ページ自体をリロードしているような気はしないんだけど・・・
>>502
historyのpushstateとかとか
historyのpushstateとかとか
>>503
pushstateは履歴追加だと思ってたが、URL偽装もできる代物なのか？
pushstateは履歴追加だと思ってたが、URL偽装もできる代物なのか？
>>507
併用してできると思う根拠を示してほしいんだけどなあ(少なくとも俺はできるとは思えない)
自信ないならそういわないと質問者に余計な手間をかけさせることになるよ？
http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#the-history-interface
併用してできると思う根拠を示してほしいんだけどなあ(少なくとも俺はできるとは思えない)
自信ないならそういわないと質問者に余計な手間をかけさせることになるよ？
http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#the-history-interface
ん？
俺が質問を勘違いしている、のかな
githubでpjaxとか呼んでいるものとは違う？
俺が質問を勘違いしている、のかな
githubでpjaxとか呼んでいるものとは違う？
質問者がバカすぎて話が全然かみ合ってないなw
こんなのに答えてやらなくていいのに
こんなのに答えてやらなくていいのに
>>512
そうじゃなくて、たとえばgithubとか、ニコニコ動画とか
ページ遷移をしないのにURLが変わるやつの話だよね？
古いIEユーザだったら知らないかも知れないけど、変わるんです
で、それをやるにはlocationに触らないようにhistoryを変えるしかないじゃん
で、historyのpushStateとreplaceStateを使ってごにょごにょすると
それができるよって言いたかった
ちなみにpjaxはgithubで使われていたものを分離独立させたもので
ajaxで画面の一部を変更したときに、それに併せてURLも変えるのを
主眼において作られている
なので、ajaxが入る分、質問の本質からは外れると思う
「遷移なしでURL変更」については、pushStateとreplaceStateを弄ってみるのが、一番理解が早いと思います
そうじゃなくて、たとえばgithubとか、ニコニコ動画とか
ページ遷移をしないのにURLが変わるやつの話だよね？
古いIEユーザだったら知らないかも知れないけど、変わるんです
で、それをやるにはlocationに触らないようにhistoryを変えるしかないじゃん
で、historyのpushStateとreplaceStateを使ってごにょごにょすると
それができるよって言いたかった
ちなみにpjaxはgithubで使われていたものを分離独立させたもので
ajaxで画面の一部を変更したときに、それに併せてURLも変えるのを
主眼において作られている
なので、ajaxが入る分、質問の本質からは外れると思う
「遷移なしでURL変更」については、pushStateとreplaceStateを弄ってみるのが、一番理解が早いと思います
暇なんで、おっちゃんサンプル作ったった
http://hiro-key.sakura.ne.jp/pushstate/
http://hiro-key.sakura.ne.jp/pushstate/
HTMLからタグでない文字列を抜き出す方法を探しています
例えば下記のようなHTMLから文字列A,B,Cを抜き出したいときに
innerHTMLを用いた場合、divに使うと<b></b>まで入ってしまいます
何かいい方法はないでしょうか
<body>
文字列A
<div>
文字列B
<b>文字列C</b>
</div>
</dody>
例えば下記のようなHTMLから文字列A,B,Cを抜き出したいときに
innerHTMLを用いた場合、divに使うと<b></b>まで入ってしまいます
何かいい方法はないでしょうか
<body>
文字列A
<div>
文字列B
<b>文字列C</b>
</div>
</dody>
>>518
ノードを再帰的に辿って、nodeType==3だけ拾う。
ノードを再帰的に辿って、nodeType==3だけ拾う。
>>518
innerText、textContentを使う。
innerText、textContentを使う。
>>518
var e = document.getElementById('hoge');
var c = e.childNodes;
for (var i = 0; i < c.length; i++) {
if (c[i].nodeType != 1) continue;
document.write(c[i].innerHTML + "<br />");
}
var e = document.getElementById('hoge');
var c = e.childNodes;
for (var i = 0; i < c.length; i++) {
if (c[i].nodeType != 1) continue;
document.write(c[i].innerHTML + "<br />");
}
Ctrl+Fのページ内検索に入力された単語やそれにマッチした部分をJavaScriptで取得することはできますか？
>>530 それじゃ無理だ。自前の検索機能を実装するって話だろ。
>>524
書いてみた
function striptags(n){
var r = '';
var c = n.childNodes;
var l = c.length;
var i = 0;
var F = arguments.callee;
for(; i<l ; i++){
if(c[i].nodeType == 3) r += c[i].nodeValue;
else if(c[i].nodeType == 1) r += F(c[i]);
}
return r;
}
書いてみた
function striptags(n){
var r = '';
var c = n.childNodes;
var l = c.length;
var i = 0;
var F = arguments.callee;
for(; i<l ; i++){
if(c[i].nodeType == 3) r += c[i].nodeValue;
else if(c[i].nodeType == 1) r += F(c[i]);
}
return r;
}
>>534
動作は問題ないかもしれないけど、部下がそんなコード書いたら張り倒すｗ
動作は問題ないかもしれないけど、部下がそんなコード書いたら張り倒すｗ
var childrenTexts = function(element) {
var texts = [];
for (var i = 0, len = element.childNodes.length; i < len; i++) {
var node = element.childNodes[i];
if (node.nodeType === 3) {
texts.push(node.nodeValue);
}
}
return texts;
}
var texts = [];
for (var i = 0, len = element.childNodes.length; i < len; i++) {
var node = element.childNodes[i];
if (node.nodeType === 3) {
texts.push(node.nodeValue);
}
}
return texts;
}
>>534
文字列連結は重いので配列に入れて最後にjoin
文字列連結は重いので配列に入れて最後にjoin
>>541
joinが圧倒的に早く見えるんだが
joinが圧倒的に早く見えるんだが
<script>
jQuery( '.jquery'.....
prev: '#prev',
next: '#next',
after: function() {$('#cap').html(this.alt);}
</script>
<div class=jquery>
<div><img src=.... alt-"aa"/ ></div>
<div><img src=.... alt-"bb"/ ></div>
</div>
<span id="prev"><a href="#">prev</a></span>
<span id="next"><a href="#">next</a></span>
<p id=cap></p>
指定したクラスjqueryの子である<div>内のaltを指定する方法を教えてください。
どうしてもimgをdivで囲まないと行けないのです。
divで囲む前に書いていた$('#cap').html(this.alt)では、
書き込むcapの場所は認識していてもaltを認識してくれません。
どうかお助けを。。。
jQuery( '.jquery'.....
prev: '#prev',
next: '#next',
after: function() {$('#cap').html(this.alt);}
</script>
<div class=jquery>
<div><img src=.... alt-"aa"/ ></div>
<div><img src=.... alt-"bb"/ ></div>
</div>
<span id="prev"><a href="#">prev</a></span>
<span id="next"><a href="#">next</a></span>
<p id=cap></p>
指定したクラスjqueryの子である<div>内のaltを指定する方法を教えてください。
どうしてもimgをdivで囲まないと行けないのです。
divで囲む前に書いていた$('#cap').html(this.alt)では、
書き込むcapの場所は認識していてもaltを認識してくれません。
どうかお助けを。。。
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.132 + (1001) - [97%] - 2018/4/19 11:00
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.122 + (1004) - [97%] - 2015/2/14 4:45
- + JavaScript の質問用スレッド vol.122 + (116) - [97%] - 2018/5/2 18:30
- + JavaScript の質問用スレッド vol.142 + (984) - [97%] - 2020/8/27 19:15
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.108 + (1001) - [97%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.109 + (1001) - [97%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.106 + (1001) - [97%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.104 + (1001) - [97%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.142 + (926) - [97%] - 2019/12/23 13:15
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.101 + (1001) - [97%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.100 + (1001) - [97%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.125 + (1001) - [95%] - 2015/10/7 17:45
トップメニューへ / →のくす牧場書庫について