babu_baboo の回答履歴

新着順になっているテーブルをjqueryで名前ごとにまとめることはできますか？ スレ　　　名前　　　日時 ああ　　　　ここ　　 2014/1/31 いい　　　　たた　　　2014/1/20 ああ　　　　ここ　　 2014/1/10 ああ　　　　ここ　　 2014/1/01 こんな感じにしたいです ああ　　　　ここ　　 2014/1/31 └　　　　 ここ　　 2014/1/10 └　　　　 ここ　　 2014/1/01 いい　　　　たた　　　2014/1/20 html <table width="100%"> <tr> <th>スレ</th> <th>なまえ</th> <th>新着日時</th> </tr> <tbody> <tr><td>ああ</td><td>test1</td><td>2014/01/31</td></tr> <tr><td>いい</td><td>test2</td><td>2014/01/20</td></tr> <tr><td>ああ</td><td>test3</td><td>2014/01/10</td></tr> <tr><td>ああ</td><td>test4</td><td>2014/01/01</td></tr> </tbody> </table> クリックでのソートはいりません。表示したときにソートするのみで結構です よろしくお願いします

最近javascriptの勉強を始めたのですが， var i = 3; arert = ("i"); とか var j =[1, 2, 3] arert = ("j[2]") などしますと、数字ではなくて、iなどの文字が表示されてしまいますよね？ またfor(i=0; i<5;i++){ var sample_i = i } などしても多分sample0～sample_4まで定義したことにはなりませんよね？ そこで質問なんですが、javascriptではこういった文字と数字をどうやって判別してるんでしょうか？ また上の例のコードを書き直してくれたら嬉しいです。

