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

私的良スレ書庫

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

元スレ+ JavaScript & jQuery 質問用スレッド vol.5 +

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
451 : Name_Not - 2016/04/02(土) 22:05:07.91 ID:???.net (+56,+29,-1)
普通は置き換わるけどね
452 : Name_Not - 2016/04/02(土) 22:07:09.72 ID:???.net (+19,-29,-5)
F12キーで見てる?
453 : Name_Not - 2016/04/02(土) 22:07:58.28 ID:???.net (+5,-29,-20)
>451
Win7のChrome,IE,FFどれも置き換わりませんでした。
454 : Name_Not - 2016/04/02(土) 22:08:52.32 ID:???.net (+77,+13,-6)
>452
F12でも見ているし、右クリックでソースを見るでも見ているのですが。
455 : Name_Not - 2016/04/02(土) 22:27:16.90 ID:???.net (+66,+28,-5)
>>454
要素の検証で見ないと
ソースじゃないよ
456 : Name_Not - 2016/04/02(土) 23:15:58.69 ID:???.net (+1,-27,-2)
>>450
ブラウザの仕様じゃないの?
457 : Name_Not - 2016/04/02(土) 23:40:17.90 ID:???.net (+91,+29,-20)
ちなみに検索エンジンは置き換わる前を認識しているの?
それとも最近は置き換わった後を認識するようになった?
458 : Name_Not - 2016/04/03(日) 01:57:17.46 ID:???.net (+104,+29,-26)
>>457
置き換わるという処理を認識して、
置き換わった後をある程度推測して
処理しているだけだろう。

つまり、置き換わる前や後ではなくてその両方。
459 : Name_Not - 2016/04/03(日) 09:08:13.25 ID:???.net (+15,-28,-4)
ブラウザのソース表示は参照ソースだから変わらない
460 : Name_Not - 2016/04/03(日) 09:27:10.38 ID:???.net (+71,+29,-3)
>>458
なるほど。
つまり、しょうもないセコイ事は考えない方がいいという事ですね。
461 : Name_Not - 2016/04/03(日) 10:53:03.92 ID:kHXwRpg1.net (+25,+28,-6)
>>459
参照ソースって何よ?
ググッても分からん
462 : Name_Not - 2016/04/03(日) 12:17:07.04 ID:???.net (+52,+29,-4)
プログラム板の方がよっぽど健全だな
463 : Name_Not - 2016/04/03(日) 16:42:56.80 ID:???.net (+40,-29,-50)
動的にDOMを変更しても、ソース表示とは連動していないのだろ

DOMを変更した後の、ソースを取得できないのか?
464 : Name_Not - 2016/04/03(日) 18:49:48.51 ID:???.net (+58,+21,-99)
>>463
DOMはソースに変換することはできない。

近い形に生成することは出来ても、
HTML → 解釈 → 足りないタグの補完や間違いの修正 → DOM

なのだからDOMをHTMLに変換しても、
それはソースとは違うものになる。
465 : Name_Not - 2016/04/04(月) 00:38:09.75 ID:???.net (+14,-19,-45)
>>463
例えば Firefoxの場合、ページを保存するときに
「HTML 完全」を選ぶと現在の DOMを反映するように保存される
( innerHTML の結果と同じような感じだろう)
466 : Name_Not - 2016/04/04(月) 19:27:28.16 ID:???.net (+38,-29,-10)
時々
<!--
//-->
みたいな記号がJavaScriptの中に入っているのを見るのですが何の為に入っているのですか?
467 : Name_Not - 2016/04/04(月) 19:41:33.89 ID:???.net (+37,-30,-189)
>>466
相当古い<script>タグ非対応ブラウザのため。
今は必要ない。

HTMLは知らないタグは無視するという仕様が昔からある。
<script>
alert(1)
</script>

の場合、知らない<script>と</script>タグを無視すると
(※無視するのはタグだけ、中身は無視しない)

alert(1)と表示されてしまう

そしてHTMLのコメントの書き方がこれ。<!-- コメント -->
コメントの中にJavaScriptコードを書くことでalert(1)は表示されない。

そして//というのはJavaScriptのコメント
これにより//-->がJavaScriptコードとして動かなくなる。

