>>845
JavaScriptゆかりならこっちだろう
http://d.hatena.ne.jp/replication/20110615/1308063792
http://efcl.info/2010/0304/res1584/

phpと組み合わせて

onclieck="func(a,b～n)"
と中の引数が１～複数に変わるイベントハンドラを作ったんですが
function func(???){
for(i=1; i<=引数の数)
array[1] =
}
とやる場合どーすればいいんでしょ？

ごめんなさい、書いてる途中にかきこみしてしまいました

phpと組み合わせて

onclieck="func(a,b～n)"
と中の引数が１～複数に変わるイベントハンドラを作ったんですが

function func(a1,b1～n1){
　　for(i=1; i<=引数の数; i++)
　　array[i] =第 i 引数(a1);
}
とやる場合どーすればいいんでしょ？

function hello(){
    alert(arguments) // [1,2,3,4,5,6]
}

hello(1,2,3,4,5,6);

PHP関係あるんかいな
オンクリークじゃ動かんで

php関係あるというか
phpでファイル読み込んで、そのファイルの数だけ引数作るという感じです
ファイル数が3個なら
func(a,b,c)
7個なら
func(a,b,c,d,e,f,g)
という具合に

絶対設計を見直すことをおすすめします

>>852

array[1] = a1;
array[2] = b1;
array[3] = c1;
…
array[n] = n1;

ってこと？

function func() {
var x = array[0];
array = [];
Array.prototype.push.apply(array, arguments);
array.unshift(x);
}

>>857
それは心の底から思うが、言われて直せるなら最初からこんな設計してないｗ

>>854
argumentsは配列とちゃうぞ

おっと、微妙に無駄なことしてたな。

function func() {
array = [array[0]];
Array.prototype.push.apply(array, arguments);
}

今ひらめいた

a,b,c,d,e～をさいっその事
a/b/c/d/e～って一つにしちゃって
それを/でスプリットすればいいんじゃね？
そーすりゃarray.lengthで数取り出してarray[1]で値も取り出せる

>>862
普通、PHPでJavaScriptのコード吐くなら、最初からJavaScriptで読めるデータ作る。
つまり

var arr = [ a1, b1 c1, ... n1 ];
↑この一行をPHPで吐くようにしてる。
わざわざ引数することも１つの文字列にすることもない。てかそんな発想普通出てこないｗ

>>861
Array.prototype.slice.call(arguments); 

C++等にあるような、インスタンスを作らずに「クラス名.変数名」のような感じでアクセスできる
クラスstatic変数を作りたいのですが、prototype内に変数を作って「クラス名.prototype.変数名」とする以外の手が今のところ見つかりません
これ以外に効果的な方法ってありますでしょうか？

C++はClassベースのオブジェクト指向言語で、JavaScriptはPrototypeベース。
全く別物

>>865
関数名.prototype.変数名がイヤなら、関数名.変数名でかまわんぞ。
関数はオブジェクトだ。

>>869
だから何が言いたいんだよ。
>>852-853では、どこかで定義されてる配列 array の
第一要素 array[0] を上書きしてないぞ。
そこにデータが入ってた場合に、お前さんのコードでどうなるか
分かってレスしてるんだよな？

どうせphpで渡すんなら()じゃなくって([])にすりゃ問題解決

<script>
var x = 0;
function testEvent(e){
console.log(e);
x++;
e.target.style.left += (x + "px");
setTimeout("testEvent('" + e + "')",100);
}

window.onload = function(){
var hoge = document.getElementById("hogehoge");
hoge.style.position = "absolute";
hoge.addEventListener("click", testEvent, false);
}
</script>
<div id="hogehoge">hogehoge</div>


hogehogeという文字をクリックすると、それが画面右にものすごい勢いで移動していくスクリプトを作りたかったのですが、うまくいきませんでした。
調べてみたところ、setTimeoutでtestEventを呼び出したときに、イベントオブジェクト(e)を渡すのに失敗していました。
e.target.style.left += (x + "px");の部分でe.targetがundefinedだと怒られました。

console.logの結果を見てみると、clickイベントで呼び出されたtestEventの引数にはちゃんとMouseEventが渡されていて
targetなどのプロパティを持っていることを確認できましたが
setTimeoutで呼び出された場合は [object MouseEvent] とだけ出力されており、その中身は何もないという状態です。

clickイベントによって渡されるイベントオブジェクトを使いまわすことはできないのでしょうか？

setTimeout(function(){
testEvent(e);
},100);
にしたらどうかな
ちなみにsetTimeoutには文字列を渡さないようにしよう
eval的な理由で

"testEvent('" + e + "')"
これに何が入るかちょっと考えたらわかるよね

setTimeout("testEvent('" + e + "')",100);
の部分はsettimeoutの内部でeval的な事をしているのですね
色々と理解できました。ありがとうございます。

