元スレ+ JavaScript の質問用スレッド vol.113 +
JavaScript覧 / PC版 /みんなの評価 :
604 = :
>>585
Web Animations APIね、ちょっと調べてみるサンクス
>>594
やっぱダメか、WebKit以外のRuleの取得・挿入・削除は自己解決してできたんだが要素に属性追加してもWebKit以外は-moz-animationにならずanimationNameで追加されちゃうから動かないんだよな・・・
でも今のこの静的な仕様意味わからんよね、Animationだぜ?動的になるに決まってるじゃん
もうCanvas使うしかないかな、でもCanvasも糞なんだよな、コンテキストが要素で1つしか持てないのはいいけど他の静的言語のようにBitmapがないんだよな
だからダブルバッファリングしようと思うとイメージの数だけCanvas作ってdocumentに追加しないといけないし、しかもコンテキストではイメージの操作ができなくて他のCanvasへの入出力しかないときた
610 = :
604だけど動いたー、自己解決しますたどうもー
615 = :
>>610
>>594とか、同じ問題に直面した人の為に解決方法を残してくれると嬉しい
619 = :
>>590まずformを取っ払ったほうがいいと思う
621 :
>>616
> window = global;
異なる実装間のグローバルオブジェクトの名称差異に対応する為にグローバル名前空間の汚染範囲を広げるのは美しくないと思う。
それと俺が気にしているのは「ESの範囲で実装すればESを実装している環境では必ず動作する」って事。
JavaScriptを実装する事はESを実装する事と同義だから、ESの範囲内でグローバルオブジェクトを取得すれば全ての実装で期待通りに動作することが保証できる。
window のようなDOM依存の書き方をするなら、あなたが提案しているような小技を使わなくちゃならない。
それは非効率的だし、エレガントじゃない、と俺は思う。
ちなみに、global をグローバル変数に置くなら>>618がESの範囲内での書き方になるね。
ただ、グローバル変数をどこからでも呼び出せる仕組みは美しくない(読みづらい)と思っているので、>>611の書き方にしてる。
622 = :
>>619
formを消して試しにvar number = 51;と入力してみると分岐の結果が表示されました!
しかしフォームで入力した数値で判定する方法をいろいろ試しても上手くいかずいまだにわかりません
>>620
フォームの<input name="number" type="text" value="" />
ここのnameでnumberと名前を与えているので入力したものがnumberになると思っていました
623 :
>>622
その認識が間違っているとわかったっしょ?
何をするにも、まず要素にアクセスして
その要素の内容や属性値、プロパティをゴニョゴニョするってのがJSの基本なんで
まずDOMアクセスを勉強してみてはいかがか?
624 = :
>>623
はい間違っていました。そこで最初から考え直して
下のように書いたらテキストボックスに入力した値を渡してalertで表示させることはできました
var textbox = 0;
function sendbutton () {
var display = document.formjs.textbox.value;
alert("あなたが入力したのは" + display + "です。");
}
<form name="formjs">
<input type="text" name="textbox" value=""><br />
<input type="button" value="送信ボタン" onclick="sendbutton()">
</form>
そこで入力されたタイミングで条件式を書いて表示させればいいのではと思い
条件式を書いてdocument.writeで表示しました
しかし画面が切り替わってしまったので悩んだ挙げ句innerHTMLを使い
すぐ下にidを与えた要素を置いて最終的に思ったとおりに仕上がりました
思い通りに動いてくれてとても興奮しているのですが1つ疑問があります
document.writeは通常使う場面はないのでしょうか?
625 = :
forとかの中で
626 = :
>>624
document.writeは画面出力が終わった後に使用すると画面を初期化し直します。
http://developer.mozilla.org/ja/docs/Web/API/document.write
> document.writeは通常使う場面はないのでしょうか?
画面出力中であれば再描画は発生しませんが、XHTMLで使えなかったり、HTMLエンティティ化が必要だったりと使いにくいがゆえに非推奨とされることが多いメソッドです。
一般的な用途ではまずお目にかかることはありません。
innerHTMLも同じ理由で敬遠されますが、document.writeよりはまだマシです。
627 = :
good partsにnewを使うな(非推奨)と書いてありますが
new Dateをnewなしでやる方法ってあるのですか?
629 = :
それは柔軟にオブジェクトを作れるJSの強みを活かして
functionとnewでクラスを模造するよりもcreateとかstaticなメソッドで
インスタンスを作る方がJSらしいよってことじゃないの?
予め用意されてるコンストラクタではnewが必須なものとかもあるし
ES6で導入されるcreateシンボルの継承メカニズムはnew演算子でないと働かないから
newが要らないってわけじゃない
ただやっぱりclassシンタックスのまだないJSでは
自作APIにnewは殆ど要らないような設計のほうがスマートになると自分は感じてる
630 = :
>>520
> 配列のシャッフルって良い方法ない?
http://lodash.com/docs#shuffle
_.shuffle([1, 2, 3, 4, 5, 6]);
// → [4, 1, 6, 3, 5, 2]
631 = :
エレメントIDを取得する以下のような関数を作りました
しかしなぜかcloneNodeが無視?されるんですけどなぜなんでしょう?
getId: function (aId, clone) {
clone = clone || false;
var id = document.getElementById(aId).cloneNode(clone);
return id;
},
633 = :
クラスのないJSでスマートも糞もないだろw
634 = :
jqueryのフェードアウトの途中で、フェードアウトをリセットし、
再び新しくフェードアウトするにはどうしたらいいでしょうか
635 = :
>>625-626
ありがとうございました
638 = :
>>637
宿題か。
試行回数を分母に、出目を分子にすればいいだけ。
640 = :
質問になっていない質問はおやめください
641 = :
まずはevalにどういう文字列がわたっているかしらべてみたら?
そしてそれを整形して…まあ、がんばれ。
646 = :
{key:value}
型のオブジェクト記述で
キー名を変数に入れて指定したい時はどうしたらいいでしょう
647 = :
jqueryにおいて
fadeOutはstopでキャンセルできますが
delayはキャンセルできないようです
$hoge.delay(3000).fadeOut(1000)
にたいしてdelay時間内にstopをかけても、望んだとおりには動作しません
どうしたらいいですか
648 = :
>>646
var obj = {}, key = 'objKey', value;
obj[key] = value;
649 = :
>>648
やはり、こういう形しかないですか
ありがとうございました
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [100%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [97%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.114 + (1001) - [97%] - 2014/5/3 10:45
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.133 + (1001) - [97%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.103 + (1001) - [97%] - 2012/11/9 15:30
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
- + JavaScript の質問用スレッド vol.143 + (753) - [97%] - 2020/4/19 5:00
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
トップメニューへ / →のくす牧場書庫について