元スレ+ JavaScript の質問用スレッド vol.103 +
JavaScript覧 / PC版 /みんなの評価 :
601 = :
jquery使えば良いですよ可能ですよ
602 = :
概略だけど、こんな感じでいいんじゃね?
$("#k").bind("click", function(){
// type="file"のinputタグの数をかぞえる
var lengthOf_a = $("input[type='file']", $(this));
if(lengthOf_a === 0){
// type="file"のinputが無ければ、"a1"から新規に追加
$(this).append("<input id='a1' type='file'/>");
}else{
// type="file"のinputがあれば、"a*"の最大数を取得して、次の"a*+1"を追加する
...ここにそのコード...
}
});
603 = :
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript" src="https://github.com/jamespadolsey/jQuery-Plugins/raw/master/cross-domain-ajax/jquery.xdomainajax.js"></script>
<script type="text/javascript" charset="EUC-JP">
uri = 'http://xxxxxxxxxxxxxxxxxxxxxxxxxxxx';
$.get(uri, function(data){
$('#result').html(data);
});
</script>
<div id="result"></div>
文字化けしてしまうんですが、どうすればいいでしょう?
xxxxxxxxxxxxxxxxxxxxxxxxxxxxのサイトはEUCです
605 = :
>>602
・最初は空であることを保証できるなら、counterを用意すれば毎回数え上げなくて済むよ。(lengthOf_aの代わり)
・idの生成を共通化したほうがいい。var id='a'+(lengthOf_a+1); これなら分岐しなくていい。
・普通は変数名に _ は使わない。lengthOf_bとかもないし、ここは length で。
・要素の操作はなるべくDOMを使った方がいい。今回は特に簡単に作れる要素だし。
606 = :
>>601-602
ありがとうございました。
しかし、新たに問題が発生しました。
<div id="k">
<input id="a1" type="file" >
<input id="a2" type="file" >
</div>
生成したid付きのinputタグを関数でいじろうとすると
inputタグが認識されない不具合が発生しました。
どうすればいいのでしょうか?
607 = :
>>606
ソース貼ってみ
608 = :
jqueryを使ってjson形式でTwitterからデータを読み込もうとしているんですが、
.appendの中にあるcreated_atがグリニッジ標準時で表示されてしまいます。
これを何とかjavascriptで日本時間に直したいんですが、配列についての知識等
が必要みたいで、jqueryをちょっといじれる程度の自分には手も足も出ません。
どうやってグリニッジ標準時を日本時間になおしたらいいんでしょうか?
609 = :
>>607
ライブラリを改造して複数アップ可能にするのに挑戦してます。
http://sample-red.atumari.net/1021/ajaxfileupload.php
くらしくはソースを見てください
<input id ="a0" type="file" size="45" name="fileToUpload[]" class="input" >
<div id="aa"></div>
としてid="aa"タグにid付きのinputを追加しているのですが、
この追加したinputタグが使おうにもNo fileとなってしまいます。
<input id ="a0" type="file" size="45" name="fileToUpload[]" class="input" >
<div id="aa">
<input id ="a1" type="file" size="45" name="fileToUpload[]" class="input" >
<input id ="a2" type="file" size="45" name="fileToUpload[]" class="input" >
・・・</div>
とするとうまく複数アップできます。
add fileのタグの関数がうまくいきません
610 = :
formタグは使って良い仕様かな?
だったら、
<form action="リクエスト先URL" method="post" enctype="multipart/form-data">
として、マルチパートを指定するとか。
あとは、HTML5だったら、
<input type="file" name="files[]" multiple>
と、multiple属性を指定してやる。
あとは、jQueryプラグイン使う。
http://lagoscript.org/jquery/upload?locale=ja
これとか。
611 = :
>>609
おい、そのリンク先っておたくのサイトか?
適当に試しちゃったけど、実際に通信してるじゃんよ。
俺んとこのファイルがそっちで取得されちゃってんの?
とりあえず1回のクリックで2回のpost送信がおこなわれて
1回は成功、次が>>609のとおりエラーになるようだけど
他の人は説明があるまで試さない方がいいかも。
614 = :
最強のaddEventListener/attachEventラッパーを教えてください
thisの互換性確保とunload時にまとめてremove/detachが可能か循環参照にならず、コードが短いものでお願いします
615 = :
最強とか言っちゃってる時点で触りたくない
616 = :
addEventListenerに統一した方が良いよ
あとthis使わない方が良いよ
617 = :
okwaveで聞いたほうがいいんじゃない。こんな糞スレで聞かない方がいい
618 = :
煽れば答えてくれると思ってん
619 = :
実際にここは糞スレだと思うぞw
620 = :
別に糞スレでいいじゃん。答えたい人が答える価値のあると思う質問に
解答してるんだから、糞質問する人には糞スレだと思ってよそ行ってもらう。
621 = :
ここで聞いたらいいのかわかんないけど
http://manos.malihu.gr/tuts/custom-scrollbar-plugin/multiple_scrollbars_example.html
FIREFOXとIEだと綺麗なスクロールバーでるけどCHROMEだとでないのはなんでなんだ?
俺のCHROMEの設定が悪いの?
622 = :
>>616
横レスすみません
thisを使わない方が良い、について
詳しく教えてもらえませんでしょうか
自分の手作りaddEventlistenerでは
callしてthisを渡すようにしてるんですが
625 = :
>>614
要望にあうかわかりませんが、thisとunload云々は要件を満たしています。
http://gist.github.com/882821
互換性を持たせようとすればするほどコードが長くなるのでラッパーは程々にしたほうがよいと個人的には思いますが。
>>622-624
DOM Level 2 Events では addEventListner で this に関する規定がありませんでした。
代わりに event.currentTarget があります。
うろ覚えですが、DOM3 か DOM4 で this の既定が加わったと思います。
後方互換性を確保するには event.currentTarget を使用すべきです。
627 = :
> 後方互換性を確保するには event.currentTarget を使用すべきです。
いいえ、jQueryを使うべきです。
628 = :
>>614
> 最強のaddEventListener/attachEventラッパーを教えてください
> thisの互換性確保とunload時にまとめてremove/detachが可能か循環参照にならず、コードが短いものでお願いします
jQueryです。
629 = :
>>596
> jQueryで、javascriptのbind(thisの拘束)をラップしてるような仕組みはすでにあるのかな?
はい、あります
630 = :
オススメのサイトでもいいんで・・・
631 = :
+9時間足せばいいじゃん
632 = :
>>627
jQueryでイベントリスナとして渡した関数の引数に渡ってくる
eventオブジェクトって、なんかおかしくないですか?
いや、困るほどおかしいわけでもないのですが
何か拡張されている?
633 = :
>>632
jQueryはthisもeventも拡張してる
jQueryで何を使うかが問われているのであってjQuery使うという解は的外れなんだけどね
634 = :
>>629
メソッド名は何ですか?
635 = :
>>616
Element.prototype.addEventListenerを自作するということですか?
使わなくても済むthisや、リスナー登録順のような細かな問題はスルーするとしても
eventオブジェクトの書き換えやメモリーリークへの対応は必要になりそうですね
>>625
ありがとう
やはり最強を欲しいとなるとこんなに長くなるんですね
素直にjQuery使えということでしょうか
638 = :
そのままDateコンストラクタに文字列リテラルとして放り込む
639 = :
>>636
よくわからないけど、単純に9時間足すのだったらこれでいいはず
var a = new Date('Tue, 23 Oct 2012 03:08:50 +0000 ');
a.setTime(a.getTime() + 60 * 60 * 9 * 1000); // ミリ秒に注意。
>>637,638
回答になってないよね。
640 = :
>>639
お前本当にそれで試してみたの・・?
641 = :
>>640
すくなくともFirefox 18a2、Safari 6では問題なく動くが。
642 = :
> Firefox 18a2
やっぱりこの手の馬鹿かw
643 = :
>>640
だったらお前が最初から回答してやれよw637みたいな回答しないでさ。お前は要らない子。
645 = :
すいません。自己解決しました。
646 = :
勝手に書かないでください。まだ解決してません。
647 = :
ある要素の中に要素が二つある場合一つ目のものだけに上書きするというコードを書こうとしています
elem.children[2] = elem.children[2][0];
としたのですがtr.children[2][0]だけでなくelem.children[2][1]も表示されます。
なぜでしょうか?
<td><pre>a</pre><pre>b</pre></td>
見たいな場合に
<td><pre>a</pre></td>
だけにしたいです。
649 = :
>>645-646
えええ誰(´・ω・`)
650 = :
>>649
>>639は試したの?Dateにval.created_atを渡せばいい。
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.107 + (1001) - [97%] - 2013/9/7 10:16
- + JavaScript の質問用スレッド vol.123 + (966) - [97%] - 2020/10/20 2:30
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.133 + (1001) - [97%] - 2018/6/8 10:45
- + JavaScript の質問用スレッド vol.123 + (1002) - [97%] - 2015/4/27 23:30
- + JavaScript の質問用スレッド vol.108 + (1001) - [97%] - 2013/9/21 15:16
- + JavaScript の質問用スレッド vol.109 + (1001) - [97%] - 2013/10/7 13:16
- + JavaScript の質問用スレッド vol.106 + (1001) - [97%] - 2013/7/20 9:30
- + JavaScript の質問用スレッド vol.105 + (1001) - [97%] - 2013/5/20 4:45
- + JavaScript の質問用スレッド vol.104 + (1001) - [97%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.102 + (1001) - [97%] - 2012/9/11 17:30
- + JavaScript の質問用スレッド vol.101 + (1001) - [97%] - 2012/7/16 14:15
- + JavaScript の質問用スレッド vol.143 + (753) - [97%] - 2020/4/19 5:00
- + JavaScript の質問用スレッド vol.100 + (1001) - [97%] - 2012/6/13 22:46
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.125 + (1001) - [95%] - 2015/10/7 17:45
トップメニューへ / →のくす牧場書庫について