で、開始の<!-- はJavaScriptコードとして無視されるのは何でだ?
いつこの仕様ができたのか俺は知らない。
468 : Name_Not - 2016/04/04(月) 22:41:34.90 ID:???.net (+63,+30,+0)
469 : Name_Not - 2016/04/05(火) 11:09:08.52 ID:???.net (+63,+29,-2)
>>467
親切だなあ。いつもそうしてくれ
470 : Name_Not - 2016/04/05(火) 11:26:38.00 ID:???.net (+57,+29,-3)
当たり前だろ、ここは質問スレなんだから
471 : Name_Not - 2016/04/06(水) 21:03:52.78 ID:???.net (+9,-30,-89)
index.htmlの中にiframe.htmlを埋め込んでいて、
そのiframe.htmlの中にある
<input type="text" id="text_id" >
に現在表示されている文字列を、index.htmlに記述している
JavaScriptで取得したいのですが、
$('#text_id').val();
などは空でした。
どうすれば取れますか?
472 : Name_Not - 2016/04/06(水) 21:58:43.32 ID:???.net (+34,+6,-10)
javascriptは基本外部ファイルの読み込み出来ないから無理でしょ
473 : Name_Not - 2016/04/06(水) 22:53:42.04 ID:???.net (+8,-30,+0)
>>471
まずsame origin policyといってiframeの中を参照するには
同じドメインであるなどの制約がある。
この制約に引っかからないというのが前提。

メソッドチェーンで続けて書くならばこのように書くことが出来る。
$("iframe").contents().find("#text_id").val()

わけて書くのであればこうとか
var doc = $("iframe").contents()
$("#text_id", doc).val()

ただしiframeの中にアクセスするにはiframeが読み込み済みでなければならないので、
iframeの読み込みの完了をどうやって判断するか?って問題がある。
イベント(iframeのonloadとか?)でわかったかもしれないけど、
俺が昔にやったときは各ブラウザで微妙に動きに違いがあり少し苦労した。
古いブラウザを切り捨てたら今はそんなに難しくないかも。


ただウインドウをまたがってjQueryでデータを読み書きするのはあまりおすすめしない。
詳細は忘れたけど特定のメソッドが変な動きをしたりすることがある。
今のブラウザ+この程度なら大丈夫だと思うけど、
親ウインドウでjQueryを読み込む。子ウインドウでもjQueryを読み込む。
相互のやりとりはjQueryを使わず子windowに定義した関数経由で行う方が安全
(もちろん関数の中でjQueryを使うのはOK)
474 : Name_Not - 2016/04/07(木) 08:24:46.81 ID:???.net (+3,-29,-48)
>>473
詳しい解説ありがとうございました。
上手く行きました。
>相互のやりとりはjQueryを使わず子windowに定義した関数経由で行う方が安全
postMessageなどでしょうか?
475 : Name_Not - 2016/04/07(木) 17:21:19.69 ID:???.net (-1,-29,-25)
>>474
いや、普通のただの関数

function hoge() {} って書いたら
sub_window.hoge() って呼び出せるから。
476 : Name_Not - 2016/04/09(土) 11:56:50.88 ID:???.net (+63,+25,-62)
infinite scrollプラグインで無限スクロールさせようとしたら
読み込んだ後ページが先頭に戻り、下にスクロールさせるとまた読み込んで上に戻りでいつまで経っても下の部分にアクセスできないんですが。
477 : Name_Not - 2016/04/09(土) 13:08:59.91 ID:???.net (+43,-27,-40)
>>476
infinite scrollは無限スクロールって意味だから下にスクロールさせるとまた読み込んでいつまで経っても下の部分にアクセスできないものなんだが。
478 : Name_Not - 2016/04/09(土) 13:11:55.31 ID:???.net (+52,+29,-1)
というか、一体何がやりたいんだよ
479 : Name_Not - 2016/04/09(土) 13:24:16.03 ID:???.net (+63,+29,-10)
>>477
無限スクロールそのものはいいんですが、読み込み後にノックバックで勝手に少し画面が上に戻るんです
480 : Name_Not - 2016/04/09(土) 13:24:45.57 ID:???.net (+90,+29,-6)
PCだとぴったり止まってますが、スマホのブラウザだとノックバックします
481 : Name_Not - 2016/04/09(土) 15:24:51.81 ID:???.net (+67,+27,-2)
>>480
こっちのだと問題ないよ。
482 : Name_Not - 2016/04/09(土) 15:26:51.50 ID:???.net (+57,+29,-31)
ざっくりした質問にはざっくりした回答で返してあげましょう
483 : Name_Not - 2016/04/10(日) 16:10:59.61 ID:AcqG7vDG.net (+9,-30,-74)
例えばブラウザのリサイズ時の処理を下記のように別々に書いてあったとしたら、
まとめて書く場合と比べて負荷がかかったり、パフォーマンスが落ちることはあったりするのでしょうか?

