私的良スレ書庫
不明な単語は2ch用語を / 要望・削除依頼は掲示板へ。不適切な画像報告もこちらへどうぞ。 / 管理情報はtwitterでログインするとレス評価できます。 登録ユーザには一部の画像が表示されますので、問題のある画像や記述を含むレスに「禁」ボタンを押してください。
元スレ+ JavaScript の質問用スレッド vol.107 +
JavaScript スレッド一覧へ / JavaScript とは? / 携帯版 / dat(gz)で取得 / トップメニューみんなの評価 :
レスフィルター : (試験中)
他のブラウザだとdocument.bodyなところを、IEだとdocument.documentElementが入ってたりします
当然=== document.bodyの判断が通りません
jqueryを使って、うまいこと抽象的に判断する方法はないでしょうか？
isRootNode的な
当然=== document.bodyの判断が通りません
jqueryを使って、うまいこと抽象的に判断する方法はないでしょうか？
isRootNode的な
$([document.body,document.documentElement]).index(target) > -1
これで出来ました＼(^o^)／
これで出来ました＼(^o^)／
>>101
フォーカス外せばいいんじゃね?
フォーカス外せばいいんじゃね?
ありがとうございます
副作用として外させるのではなく、それ自体を目的としたコードにしたいのですが
そういう方法はないということでしょうか
副作用として外させるのではなく、それ自体を目的としたコードにしたいのですが
そういう方法はないということでしょうか
副作用?
言っている意味がわからないけど、とりあえず.blur()を試してみて。
こういうのとは違う?
言っている意味がわからないけど、とりあえず.blur()を試してみて。
こういうのとは違う?
調べたところプログラミングにおける副作用は、別の意味でした
blurはフォーカスを外す機能で、
選択範囲がキャンセルされるのはそれに不随した結果ですよね。
不随した現象を目的として関数を呼ぶのはキレイではないので
選択範囲を外す機能自体を直接的に実行したい、ということです
textarea.selection.cancel()的な
blurはフォーカスを外す機能で、
選択範囲がキャンセルされるのはそれに不随した結果ですよね。
不随した現象を目的として関数を呼ぶのはキレイではないので
選択範囲を外す機能自体を直接的に実行したい、ということです
textarea.selection.cancel()的な
なるほど。
ちょっとググってみると、クロスブラウザの問題があるけど、存在するようだよ。
ただし、textareaだけじゃなくて、地の文の選択状態なども解除しちゃうが。
IE以外だと window.getSelection().removeAllRanges(); らしい。あとは自分で調べて。
ちょっとググってみると、クロスブラウザの問題があるけど、存在するようだよ。
ただし、textareaだけじゃなくて、地の文の選択状態なども解除しちゃうが。
IE以外だと window.getSelection().removeAllRanges(); らしい。あとは自分で調べて。
当該選択範囲が textarea の中にあるか調べてあるときだけ解除すればいいんでは。
>>109
document.writeでtextareaを書き直す
document.writeでtextareaを書き直す
ありがとうございました
調べてみたところgetSelectionは、IE以外だと地の文だけが対象になるようです
Window オブジェクトの getSelection() メソッドは、
選択されたテキストが <input> フォーム要素や <textarea> フォーム要素中の場合は、
選択されたテキストを返しません。
（JavaScript第六版）
そしてフォーム要素で選択範囲をなくすのは、
エレメントのselectionEnd属性をselectionStart属性と同じにするだけでした
textarea.selectionEnd = textarea.selectionStart;
こんな感じで
調べてみたところgetSelectionは、IE以外だと地の文だけが対象になるようです
Window オブジェクトの getSelection() メソッドは、
選択されたテキストが <input> フォーム要素や <textarea> フォーム要素中の場合は、
選択されたテキストを返しません。
（JavaScript第六版）
そしてフォーム要素で選択範囲をなくすのは、
エレメントのselectionEnd属性をselectionStart属性と同じにするだけでした
textarea.selectionEnd = textarea.selectionStart;
こんな感じで
フォーカスそのままで範囲選択だけをキャンセルしたかったので、
カーソルは残る方がいいです
カーソルは残る方がいいです
同じフェードアウトのコードでも
IEは他と比べてじわっ・・と消えます
タイマーの挙動が違うのかなぁ
気持ちいい数値を調整しているのに、ブラウザごとにタイミングが異なるのは困ります
こういう問題どう解決しますか
IEは他と比べてじわっ・・と消えます
タイマーの挙動が違うのかなぁ
気持ちいい数値を調整しているのに、ブラウザごとにタイミングが異なるのは困ります
こういう問題どう解決しますか
http://d.hatena.ne.jp/sandai/20100513/p1
少し前の記事ですが、ブラウザにより実際の最小の間隔はかなりばらつきがあるようです
間隔を20msにして回数を調整したらほぼ同じ感じになりました
少し前の記事ですが、ブラウザにより実際の最小の間隔はかなりばらつきがあるようです
間隔を20msにして回数を調整したらほぼ同じ感じになりました
animationを使えばCSSだけでもできるんですね
要素のopacityを一つずつ変えていくよりコストが低そうで良さそうです
ありがとうございました
要素のopacityを一つずつ変えていくよりコストが低そうで良さそうです
ありがとうございました
CSS3はGPUの支援を受けられるから同じような動きでも
setIntervalなんかでやるより滑らかに表現できることが多いからオススメ
実際にやってみると違うのがわかるよ
setIntervalなんかでやるより滑らかに表現できることが多いからオススメ
実際にやってみると違うのがわかるよ
指定したセレクタの指定した属性を参照する、ということがlessには出来ないっぽいですが
それができるlessみたいなプロダクトありますか？
hoge {
left: 100px;
}
fuga{
それができるlessみたいなプロダクトありますか？
hoge {
left: 100px;
}
fuga{
途中で書き込んでしまった
hoge {
left: 100px;
}
fuga{
left: {hoge.left}
}
こんなイメージです
hoge {
left: 100px;
}
fuga{
left: {hoge.left}
}
こんなイメージです
>>123
スレタイ読めないの？
スレタイ読めないの？
>>124
指定した箇所のリンク色だけ変更したいと思っています。
a:link
{
color: #15c;
}
.footer
{
width: 100%;
padding: 2px 0px 2px 0px;
background-color: #cbc9cc;
color: #2b2b2b;
font-size: 90%;
font-weight: bold;
}
現在はこのようになっていますが、これだとページ全体のリンク色が指定されてしまいます。
heading内だけリンク色を変更するにはどのようにすればよいのでしょうか？
指定した箇所のリンク色だけ変更したいと思っています。
a:link
{
color: #15c;
}
.footer
{
width: 100%;
padding: 2px 0px 2px 0px;
background-color: #cbc9cc;
color: #2b2b2b;
font-size: 90%;
font-weight: bold;
}
現在はこのようになっていますが、これだとページ全体のリンク色が指定されてしまいます。
heading内だけリンク色を変更するにはどのようにすればよいのでしょうか？
Math.pow(,)を使ってちょっと複雑な計算をしたいのですが、結果にNaNが出てしまいます。
やりたいことはこのような計算なのですがうまくいきません。
aaa = 10;
bbb = 12;
ans = 1 - Math.pow((aaa - 1 )/ aaa ,bbb) * 100;
ちゃんと数値として認識されて計算処理ができればうまくいきそうですが、やり方が分かりませんでした。
どのように記述すればうまく計算できるでしょうか？
やりたいことはこのような計算なのですがうまくいきません。
aaa = 10;
bbb = 12;
ans = 1 - Math.pow((aaa - 1 )/ aaa ,bbb) * 100;
ちゃんと数値として認識されて計算処理ができればうまくいきそうですが、やり方が分かりませんでした。
どのように記述すればうまく計算できるでしょうか？
>>126
何この気色悪い空白の使い方
何この気色悪い空白の使い方
NaNでだろ～ぉ、NaNでだろ～ぉ、
完全に文字列(数字以外の値)を入れるとNaNだね。
完全に文字列(数字以外の値)を入れるとNaNだね。
Cみたいな性的変数は使えますか？
var count=0;
function getcount(){
count++; return count;
}
みたいなコードを使ってるんですが、count変数を関数のなかにとじこめたいです
var count=0;
function getcount(){
count++; return count;
}
みたいなコードを使ってるんですが、count変数を関数のなかにとじこめたいです
>>126
どこかで 0 / 0 になってないか。
どこかで 0 / 0 になってないか。
>>131
//関数プロパティ（外部から書きかれられてしまう）
getCount.count = 0;
function getCount(){
return ++getCount.count;
}
//クロージャ
getcount = (function(){
var count = 0;
return function(){return ++count}
})();
for(var i=0; i<3; i++){
alert(getCount() + " : " + getcount());
}
//関数プロパティ（外部から書きかれられてしまう）
getCount.count = 0;
function getCount(){
return ++getCount.count;
}
//クロージャ
getcount = (function(){
var count = 0;
return function(){return ++count}
})();
for(var i=0; i<3; i++){
alert(getCount() + " : " + getcount());
}
その時点で必要でない要素はvisibilityをhiddenにしていたのですが
表示しないDOM要素が増えてくると、動作が遅くなってきました
ハンドラを付けてもおらず、表示してもいないDOM要素でも、
増えると速度低下を引き起こすのでしょうか？
DOMをキャッシュ的に使うのは得策ではなく、
適時DOM要素を作成したり除去したりするべきなのでしょうか？
表示しないDOM要素が増えてくると、動作が遅くなってきました
ハンドラを付けてもおらず、表示してもいないDOM要素でも、
増えると速度低下を引き起こすのでしょうか？
DOMをキャッシュ的に使うのは得策ではなく、
適時DOM要素を作成したり除去したりするべきなのでしょうか？
>>134
displayをnoneでいいじゃん
displayをnoneでいいじゃん
前もってDOM要素を作成しておいてすぐに表示できるようにしておくという意味でした
display:noneなら速度低下しませんか？
それでやってみます
ありがとうございました
display:noneなら速度低下しませんか？
それでやってみます
ありがとうございました
キャッシュ対策で？と時刻つけたりしても駄目っぽい
IE以外で確認したら何か分かったりするかな
ファイヤーフォックスでもインストールしてみるか
IE以外で確認したら何か分かったりするかな
ファイヤーフォックスでもインストールしてみるか
ページスクロールをスムーズにするjavascriptを入れてるんですが、
<form action="#shita">、<input type="submit" value="計算">を使って
ボタンを押すと同ページの下に行くようにしたいのですがどうすればいいでしょうか？
PHPを使って計算をして結果を下に表示したいと思ってます。
通常のページ移動はスムーズになるようになりましたが、ボタンを押した際の移動が
スムーズになりません。
<form action="#shita">、<input type="submit" value="計算">を使って
ボタンを押すと同ページの下に行くようにしたいのですがどうすればいいでしょうか？
PHPを使って計算をして結果を下に表示したいと思ってます。
通常のページ移動はスムーズになるようになりましたが、ボタンを押した際の移動が
スムーズになりません。
前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ
/ 要望・削除依頼は掲示板へ / 管理情報はtwitterで / 
JavaScript スレッド一覧へ類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.127 + (1001) - [97%] - 2016/2/4 0:15
- + JavaScript の質問用スレッド vol.106 + (1001) - [97%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.127 + (160) - [97%] - 2021/7/16 9:30
- + JavaScript の質問用スレッド vol.137 + (1003) - [97%] - 2019/3/26 11:46
- + JavaScript の質問用スレッド vol.108 + (1001) - [97%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.109 + (1001) - [97%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.104 + (1001) - [97%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.101 + (1001) - [97%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.100 + (1001) - [97%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2022/11/29 16:30
- + JavaScript の質問用スレッド vol.126 + (952) - [95%] - 2015/11/18 13:15
- + JavaScript の質問用スレッド vol.126 + (348) - [95%] - 2023/1/12 17:00
- + JavaScript の質問用スレッド vol.125 + (1001) - [95%] - 2015/10/7 17:45
トップメニューへ / →のくす牧場書庫について