スタイルをまとめて追加するのに、style要素を作ってそこにテキストを入れる方法ではだめなんですか？
スタイルを操作するインターフェイスが用意されているのには理由があるんですか？
insertRuleとかaddRuleとか難しくてよくわかりません

まあやってみろ
IE6がオヌヌメ

IEでおかしなことになるんですね
どうもありがとうございます

ユーザの入力値に変な値（制御文字）が紛れ込むのを防ぐために、
str = str.replace( /[\x00-\x1F]/g, "" );
とするのは有効でしょうか？
改行コードも含めて制御コードを丸ごと消したいです。

何に対して有効なのかが分からないとねえ
クライアントサイドで完結してるなら意味はあるけど
サーバーサイドで処理するためなら全くの無意味

>>880
ありがとうございました。
サーバサイドでも実施すれば大丈夫ですか？
PHPでできるかはまだ不明ですが。

想定しているのはユーザが変なデータを送ってくるパターンです。

>>881
サーバに送ってくるのが前提ならサーバサイドでやらないと無意味。
JavaScriptを介さずサーバに送信することができるから。

>>882
そんなことができるのですか！？
では、入力値のチェックは、クライアント側では完全に無意味なのですね。
サーバ側のチェック関数を強化するようにします。m(_ _)m

var node = document.getElementById("hoge");
var clone = node.cloneNode(true);
//cloneへの処理
node.parentNode.replaceChild(node, clone);

何箇所も書き換える場合はクローンノードを作ってそっちで書き換えてから
出来上がったものを一回で差し替えたほうがいいらしいのでやってみたのですが
処理自体が多いので結局差し替えるまでの間待たされてその間操作ができません
「//cloneへの処理」を見直す以外に何かいい方法とかありますか？
定番のやり方とかあれば教えてください

何やってんだ
使うのはDocumentFragmentだろ

しかしweb制作板って民度わりと高いんだな

このスレは良い人ばかりだよ
冗談も通じるし2chの良心

>>885
ページ上にもともとあるノード（実際にはその子孫ノード）に対して何箇所も書き加えるので
ベースとなる元のやつを複製したほうが楽だなと思ったのですがフラグメント内に自前で構築するのですか？
それともクローンノードをいったんフラグメントに入れておくんですか？
cloneNodeで複製されたものは元のドキュメントから切り離されるらしいのでフラグメントと同じようなものだと思ってました

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>...</li>
</ul>
たとえばこういうのの各li要素を加工したいので
ul要素ごとcloneNode(true)してから各li要素を加工して
最後にul要素を差し替えれば楽だと思ったのですが
documentFragmentをどう使うんでしょうか
複数の要素をまとめて挿入するときの入れ物としてしか使ったことがないです

Rangeを使えるなら
range.selectNodeContents(ul);
var df = range.extractContents();
dfの子になっているliを加工した後
ul.appendChild(df);

この場合cloneNodeは使うな
ulのイベントリスナーが消える

>>888
DocumentFlagmentはただのコンテナで合ってる。ドキュメントのノードを丸ごとcloneNodeして
DocumentFlagmentに入れて操作して、最後に入れ替える、でおｋ。

処理があまりに遅くて、ブラウザの反応が悪くなりすぎるのであれば
処理の途中でブラウザが処理するタイミングを作るという手がある。
小手先のごまかしだから、処理そのものの改善は前提だし、
ブラウザの処理中に別のイベントが発生した場合の対処とか、一気に複雑になるけど。

// 元処理
function func() {
/* 処理1 */
/* 処理2 */
/* 処理3 */
}

// 途中でブラウザに処理を渡すパターン
function func() {
setTimeout(f1, 0);
function f1(){ /* 処理1 */ setTimeout(f2, 0); }
function f2(){ /* 処理2 */ setTimeout(f3, 0); }
function f3(){ /* 処理3 */ }
}

>>890-891
レスどうもありがとうございます
なんか急に難しい感じに・・・
レス内容はまだ理解できていないのでよく熟読します

>>891
setTimeoutを使うと並行処理みたいなことが出来る的なことが
検索したら書いてありました
やってる意味がちょっと理解できました

どうでもいいがsetTimeoutの最低値は4な

>>893
その理解でいいんだけど非同期処理は処理が衝突する可能性があるから衝突してはいけない処理は独自にロックする機構が必要だよ

>>886
このスレはともかく、板全体で見たらヒドいてｗ

>>894
え、そこって普通わざわざ最低値に合わせて書くもんなの？
0のがメジャーじゃね？

0は絶対にメジャーじゃない
IE6かなんかで変なことになったから

setTimeoutに衝突の心配なんてあったっけ？
順番通り実行されるロジックがあれば大丈夫だろ

>>899
>>884を例にとると、#hode を操作する処理がもう一つあると衝突する
一方が処理中であることを表すフラグをどこかにたてておけば回避できる