$(function(){
$(window).resize(function(){
//処理A
});
$(window).resize(function(){
//処理B
});
});
484 : Name_Not - 2016/04/10(日) 17:05:00.62 ID:???.net (+37,+21,+0)
>>483
無い
485 : Name_Not - 2016/04/10(日) 17:50:34.31 ID:D+2v0dZ9.net (+20,+29,-4)
>>483
それぐらい聞く前に自分で試せばいいのにと思った
486 : Name_Not - 2016/04/10(日) 18:27:44.26 ID:???.net (+58,+29,-2)
>>483
処理に何を書くかにもよるだろ
487 : Name_Not - 2016/04/10(日) 21:21:55.95 ID:???.net (+4,-25,-1)
>>483
0.00000001秒ぐらいの差はあるよ。
489 : Name_Not - 2016/04/16(土) 12:12:42.32 ID:???.net (-11,-29,-6)
>>488
changeを使っていれば何回も実行するけど
func2()が原因じゃないの?
490 : Name_Not - 2016/04/16(土) 22:56:19.38 ID:???.net (-1,-29,-31)
clickからのfunc1内でselectかフィルタする
491 : Name_Not - 2016/04/17(日) 22:52:27.20 ID:???.net (+7,-30,-185)
他スレで回答得られなかったのでこちらでお願いします。

<div class="head">
<p>項目1</p>
<p>項目2</p>
</div>

<div class="box">
<p>AAAAA</p>
<p>BBBBB</p>
</div>

<div class="box">
<p>CCCCC</p>
<p>DDDDD</p>
</div>

・・・以降<div class="box">~</div>が続く


.box {
width: 100%;
height: 100px;
margin-bottom: 10px;
page-break-inside: avoid;
}

.boxのheightを変えても印刷時にきりのいい部分で
改ページしてくれますが、1ページ目だけでなく
2ページ目以降各ページ頭に
<div class="head">~</div>
を自動で出す(印刷する)にはどうしたらいいでしょうか?
492 : Name_Not - 2016/04/19(火) 00:22:10.67 ID:???.net (+35,-29,-10)
>>491
印刷用CSSに
.head{position:fixed;}
じゃダメなん?
493 : Name_Not - 2016/04/20(水) 22:56:06.93 ID:I9lIFQSG.net (+9,+30,-116)
質問です
最近よくある検索ボタンアイコンをhoverするとテキスト入力欄がニョキっと出てくる奴を
やりたいのですが、
マウスアウトの条件の指定がわかりません、。

マウス位置が検索エリアから外れた場合、但しテキスト入力欄に入力中の場合を除く

という条件にするにはどう書けばよいのでしょうか。
494 : Name_Not - 2016/04/20(水) 23:10:52.11 ID:???.net (-29,-29,-43)
見た目の話なんだからCSSだろう?
hoverした時なんだからCSSで指定できるだろう?
空かどうかは、value属性が空かどうかCSSでチェックすればいいだろう?

jQuery使わずにCSSだけでできそうだな。
495 : Name_Not - 2016/04/20(水) 23:19:30.84 ID:???.net (+67,+29,-55)
>>492
できました!
これだとHTMLソースに1箇所しか記述されてないのに
印刷だと各ページに出てくるのですね。
不思議というかCSSでできるなどとは思いつきませんでした。

別スレでは不可能との回答でしたので助かりました。
ありがとうございます。 
497 : 493 - 2016/04/21(木) 01:57:30.40 ID:???.net (-1,-29,-26)
よくわからないから
jQueryのhover()と.blur()で対応しちゃった。

CSSでのやり方も知りたいから教えてくれ
498 : Name_Not - 2016/04/21(木) 20:34:54.10 ID:???.net (-1,-29,-13)
>入力欄に文字が入っている場合は、マウスアウトしても、widthは100のままでいたいんです。

オレもCSSだけでこれができる方法知りたい。
499 : Name_Not - 2016/04/22(金) 00:52:50.40 ID:???.net (+0,-29,-16)
>>493
:focus 疑似クラスでいけるんじゃないか?
500 : Name_Not - 2016/04/22(金) 23:38:49.82 ID:???.net (+52,+29,-4)
じゃないか?じゃなくてさ・・・
←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
スレッド評価: スレッド評価について
みんなの評価 :
タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

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


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