よくあるSELECTボックスのデータを左右に移動させるスクリプトなのですが、 ボックス（multiple指定）内のデータが1万件ほどある状態で、1000件程度 （またはそれ以上）移動させようとすると遅くて困っています。 スクリプトは以下の通りです。from、toに移動元・先のIDが来ます。 毎回移動先のリストを舐めて重複チェックをしているため、重くなって しまっているのかなと思うのですが…もっと処理を早くする方法がありましたら ご教授いただけないでしょうか。 宜しくお願いいたします。 function addSelectBox(from,to){ var ids = ($("#" + from + " option:selected").val()) ? $("#" + from + " option:selected").val() : "" ; $("#" + from + " option:selected").each(function(){ if($(this).val()=="")return; ids = $(this).val(); addOptions($(this),ids,from,to); }); } function addOptions(elem,ids,from,to){ //重複チェック var isAdd = true; $("#" + to).children().each(function(){ if ($(this).val() == ids) { isAdd = false; } }); if (isAdd) { $('#' + to).append('<option value="' + ids + '">' + elem.text() +'</option>'); $("#" + from + " option:selected").remove(); } }

よくあるSELECTボックスのデータを左右に移動させるスクリプトなのですが、 ボックス（multiple指定）内のデータが1万件ほどある状態で、1000件程度 （またはそれ以上）移動させようとすると遅くて困っています。 スクリプトは以下の通りです。from、toに移動元・先のIDが来ます。 毎回移動先のリストを舐めて重複チェックをしているため、重くなって しまっているのかなと思うのですが…もっと処理を早くする方法がありましたら ご教授いただけないでしょうか。 宜しくお願いいたします。 function addSelectBox(from,to){ var ids = ($("#" + from + " option:selected").val()) ? $("#" + from + " option:selected").val() : "" ; $("#" + from + " option:selected").each(function(){ if($(this).val()=="")return; ids = $(this).val(); addOptions($(this),ids,from,to); }); } function addOptions(elem,ids,from,to){ //重複チェック var isAdd = true; $("#" + to).children().each(function(){ if ($(this).val() == ids) { isAdd = false; } }); if (isAdd) { $('#' + to).append('<option value="' + ids + '">' + elem.text() +'</option>'); $("#" + from + " option:selected").remove(); } }

よくあるSELECTボックスのデータを左右に移動させるスクリプトなのですが、 ボックス（multiple指定）内のデータが1万件ほどある状態で、1000件程度 （またはそれ以上）移動させようとすると遅くて困っています。 スクリプトは以下の通りです。from、toに移動元・先のIDが来ます。 毎回移動先のリストを舐めて重複チェックをしているため、重くなって しまっているのかなと思うのですが…もっと処理を早くする方法がありましたら ご教授いただけないでしょうか。 宜しくお願いいたします。 function addSelectBox(from,to){ var ids = ($("#" + from + " option:selected").val()) ? $("#" + from + " option:selected").val() : "" ; $("#" + from + " option:selected").each(function(){ if($(this).val()=="")return; ids = $(this).val(); addOptions($(this),ids,from,to); }); } function addOptions(elem,ids,from,to){ //重複チェック var isAdd = true; $("#" + to).children().each(function(){ if ($(this).val() == ids) { isAdd = false; } }); if (isAdd) { $('#' + to).append('<option value="' + ids + '">' + elem.text() +'</option>'); $("#" + from + " option:selected").remove(); } }

新着順になっているテーブルをjqueryで名前ごとにまとめることはできますか？ スレ　　　名前　　　日時 ああ　　　　ここ　　 2014/1/31 いい　　　　たた　　　2014/1/20 ああ　　　　ここ　　 2014/1/10 ああ　　　　ここ　　 2014/1/01 こんな感じにしたいです ああ　　　　ここ　　 2014/1/31 └　　　　 ここ　　 2014/1/10 └　　　　 ここ　　 2014/1/01 いい　　　　たた　　　2014/1/20 html <table width="100%"> <tr> <th>スレ</th> <th>なまえ</th> <th>新着日時</th> </tr> <tbody> <tr><td>ああ</td><td>test1</td><td>2014/01/31</td></tr> <tr><td>いい</td><td>test2</td><td>2014/01/20</td></tr> <tr><td>ああ</td><td>test3</td><td>2014/01/10</td></tr> <tr><td>ああ</td><td>test4</td><td>2014/01/01</td></tr> </tbody> </table> クリックでのソートはいりません。表示したときにソートするのみで結構です よろしくお願いします

テキストエリアに入力された文章を、改行ごとで配列に格納 その後、特定の文字を検索し、特定の文字がある配列を見つけて 見つかったものに処理をかけたいです 現在、配列に格納するところまでできているのですが、その後の文字を検索するところで躓いてます。 配列をmatchで検索すると一番最初の配列にのみ処理をかけてしまっているのが現状です。 どなたかお知恵を貸していただけないでしょうか よろしくお願いします。 例　入力された文字列： 　　　　　　　　　　　　　　　明日の時刻のお知らせ 　　　　　　　　　　　　　　　開始時間：10時30分 　　　　　　　　　　　　　　　受付開始は10時00分からとなっております。 　　　　　　　　　　　　　　　遅れないようにお願いいたします。 検索する文字：　　時間 　　　　↓ 検索ワードを含む配列：開始時間：10:30 　　　　↓これに処理かけて 出力：10:30 検索ワードが見つからない場合 出力：10:00 10:30 という形にしたいです。 プログラムは下記のように組みました。 //////////////////////////// <html> <head> <script language="JavaScript"> function tester(){ var str= document.getElementById('input_text').value; var time; var alltime; abc = str.split(/\r\n|\r|\n/); var g = ["開始時間"]; for (var i=0;i<abc.length;i++){ if(abc[i].match(g)){ time = abc[i].match(/\d{1,2}:\d{1,2}/g); if(time2 !=null){ alert(time); document.write(time); break; } }else{ alltime = str.match(/\d{1,2}:\d{1,2}/g); if(alltime !=null){ document.write(alltime); } }break; } } </script> </head> <body> <textarea id=input_text rows="10" cols="45"> </textarea><br> <input type=button onclick="tester()" value="start"> </body> </html>

テキストエリアに入力された文章を、改行ごとで配列に格納 その後、特定の文字を検索し、特定の文字がある配列を見つけて 見つかったものに処理をかけたいです 現在、配列に格納するところまでできているのですが、その後の文字を検索するところで躓いてます。 配列をmatchで検索すると一番最初の配列にのみ処理をかけてしまっているのが現状です。 どなたかお知恵を貸していただけないでしょうか よろしくお願いします。 例　入力された文字列： 　　　　　　　　　　　　　　　明日の時刻のお知らせ 　　　　　　　　　　　　　　　開始時間：10時30分 　　　　　　　　　　　　　　　受付開始は10時00分からとなっております。 　　　　　　　　　　　　　　　遅れないようにお願いいたします。 検索する文字：　　時間 　　　　↓ 検索ワードを含む配列：開始時間：10:30 　　　　↓これに処理かけて 出力：10:30 検索ワードが見つからない場合 出力：10:00 10:30 という形にしたいです。 プログラムは下記のように組みました。 //////////////////////////// <html> <head> <script language="JavaScript"> function tester(){ var str= document.getElementById('input_text').value; var time; var alltime; abc = str.split(/\r\n|\r|\n/); var g = ["開始時間"]; for (var i=0;i<abc.length;i++){ if(abc[i].match(g)){ time = abc[i].match(/\d{1,2}:\d{1,2}/g); if(time2 !=null){ alert(time); document.write(time); break; } }else{ alltime = str.match(/\d{1,2}:\d{1,2}/g); if(alltime !=null){ document.write(alltime); } }break; } } </script> </head> <body> <textarea id=input_text rows="10" cols="45"> </textarea><br> <input type=button onclick="tester()" value="start"> </body> </html>

画像のような利用者の利用時間帯を表示できるグラフの表示方法を探しています。 水曜日（13:00～18:00）のようにデータが一つだけの場合は jQuery（HighchartsのColumn range）を用いて表示できるのですが、 月曜日（8:00～12:00と13:00～17:00）のような1つの要素に複数のデータがある場合の 表示の仕方がわかりません。 データ自体はPHPで取得するので、そのままグラフ表示を行うか、 HTMLまたはJavaScriptに値を渡してグラフ表示を行う予定です。 そのため、表示はPHP、JavaScript、jQuery、HTML5で考えています（出来ればjQuery希望）。 よろしくお願いします。

画像のような利用者の利用時間帯を表示できるグラフの表示方法を探しています。 水曜日（13:00～18:00）のようにデータが一つだけの場合は jQuery（HighchartsのColumn range）を用いて表示できるのですが、 月曜日（8:00～12:00と13:00～17:00）のような1つの要素に複数のデータがある場合の 表示の仕方がわかりません。 データ自体はPHPで取得するので、そのままグラフ表示を行うか、 HTMLまたはJavaScriptに値を渡してグラフ表示を行う予定です。 そのため、表示はPHP、JavaScript、jQuery、HTML5で考えています（出来ればjQuery希望）。 よろしくお願いします。

m[i]には60分以下の分数が入っているのですが、 以下のようなざっくりした時間を表示するIF文が続く場合、もっと短く分かりやすくまとめる良い方法はありますか？ if(m[i]<=5){ $(".TimeView:eq("+i+")").text('5分程'); }else{ if(m[i]<=10){ $(".TimeView:eq("+i+")").text('10分程'); }else{ if(m[i]<=15){ $(".TimeView:eq("+i+")").text('15分程'); }else{ if(m[i]<=30){ $(".TimeView:eq("+i+")").text('30分程'); }else{ if(m[i]<=45){ $(".TimeView:eq("+i+")").text('45分程'); }else{ if(m[i]<=60){ $(".TimeView:eq("+i+")").text('60分程'); }else{ } } } } } }

m[i]には60分以下の分数が入っているのですが、 以下のようなざっくりした時間を表示するIF文が続く場合、もっと短く分かりやすくまとめる良い方法はありますか？ if(m[i]<=5){ $(".TimeView:eq("+i+")").text('5分程'); }else{ if(m[i]<=10){ $(".TimeView:eq("+i+")").text('10分程'); }else{ if(m[i]<=15){ $(".TimeView:eq("+i+")").text('15分程'); }else{ if(m[i]<=30){ $(".TimeView:eq("+i+")").text('30分程'); }else{ if(m[i]<=45){ $(".TimeView:eq("+i+")").text('45分程'); }else{ if(m[i]<=60){ $(".TimeView:eq("+i+")").text('60分程'); }else{ } } } } } }

JavaScriptで、時間のかかる処理をする前に「お待ちください」のメッセージを 表示させたいと思っています。 function wait{ $("#WaitMsg").html("お待ちください…"); Test(); ←時間がかかるメソッド $("#WaitMsg").html("完了しました"); } 上記で実行してみたんですが、画面上に「お待ちください」の メッセージが出る前に、時間がかかるメソッドが実行されているのか、 画面上の表示が変わらず困っています。 まず、メッセージが出る→処理が実行される→完了しましたメッセージと したいのですが、どうしたら良いのでしょうか？ Ajax通信時にwaitメッセージを表示させる類のものは散見するのですが、 このTest();の処理はAjax通信ではない（単純な計算とかタグの書き換えとか そういう類です）ので困っています。 ご教授ください。

下記のURLをみたのですが、 javaにて左から右へ移動という変更をしたいです。 どこを変更すれば可能でしょうか。 http://okwave.jp/qa/q5206671_2.html#answer

良い方法があればアドバイスお願いします。 あるフォームのinputのid属性を配列にして、 jQueryでキーだけ抜きだし、別のid属性のvalue値に設定したいと思ってますが、 そもそもPHPのように配列のキーだけを抜き出す事がJSで簡単にできるのか教えて頂けますか。 ■やりたい事 <form action="" method="POST"> <input type="text" id="test[1]" value=""> <input type="text" id="test[2]" value=""> </form> $('[id^=test]').change(function(){ ここでtest[1] の 1 だけを抜きたいです。 普通にやれば、substringを使えば可能ですが、 　 PHPのように簡単に抜き出す方法があれば教えて頂きたいです。 }); 以上、宜しくお願いします。

jQueryでの配列の渡し方についてご質問です。 jQueryではなくjavascriptでも良いのですが、不慣れなのでjQueryで試行しています。 ---------------------------------------------- targettab = targettab.split( ',' ); jQuery.each(targettab, function(i, val) { var livetab = "<li id='" + i + "'>" + val + "</li>"; jQuery(livetab).appendTo(jQuery("ul#tab")); }); ---------------------------------------------- ※変数 targettab に「あああ,いいい,うううう]という値が入っています。 こう↑書きますと、ul#tabの内部に <li id='1'>あああ</li> <li id='2'>いいい</li> <li id='3'>ううう</li> と入り、リストが生成されます。 ここまでは良いのですが、このそれぞれのidに入っている数字を任意の文字列にしたいです。 例えば、 targetstrings = "hoge,foo,dummy"; targetstrings = targetstrings.split( ',' ); という配列を差し込んで、最終的に <li id='hoge'>あああ</li> <li id='foo'>いいい</li> <li id='dummy'>ううう</li> という形で整形したいです。 jQuery.eachでは、そもそもできないような気がしていますが、 お知恵を拝借できましたら、大変ありがたいです。 拙い説明で恐縮ですが、どうぞよろしくお願いします。 不明点などあれば、何なりとお知らせください。

javascript初心者です。以前javascriptでクラスについていろいろな方にアドバイスをいただき、疑問が解決しました。ありがとうございました。 そこで、そのクラスから作ったインスタンスを移動させようとしているのですが、うまくいきません。 html <body onload="init();"> <div id="a"></div> </body> css body{ position:relative; } #a{ width:100px; height:100px; position:absolute; background-color:#0F0; } javascript function Character(x,y){ 　　　　 this.ele = document.getElementById("a"); this.x = x; this.y = y; this.move = function () { this.x += 10; this.y += 10; this.ele.style.left = this.x+"px"; this.ele.style.top = this.y+"px"; } } function init(){ var cha = new Character(10,10); var timer; timer = setInterval("loop()",1000); } function loop(){ cha.move(); } としたら、緑の正方形がx方向、y方向に移動１秒毎に10pxずつ増えながら移動していくと思っていたのですが、うまくいきませんでした。 setIntervalを使わず、var cha = new Character(10,10);の後にcha.move();cha.move();cha.move();c1.move();cha.move();とすると、座標(60,60)に緑の正方形が現れます。 緑の正方形を移動させるにはどうしたらいいのでしょうか。教えてください。

javascript初心者です。以前javascriptでクラスについていろいろな方にアドバイスをいただき、疑問が解決しました。ありがとうございました。 そこで、そのクラスから作ったインスタンスを移動させようとしているのですが、うまくいきません。 html <body onload="init();"> <div id="a"></div> </body> css body{ position:relative; } #a{ width:100px; height:100px; position:absolute; background-color:#0F0; } javascript function Character(x,y){ 　　　　 this.ele = document.getElementById("a"); this.x = x; this.y = y; this.move = function () { this.x += 10; this.y += 10; this.ele.style.left = this.x+"px"; this.ele.style.top = this.y+"px"; } } function init(){ var cha = new Character(10,10); var timer; timer = setInterval("loop()",1000); } function loop(){ cha.move(); } としたら、緑の正方形がx方向、y方向に移動１秒毎に10pxずつ増えながら移動していくと思っていたのですが、うまくいきませんでした。 setIntervalを使わず、var cha = new Character(10,10);の後にcha.move();cha.move();cha.move();c1.move();cha.move();とすると、座標(60,60)に緑の正方形が現れます。 緑の正方形を移動させるにはどうしたらいいのでしょうか。教えてください。

※超初歩的な質問です javascriptを勉強し始めた初心者です。 参考の為、あるサイトのjavascriptのソースコードをいろいろ見ています。 利用環境判別の為と思われるコードの中に、以下のような一行がありました。 var Ff = (navigator.userAgent.lastIndexOf("Firefox") != -1)? true : false; 変数Ffにnavigatorオブジェクトからユーザエージェントの値を取得し、 返り値に『Firefox』が含まれていない場合は-1して 文字列の最後から検索し・・・？真偽の判定が入って・・・？だからFfには true か false が代入されるのか・・・？ などとぼんやり部分的な解釈しかできず、 結局この一行が何をする為のコードなのか理解することができずにいます。 どの個所がどんな挙動を担っているのかを、詳しく教えていただけませんでしょうか。 文法等をもっとしっかり理解してから読めばいいと思うのですが どうしても気になって質問させていただきました。 お詳しい方、どうか教えてください。 よろしくお願いいたします。

PHPの本に $r = mysql_query("SELECT * FROM tb;"); while ($row = mysql_fetch_array($r)){ print "{$row['id']}{$row['title']}<BR>"; } とあったのですが１行ずつしか保存できないので ２次元配列row[][]で while ($row[] = mysql_fetch_array($r)){ } foreach($row as $v){ print "{$v['id']}{$v['title']}<BR>"; } このようにコーディングしたところ 一応うまく表示されたのですが、問題はないですか？ もし普通はこういう風にするみたいなやり方があれば 教えて欲しいです。