jQueryでセレクトボックス（プルダウンメニュー）のテキストを取得する
jQueryでセレクトボックス（プルダウンメニュー）のテキストを取得する方法を紹介します。 １．問題点 次のようなセレクトボックス（プルダウンメニュー）を用意します。 HTML <select id="foo" name="foo"> <option value="aaa">xxx</option> <option value="bbb">yyy</option> <option value="ccc">zzz</option> </select> jQueryを使ってセレクトボックスを変更したときに値「aaa」「bbb」「ccc」を取得するには、次のように記述します。 jQuery(function() { jQuery('#foo').change(function(){ var data = jQuery(this).val(); alert('セレクトボックスの値は「' + dat
Numeral.js
Numeral.js A javascript library for formatting and manipulating numbers. Use it In the Browser <script src="numeral.min.js"></script> or include from cdnjs.com <script src="//cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script> In Node.js npm install numeral var numeral = require('numeral'); Create Create an instance of a numeral. Numeral takes numbers or strings that it trys
jQuery HighchartTable plugin
Ever wanted to convert your HTML data tables into fancy Highcharts graphs? Learn more » Intro We wanted to use Highcharts graph library but with a way to convert automatically our HTML tables containing data into graphs. So we decided to code a jQuery plugin to make this conversion peacefully. And voila, here we are :) Wanna see a demo ? How it works We use HTML5 data-* attributes to specify how t
Excelの計算式を値に変換する方法
Excelの計算式を値に変換する方法を紹介します。 スクリーンショットはExcel2003ですが、Excel2007/Excel2010等でも概ね同じだと思います。 １．セルに計算式を設定する ご存知のとおり、Excelでは任意のセルに計算式を設定できます。下のスクリーンショットではB2～B11セルの値の合計「55」を、B12セルに設定したSUM関数で表示しています。 ただし、計算する元の値を削除してしまうと、B12セルに表示されている合計も消えてしまいます。 ここではひとつのシートに値と計算式を設定していますが、たとえば、 シートAに計算式 シートBに値 を設定し、シートBの値を利用してシートAで計算したあと、シートBを削除したいときなどに有効です（下図）。 ２．計算式を値に変換する 値に変換したいセルをコピーした状態にします。 コピーしたままの状態で、メニューバーの「編集」→「形式を選
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
JavaScriptで連想配列（ハッシュ）から1つずつ値を取り出して配列に入れてランダムで取得する – bl6.jp
タイトルが分かりづらくてあれなんですが、JavaScriptの連想配列（ハッシュ）から1つずつ値を取り出してそれを今度は別の配列に格納していき、最終的にはその中からランダムで値を取得したいっていうことをやりたかったわけです。要するに連想配列からランダムに値を取り出したいってことですね。それと連想配列の中身や数がケースバイケースで変わるっていう状況を想定しているので、それに合わせた1つのやり方です。 [ads_center] やり方 まずは基本から。for…inを使って普通の配列から1つずつ値を取得して加工する場合は以下のような感じでできますね。 var ary = ["aaa", "bbb", "ccc", "ddd"]; for(var i in ary){ document.writeln(i + " : " + ary[i] + "<br>"); } // 実行結果 // 0 : a
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」:phpspot開発日誌
WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
ＰＨＰリファレンス（$_POST）
スポンサードリンク POSTメソッドでリクエストされたデータは、POST変数「$_POST」を利用し、取得します。 $_POSTには、連想配列でPOSTメソッドでリクエストされたデータが格納されます。 例１） POSTメソッドで送信したデータを取得する。 （１） フォームで、項目「post_data1」にデータ入力してPOSTメソッドで送信する。 「test_input.php」 <html> <body> <form action = "test_view.php" method = "post" > <input type="text" name="post_data1"> <input type="submit" name="POST送信" value="POST送信"> </form> </body> </html>
JavaScriptには在るundefinedと無いundefinedってのがありまして。 | Ginpen.com
JavaScriptにはnullとundefinedと、立場が似たものがあるわけですが、さらにこのundefinedにも二種類あるよってお話です。 「本当に無い」のと「「無い」がある」のと 値がundefinedであるときは、文字通り「未定義」である場合と、「未定義という値」である場合とがあります。 var obj = { a: undefined }; console.log(obj.x); // => undefined（定義されていないプロパティ） console.log(obj.a); // => undefined（未定義という値）
Excelで値だけをコピーする方法
Excelで値だけをコピーする方法を紹介します。スクリーンショットはExcel2003ですが、Excel2007/Excel2010等でも概ね同じだと思います。 １．問題点 サンプルとして以下の表を利用します。C7セルには関数（SUM）を挿入して、C2～C6セルの合計「15」を表示するようにしています。 コピーしたC7セルの値をE7セルにペーストすると関数自体がコピーされてしまい、「15」という値はE7セルに反映されません。 ということで、関数の計算結果で値を表示しているセルについて、値だけをコピーする方法を紹介します。 ２．値だけをコピーする 値をコピーしたいセルをコピーにします。ここまでは先程の手順と同じです。 コピー先のセルを選択したあと、メニューバーから「編集」→「形式を選択して貼り付け」を選択します。 開いたウィンドウから「値」を選択して「OK」をクリック。Excel2010では
jQueryを使い要素の出てくる順に番号をつける方法（forの代わりにeach()を使う繰り返し）
今回、「jQuery Sequential List - Web Designer Wall」をみて、 eachがforと同じ動きをしているのを知った。 関数の中で数字の加算をしたら繰り返しのたびに増える… まさにforの動きなのですが、なぜかこの発想、自分の中になくて なんでこんなことに気づかなかったんだ～って なぜかショックを受けております。 ということで、いつものように試しにメモエントリーしておきます。 今回の簡単仕組み説明 今回使おうとしているのは、jQueryのeach これはよく使うのですが、これがforのかわりになるなんて なぜか思いつかなかった自分…(汗) 発想とかって、やっぱり必要なんだなって実感しております。 ulのliに適応させてみる まずはシンプルにリストに適応させてみます。 ■スクリプト $("#testList li").each(function (i) {
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法
フォームの<input type="file" />の値をjQueryでリセット（クリア）する方法を紹介します。 １．問題点 フォームの値をリセット（クリア）する場合、通常はtype属性が「reset」のボタンですべてクリアできます。<input type="file" />の値も同様にリセットされます。 HTML <form id="bar" action="foo.cgi"> <input type="file" /> <input type="reset" value="リセット" /> </form> サンプル1 JavaScript（jQuery）でリセットしたい場合、次のように記述すればいいように思われます。 HTML <form id="bar" action="foo.cgi"> <input type="file" id="file" /> <input type="bu
「JavaScriptの配列は参照渡し(call-by-reference)」は間違い - rarilogger
「JavaScriptの配列は『参照渡し(call-by-reference)』」というネット上に大量に存在する間違った記述を訂正するエントリ。 結論から先に言うと JavaScriptにおいて、関数の引数として配列を与えた場合、『参照の値渡し』になります。『参照の値渡し』は、『参照渡し(call-by-reference)』ではなく『値渡し(call-by-value)』に分類されます。 参考エントリ 以下の解説が非常にわかりやすいです。G-chan Square - [javascript] javascriptの関数で引数に配列を渡すと、それは本当に参照渡しか？ G-chan Square - じゃ、「参照渡し」ってなんだ？簡単に端折ると、関数の引数として変数を与える場合、 値の値渡し(プリミティブ型変数の値をそのまま渡す) 値の参照渡し(プリミティブ型変数の参照を渡す) 参照の値
20 Free Price Tags PSD | Pricing Templates
Price tags are found almost in every sales page. Adding cool price tags or badges, get attention of consumers who are looking for products and services in your site. Price tags which are a bit different and unique in looks should also come in sync with your product and the theme. Changing colors,textures can be easily done as these templates are layered carefully. These round up of UI elements can
カスタムフィールドの規定値に応じて処理を分ける
「WordPressで学ぶPHP(1)変数・制御構造編」が発売されました。 「WordPressで学ぶPHP」シリーズの第1巻で、WordPressを通してPHPを学んでいく本です。 この本では、PHPの基本となる変数と制御構造について解説します。 Kindle本で、定価500円です。 MTQに、「カスタムフィールドの値が既定値になっている（いない）かどうかで処理を分けたい」といった質問がありました。 この質問に答えてみます。 1.SupplementalCFTagsプラグイン Movable Typeの標準のテンプレートタグには、カスタムフィールドの規定値を得るタグはありません。 しかし、拙作のSupplementalCFTagsプラグインを使うと、カスタムフィールドの規定値を得ることができます。 プラグインは以下からダウンロードすることができます。 SupplementalCFTags
実数を整数に丸める4パターン（JavaScript おれおれ Advent Calendar 2011 – 7日目） | Ginpen.com
JavaScript おれおれ Advent Calendar 2011 – 7日目 Mathオブジェクトに小数点付きの数値を整数にするメソッドが幾つかあるので、おまけと併せてまとめてみます。 Math.trunc() Math.ceil() Math.floor() Math.round() parseInt() ~~n n | 0 Math.trunc() 小数点以下をごっそり切り捨てます。現代ではとりえずこれ使っておけば良いです。
めっちゃスマートなゼロフィル（JavaScript おれおれ Advent Calendar 2011 – 1日目） | Ginpen.com
var now = new Date(); var timeText = [ now.getHours(), now.getMinutes(), now.getSeconds(), now.getMilliseconds() ].join(':'); console.log(timeText); 結果はこう 17:2:27:87 ですが、本当はこう 17:02:27:0087 したいですよね。この先頭をゼロ0で埋めるってのがゼロフィルです。 やり方はいろいろあるんですが、 .slice()に負数を与えるのが綺麗で良いです。 var now = new Date(); var timeText = [ ("0" + now.getHours()).slice(-2), ("0" + now.getMinutes()).slice(-2), ("0" + now.getSeconds()).s
jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える
jQueryを使ってテーブルのセルに入力 された数字のデータをカラーでグルー ピングできるようにする方法です。 プラグインは不要で簡単なコードで実現 できます。大量のデータがあるときは 使ってみては。 個人的にはあまり使う機会ありませんけど。大量の数字が入力されたテーブルほど見にくいものはありませんのでイザという時のためにメモ。 jQueryを使ってテーブルのセルに入力された数字に応じて背景カラーを変える方法。数字のみが入力されたテーブルの可視性を、色の濃度でグルーピングして可視性を高めます。 Sample こんな感じでグルーピング出来ました。濃い色ほど数字が大きいです。普通にマークアップすれば勝手に色が変るので管理が楽じゃないかなと。 コード$(document).ready(function() { // 配列内の最大値を取得する関数 Array.max = function(arra
Objectプラグイン v0.10（ダイナミックパブリッシング対応）
Movable Typeのデータベースに対し、任意のフィールドを指定してデータを取得できるObjectプラグインをバージョンアップしました。 １．変更点 以下のオブジェクトについて、ダイナミックパブリッシングに対応しました。 ブログ記事 ウェブページ コメント トラックバック カテゴリ フォルダ アイテム ユーザー なお、fetch系のメソッドを使用しているため、スタティックと比較して以下のモディファイアが使用できません。 sortモディファイア statusモディファイア inclモディファイア 逆に、ブログ記事であればlastn、limit、sort_order、sort_byモディファイアなどが利用可能です。 ２．使用例 ブログ記事を出力するMTEntriesタグでは日付による範囲指定を行えませんが、MTObjectsタグを利用すれば日付による範囲指定が可能になります。 例えば、ブロ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
