私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript & jQuery 質問用スレッド vol.5 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
>451
Win7のChrome,IE,FFどれも置き換わりませんでした。
Win7のChrome,IE,FFどれも置き換わりませんでした。
>452
F12でも見ているし、右クリックでソースを見るでも見ているのですが。
F12でも見ているし、右クリックでソースを見るでも見ているのですが。
>>450
ブラウザの仕様じゃないの?
ブラウザの仕様じゃないの?
ちなみに検索エンジンは置き換わる前を認識しているの?
それとも最近は置き換わった後を認識するようになった?
それとも最近は置き換わった後を認識するようになった?
動的にDOMを変更しても、ソース表示とは連動していないのだろ
DOMを変更した後の、ソースを取得できないのか?
DOMを変更した後の、ソースを取得できないのか?
>>463
DOMはソースに変換することはできない。
近い形に生成することは出来ても、
HTML → 解釈 → 足りないタグの補完や間違いの修正 → DOM
なのだからDOMをHTMLに変換しても、
それはソースとは違うものになる。
DOMはソースに変換することはできない。
近い形に生成することは出来ても、
HTML → 解釈 → 足りないタグの補完や間違いの修正 → DOM
なのだからDOMをHTMLに変換しても、
それはソースとは違うものになる。
時々
<!--
//-->
みたいな記号がJavaScriptの中に入っているのを見るのですが何の為に入っているのですか?
<!--
//-->
みたいな記号がJavaScriptの中に入っているのを見るのですが何の為に入っているのですか?
>>466
相当古い<script>タグ非対応ブラウザのため。
今は必要ない。
HTMLは知らないタグは無視するという仕様が昔からある。
<script>
alert(1)
</script>
の場合、知らない<script>と</script>タグを無視すると
(※無視するのはタグだけ、中身は無視しない)
alert(1)と表示されてしまう
そしてHTMLのコメントの書き方がこれ。<!-- コメント -->
コメントの中にJavaScriptコードを書くことでalert(1)は表示されない。
そして//というのはJavaScriptのコメント
これにより//-->がJavaScriptコードとして動かなくなる。
で、開始の<!-- はJavaScriptコードとして無視されるのは何でだ?
いつこの仕様ができたのか俺は知らない。
相当古い<script>タグ非対応ブラウザのため。
今は必要ない。
HTMLは知らないタグは無視するという仕様が昔からある。
<script>
alert(1)
</script>
の場合、知らない<script>と</script>タグを無視すると
(※無視するのはタグだけ、中身は無視しない)
alert(1)と表示されてしまう
そしてHTMLのコメントの書き方がこれ。<!-- コメント -->
コメントの中にJavaScriptコードを書くことでalert(1)は表示されない。
そして//というのはJavaScriptのコメント
これにより//-->がJavaScriptコードとして動かなくなる。
で、開始の<!-- はJavaScriptコードとして無視されるのは何でだ?
いつこの仕様ができたのか俺は知らない。
>>467
親切だなあ。いつもそうしてくれ
親切だなあ。いつもそうしてくれ
index.htmlの中にiframe.htmlを埋め込んでいて、
そのiframe.htmlの中にある
<input type="text" id="text_id" >
に現在表示されている文字列を、index.htmlに記述している
JavaScriptで取得したいのですが、
$('#text_id').val();
などは空でした。
どうすれば取れますか?
そのiframe.htmlの中にある
<input type="text" id="text_id" >
に現在表示されている文字列を、index.htmlに記述している
JavaScriptで取得したいのですが、
$('#text_id').val();
などは空でした。
どうすれば取れますか?
javascriptは基本外部ファイルの読み込み出来ないから無理でしょ
>>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)
まず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)
infinite scrollプラグインで無限スクロールさせようとしたら
読み込んだ後ページが先頭に戻り、下にスクロールさせるとまた読み込んで上に戻りでいつまで経っても下の部分にアクセスできないんですが。
読み込んだ後ページが先頭に戻り、下にスクロールさせるとまた読み込んで上に戻りでいつまで経っても下の部分にアクセスできないんですが。
>>476
infinite scrollは無限スクロールって意味だから下にスクロールさせるとまた読み込んでいつまで経っても下の部分にアクセスできないものなんだが。
infinite scrollは無限スクロールって意味だから下にスクロールさせるとまた読み込んでいつまで経っても下の部分にアクセスできないものなんだが。
>>477
無限スクロールそのものはいいんですが、読み込み後にノックバックで勝手に少し画面が上に戻るんです
無限スクロールそのものはいいんですが、読み込み後にノックバックで勝手に少し画面が上に戻るんです
PCだとぴったり止まってますが、スマホのブラウザだとノックバックします
>>480
こっちのだと問題ないよ。
こっちのだと問題ないよ。
例えばブラウザのリサイズ時の処理を下記のように別々に書いてあったとしたら、
まとめて書く場合と比べて負荷がかかったり、パフォーマンスが落ちることはあったりするのでしょうか?
$(function(){
$(window).resize(function(){
//処理A
});
$(window).resize(function(){
//処理B
});
});
まとめて書く場合と比べて負荷がかかったり、パフォーマンスが落ちることはあったりするのでしょうか?
$(function(){
$(window).resize(function(){
//処理A
});
$(window).resize(function(){
//処理B
});
});
>>483
無い
無い
>>483
それぐらい聞く前に自分で試せばいいのにと思った
それぐらい聞く前に自分で試せばいいのにと思った
>>483
処理に何を書くかにもよるだろ
処理に何を書くかにもよるだろ
>>483
0.00000001秒ぐらいの差はあるよ。
0.00000001秒ぐらいの差はあるよ。
他スレで回答得られなかったのでこちらでお願いします。
<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>
を自動で出す(印刷する)にはどうしたらいいでしょうか?
<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>
を自動で出す(印刷する)にはどうしたらいいでしょうか?
質問です
最近よくある検索ボタンアイコンをhoverするとテキスト入力欄がニョキっと出てくる奴を
やりたいのですが、
マウスアウトの条件の指定がわかりません、。
マウス位置が検索エリアから外れた場合、但しテキスト入力欄に入力中の場合を除く
という条件にするにはどう書けばよいのでしょうか。
最近よくある検索ボタンアイコンをhoverするとテキスト入力欄がニョキっと出てくる奴を
やりたいのですが、
マウスアウトの条件の指定がわかりません、。
マウス位置が検索エリアから外れた場合、但しテキスト入力欄に入力中の場合を除く
という条件にするにはどう書けばよいのでしょうか。
見た目の話なんだからCSSだろう?
hoverした時なんだからCSSで指定できるだろう?
空かどうかは、value属性が空かどうかCSSでチェックすればいいだろう?
jQuery使わずにCSSだけでできそうだな。
hoverした時なんだからCSSで指定できるだろう?
空かどうかは、value属性が空かどうかCSSでチェックすればいいだろう?
jQuery使わずにCSSだけでできそうだな。
>>492
できました!
これだとHTMLソースに1箇所しか記述されてないのに
印刷だと各ページに出てくるのですね。
不思議というかCSSでできるなどとは思いつきませんでした。
別スレでは不可能との回答でしたので助かりました。
ありがとうございます。
できました!
これだとHTMLソースに1箇所しか記述されてないのに
印刷だと各ページに出てくるのですね。
不思議というかCSSでできるなどとは思いつきませんでした。
別スレでは不可能との回答でしたので助かりました。
ありがとうございます。
よくわからないから
jQueryのhover()と.blur()で対応しちゃった。
CSSでのやり方も知りたいから教えてくれ
jQueryのhover()と.blur()で対応しちゃった。
CSSでのやり方も知りたいから教えてくれ
>入力欄に文字が入っている場合は、マウスアウトしても、widthは100のままでいたいんです。
オレもCSSだけでこれができる方法知りたい。
オレもCSSだけでこれができる方法知りたい。
>>493
:focus 疑似クラスでいけるんじゃないか?
:focus 疑似クラスでいけるんじゃないか?
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript スレッド一覧へ
みんなの評価 : 類似してるかもしれないスレッド
- + JavaScript & jQuery 質問用スレッド vol.8 + (1001) - [98%] - 2019/2/9 14:00
- + JavaScript & jQuery 質問用スレッド vol.7 + (701) - [98%] - 2022/12/19 17:15
- + JavaScript & jQuery 質問用スレッド vol.7 + (993) - [98%] - 2017/11/10 8:15
- + JavaScript & jQuery 質問用スレッド vol.6 + (980) - [98%] - 2016/11/20 14:31
- + JavaScript の質問用スレッド vol.95 + (1001) - [72%] - 2012/1/17 4:16
- + JavaScript の質問用スレッド vol.75 + (1001) - [72%] - 2010/1/23 1:07 ○
- + JavaScript の質問用スレッド vol.85 + (1001) - [72%] - 2011/4/25 21:32
- + JavaScript の質問用スレッド vol.135 + (1002) - [70%] - 2018/11/23 10:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [70%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.125 + (1001) - [70%] - 2015/10/7 17:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [70%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.93 + (1001) - [70%] - 2011/12/10 18:31
トップメニューへ / →のくす牧場書庫について