JavaScriptでテーブルのソートを実行した結果でフォーム送信

Question

ttp://neil.fraser.name/software/tablesort/ こちらを参考にして JavaScriptでテーブルの並び替えをしてみたんですが並び替え自体は出来たんですが FormのPOST送信がうまくできません IE6では正常なんですが FireFoxではパラメータを取得することができませんソース例＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝・・・・

	名前	メールアドレス
	太郎	taro@sample.com
	次郎	jiro@sample.com
	三郎	saburo@sample.com

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ tablesort.jsを改良したり HTMLを工夫することによってどのブラウザでも正常に動作するようにするにはならないでしょうか？

steel_gray · Accepted Answer

#4,#6です。
前回書いたように、Firefoxでソートのスクリプトを組み込み、実行しても値が送信される事は確認済みです。(間違ったhtmlの状態でソートを実行すると送信されない現象も確認してます)

あと思いつくのは他のJavascriptの競合/干渉、
まだ他にHTML的におかしな部分がある、とかです。

他のJavascriptを利用しているかわかりませんが、
とりあえず、htmlの妥当性でもチェックしてみては？
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html

STICKY2006 · Answer

こんちくは。

>>質問に書いたソース例は例なので

まぁ、その気があるなら、例でもなんでも、もんのすんごく簡単なソース書いて試してみればいいんすよ。

テーブル２行、フォームでかこって、テーブルソート機能くっつけて。。。
それで試す。

まずは、「どこに原因があるかの『切り分け作業』」が肝心かと思います。

自分だったら、「まずは、テーブルソートのJavaScriptファイル外した状態で正常に動くんですか？？」って書いたので、

JavaScriptファイルを外した状態、外さなかった状態で試して、違いが出るなら、JavaScriptファイルをまず疑いますが。


>>FireFoxでは正常に動作してくれないのです
>>（並び替えを１度もしなければ正常です）

これを素直に受け取っていいのならば、そのJavaScriptファイルでしょ。。。という感じではありますが。。。

ソートの際に使われてるJavaScript内の関数で、FireFoxに対応してないもの等あったりはしないもんですかね？
結構、ブラウザによってJavaScriptの対応も違いますからねぇ。。。（汗



ソートしなきゃ思い通りに動く。
なら、ソートした際に通るソース部分をまず疑うべきかと個人的には思いました。

steel_gray · Answer

#4です。修正して試したとの事ですが、SUBMITの位置は？ ←(2)フォームの外にsubmitボタンを置いているのだとしたらフォームの内容は送信されない。 (1)のようにしてソート後、値がブラウザから送信される事は確認しました

taloo · Answer

> FireFoxではパラメータを取得することができませんパラメータを取得するのは、どこが取得するのですか？サーバーのこういうHTMLを ?id=user123&t1=value1&t1=value2 ?t1=value2&t1=value1&id=user123 の最初から並べても、後ろから並べても、どちらでもかまいません。並べ替えが必要な場合は、サーバー側で適切な処理を施す必要があります。 > ANo.2～4 文法上はどうあれ、やとの位置関係をどの様に書いても実装上は、の中にが入っていれば、そのvalueは送信されます。（HTMLの文法でも、の中に入っているを送信する、となっていて、

との位置関係までは言及されていません）＞punipunipunikoさんへ実装上は問題がなくても、デファクトスタンダード（広く使われているブラウザに合わせる）ではなく、デジューレスタンダード（（この場合は）W3Cが定義したHTML）に合わせるほうが良いと思います。デファクトスタンダードは、IE以外は、その規格、仕様が出されていないことが多く、バグなのか正常な動作なのかがわかりにくいことがあります。

steel_gray · Answer

文法的にtbody直下にはtrしか置けない事になっています。
また開始タグと終了タグは正しく入れ子構造にする必要があります。
なので、tableの前にformを置くのが妥当になります。

javascriptの中身は見てませんが
たまたまソートしていない時に問題がなくても
スクリプトで操作した結果、予期しない動作になってもしかたがありません。
まずはform,/formの位置を直して試してみては。

arexis · Answer

あれ？
送れますねｗ

#2は無視で^^;

arexis · Answer

</THEAD>
<TBODY>
<form name="userlist" method="POST" action="aaa.asp">

こうなっているとFORMタグはテーブルを内包する状態と言えない。


</THEAD>
<form name="userlist" method="get" action="1.html">
<TBODY>
せめてこうすればTBODYを内包するので送信可能なはず。

STICKY2006 · Answer

>>どのブラウザでも正常に動作するようにするにはそこらへんは結構面倒なはずなのでとりあえずスルー。あれですよ。まずは、テーブルソートのJavaScriptファイル外した状態で正常に動くんですか？？とだけあれば、とりあえず、「aaa.asp」で情報取得は可能かと思いますが。。。その状態でもFirefox側で動きませんかね？

JavaScriptでテーブルのソートを実行した結果でフォーム送信

#4,#6です。

こんちくは。

#4です。

この回答への補足

> FireFoxではパラメータを取得することができません

この回答への補足

文法的にtbody直下にはtrしか置けない事になっています。

この回答への補足

あれ？

</THEAD>

>>どのブラウザでも正常に動作するようにするには

この回答への補足

似たような質問が見つかりました

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング