DWRのConverter - Qiita
DWRのConverterについて、公式サイトを和訳します。 The Converters ConverterはDWRの必須な部分で、クライアントーサーバ間のmarshaling dataを返します。 以下のConverterを定義しないといけません。 DWRで使いたいJavaメソッドの戻り値の型。ブラウザで使われるJavaScriptオブジェクトを返すために、DWRはJavaの戻り値型をJavaScriptオブジェクトに変換する方法を、知る必要があります。 DWRで使いたいJavaメソッドの入力引数の型。Javaメソッドを適切に実行するために、DWRはJavaScriptオブジェクトをJavaオブジェクトに適切に変換する方法を、知る必要があります。 〜 途中 〜 Basic Converters
DWRを使用してAjaxプログラムを作成する
前々からDWRというプロジェクトが気になっていたのですが、 時間を取って調べる機会ができたので、環境を作成してみます。 DWRとは 簡単にAjaxアプリケーションを作成するためのフレームワークです。 サーバー側はJavaで記載しますが、普通のJavaクラスを作成すればよく Servletを記載する必要はありません。 イメージ的にはこんな感じかと。 必要なブツ Javaの実行環境が必須です。 アプリケーションサーバーも必要ですが、今回はTomcatを選択しました。 http://tomcat.apache.org/ 6.0.28を使用することにします。 DWR http://directwebremoting.org/dwr/index.html Version 2.0.6のjarファイルをダウンロードしました。 DWRは、Commons Loggingに依存しているようで、jarが不足して
チェックボックスで最低１つ選んでいるかを判定する - jsdo.it - Share JavaScript, HTML5 and CSS
複数のチェックボックスでから最低１つ選んでいるかを判定する状況が結構あったので シンプルにまとめたものを作ってみました。 「input」タグに「group」属性を追加して 同じ値に設定された中でチェックを付けた数で判定します。 動作確認済： Chromeのみ 要jQuery $("input[group='group1']").click(function(){ // チェックを付けた数を取得する if($("input[group='group1']:checked").length > 0){ $("#msg").html("OK!!"); } else { $("#msg").html("どれか最低1つチェックを付けてください。"); } }); <div id="msg">どれか最低1つチェックを付けてください。</div> <ul> <li><input type="checkb
jQuery で複数の ID をまとめて選択する方法
jQuery で複数の ID の要素をまとめて選択する方法についてです。 jQuery ではワイルドカード指定はできないため別の方法を使うことになります。 ちなみに Zepto.js でも同じ方法が使えます。 次のように ID に一定のパターンがある複数の要素をまとめて選択したい場合を考えてみましょう。 <div id="header-1">hello</div> <div id="header-2">world</div>
【JavaScript入門】replaceの文字列置換・正規表現の使い方まとめ！ | 侍エンジニアブログ
今回は、文字列の中から任意の文字を別の文字に置換する「replace()」メソッドについて学習をしましょう！ JavaScriptには効率よく「置換」ができるメソッドが用意されていますが、簡単な方法から複雑な手法まで人によってさまざまなやり方があります。 本記事では以下のような構成で解説をしていきます！ 【基礎】「replace」とは？ 【基礎】「replace」の使い方 【実践】正規表現による「replace」の使い方 【実践】「replace」の活用事例 【まとめ】「replace」の使い方まとめ この記事で、「replace」をしっかり学習してスキルアップを目指していきましょう！ ＞＞＞ 今すぐ「replaceの使い方」を知りたい方はこちら 「replace」とは？ それでは、まず最初に「replace()」について基本的な知識から学習を進めていきましょう！ 「replace()」は
jQueryを利用してselected、checkedで選択状態に - matsukaz's blog
jQueryを利用してコンボボックスを選択状態にできないかなって思って調べていたら、selectで指定のものを選択状態にってエントリを発見。早速試してみました。 <select id="col1" name="col1"> <option value="val1">値1</option> <option value="val2">値2</option> <option value="val3">値3</option> </select> ってHTMLに対して $("#col1").val("val2"); って記述でほんとに選択状態にできました。素敵過ぎです。 checkboxとかradioとかはどうなのかと思ったら、こっちは $(".col2[@value=val2]").attr("checked","checked"); って記述でいけるみたい。これまたシンプル！ HTML中にsel
【JavaScript】 文字列切り出し（slice, substr, substring）の違い - のんびり猫プログラマの日常
引っ越し前のサイトから移植しました。 文字列の切り出しっていつも迷うよね。 実際にスクリプトを動かして確認してみよう。 slice 文字列.slice(開始位置 [,終了位置] ) 開始位置と終了位置を指定。終了位置は省略可能。 省略すると最後まで切り出す。 終了位置は、末尾が0になる。 開始位置をマイナス値にすると、後からの桁数になる（右端のみ切り出せる）。 <例> str.slice(3); //"3456789" str.slice(-2); //"89" str.slice(3, -1)); //"345678" var str = "0123456789"; str.slice( , ); strの内容 : 結果 substr 文字列.substr(開始位置 [,切り出す長さ] ) 開始位置と切り出す長さを指定。長さは省略可能。 省略すると最後まで切り出す。 開始位置をマイナス値
JavaScriptの小数点切り捨てにtoFixedなどを使用してはダメ
小数点の切り捨て方法 例えばJavaScriptで123.456という数値の小数点の第2位まで表示したい場合、いくつかやり方が存在する。 一般的に使用されるのは以下の7種類だ floorを使用する toFixedを使用する toPrecisionを使用する sliceを使用する substrを使用する substringを使用する matchを使用する floorを使用 floorは小数点の第2位まで表示したい場合、100をかけてからfloorを使用して切り捨てたあとに100で割るという手順で算出する。 var num = 123.456; Math.floor((num * 100)) / 100); // => 123.45 toFixed, toPrecitionを使用 toFixedとtoPrecitionは正数の場合、四捨五入して値を返すため小数点の切り捨ての際に使用してはならな
【JavaScript】小数点以下桁数を0埋めする方法
HTMLで数値入力をした場合、小数点以下の桁数を自動的に合わせたい場合があります。 その場合、JavaScriptの関数【toFixed】を使用するの便利です。 toFixed 使い方：Number.toFixed(表示したい小数点以下の桁数); 例）小数点以下3桁表示 [javascript htmlscript="true" title="ソース"] <script type="text/javascript"> $(function(){ $("#fixedTest").on("focusout",function(){ //数値型に変換しないとtoFixedがうまく動作しない。 var num = parseFloat($(this).val()); $(this).val(num.toFixed(3)); }); }); </script> <p> <input type="te
セレクトボックス（selectオブジェクト） - JavaScript入門講座
selectオブジェクトは、フォームのセレクトボックスに関する情報をJavaScriptのオブジェクトとして取り扱います。 セレクトボックスの要素を取得する方法 セレクトボックスの各要素を取得する方法は、まず、selectタグのname属性に名前を指定します。次にセレクトボックス内の各要素(optionタグ)にも同様にname属性に名前を指定することにより以下の構文にて個々のオプションを取得することが可能となります。
セレクトボックスの値を取得する｜JavaScript
セレクトボックス（ドロップダウン）の値を取得する [やり方] HTML文章中に<form name=" ". <select name=" ">をつける 変数1 = document. formのname名 . selectのname名 . selectedIndex ; //まずインデックス番号（optionの上から順に0,1,2,3...）を取得して変数に入れる 変数2 = document. formのname名 . selectのname名 . options[インデックス番号] .value; // [ ]内に上で取得したインデックス番号（変数1）を入れたoptionsを追加して変数に入れる テキストの値を取得の場合 = document. formのname名 . selectのname名 . options[インデックス番号] .text; <form name=" sa
Element.tagName
<p><a href="./dummy.php" id="target">SYNCER</a></p> <p><pre><code><a href="./dummy.php">SYNCER</a></code></pre></p> <p id="output" class="output"></p> <p id="error" class="error none"></p> <p><button id="fire" class="button">取得</button></p> <p><button id="reset" class="button">リセット</button></p> .output { color: #333 ; text-align: center ; padding: 8px 0 ; border: 1px solid #3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryで要素の表示・非表示を切り替える方法について - Qiita
JavaScriptで重複チェックをして配列に追加する方法 - Qiita
文字列から数値へ変換。文字列から数値だけを取り出す。 - Qiita