ドットインストール代表のライフハックブログ
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の計算式を値に変換する方法を紹介します。 スクリーンショットはExcel2003ですが、Excel2007/Excel2010等でも概ね同じだと思います。 1.セルに計算式を設定する ご存知のとおり、Excelでは任意のセルに計算式を設定できます。下のスクリーンショットではB2~B11セルの値の合計「55」を、B12セルに設定したSUM関数で表示しています。 ただし、計算する元の値を削除してしまうと、B12セルに表示されている合計も消えてしまいます。 ここではひとつのシートに値と計算式を設定していますが、たとえば、 シートAに計算式 シートBに値 を設定し、シートBの値を利用してシートAで計算したあと、シートBを削除したいときなどに有効です(下図)。 2.計算式を値に変換する 値に変換したいセルをコピーした状態にします。 コピーしたままの状態で、メニューバーの「編集」→「形式を選
必要ならどうぞ。 デモ 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つずつ値を取り出してそれを今度は別の配列に格納していき、最終的にはその中からランダムで値を取得したいっていうことをやりたかったわけです。要するに連想配列からランダムに値を取り出したいってことですね。それと連想配列の中身や数がケースバイケースで変わるっていう状況を想定しているので、それに合わせた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」 2012年05月01日- Chrome ウェブストア - Dev HTTP Client WEB開発者必携。任意ヘッダーやメソッドを指定して送信できるChromeアプリ「Dev HTTP Client」 サーバに対して、POSTやGET等のメソッドで、独自のクッキーやヘッダーなどを加えて手動で送信できるChromeのアプリです。 POSTで送信する場合ってフォームを用意しないといけないのが面倒ですが、それも手動で指定できるため、非常に便利。 その場で返却値がカラーリングされつつ整形されて見れるので、JSON等の値を見る場合には超便利です JSON返却値の例。カラーリングと整形がありがたい なくてもそこまで困らないかもしれませんが、エントリポイントをちゃんとチェックしたいっていう
スポンサードリンク POSTメソッドでリクエストされたデータは、POST変数「$_POST」を利用し、取得します。 $_POSTには、連想配列でPOSTメソッドでリクエストされたデータが格納されます。 例1) POSTメソッドで送信したデータを取得する。 (1) フォームで、項目「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にはnullとundefinedと、立場が似たものがあるわけですが、さらにこのundefinedにも二種類あるよってお話です。 「本当に無い」のと「「無い」がある」のと 値がundefinedであるときは、文字通り「未定義」である場合と、「未定義という値」である場合とがあります。 var obj = { a: undefined }; console.log(obj.x); // => undefined(定義されていないプロパティ) console.log(obj.a); // => undefined(未定義という値)
Excelで値だけをコピーする方法を紹介します。スクリーンショットはExcel2003ですが、Excel2007/Excel2010等でも概ね同じだと思います。 1.問題点 サンプルとして以下の表を利用します。C7セルには関数(SUM)を挿入して、C2~C6セルの合計「15」を表示するようにしています。 コピーしたC7セルの値をE7セルにペーストすると関数自体がコピーされてしまい、「15」という値はE7セルに反映されません。 ということで、関数の計算結果で値を表示しているセルについて、値だけをコピーする方法を紹介します。 2.値だけをコピーする 値をコピーしたいセルをコピーにします。ここまでは先程の手順と同じです。 コピー先のセルを選択したあと、メニューバーから「編集」→「形式を選択して貼り付け」を選択します。 開いたウィンドウから「値」を選択して「OK」をクリック。Excel2010では
今回、「jQuery Sequential List - Web Designer Wall」をみて、 eachがforと同じ動きをしているのを知った。 関数の中で数字の加算をしたら繰り返しのたびに増える… まさにforの動きなのですが、なぜかこの発想、自分の中になくて なんでこんなことに気づかなかったんだ~って なぜかショックを受けております。 ということで、いつものように試しにメモエントリーしておきます。 今回の簡単仕組み説明 今回使おうとしているのは、jQueryのeach これはよく使うのですが、これがforのかわりになるなんて なぜか思いつかなかった自分…(汗) 発想とかって、やっぱり必要なんだなって実感しております。 ulのliに適応させてみる まずはシンプルにリストに適応させてみます。 ■スクリプト $("#testList li").each(function (i) {
フォームの<input type="file" />の値をjQueryでリセット(クリア)する方法を紹介します。 1.問題点 フォームの値をリセット(クリア)する場合、通常は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)』」というネット上に大量に存在する間違った記述を訂正するエントリ。 結論から先に言うと JavaScriptにおいて、関数の引数として配列を与えた場合、『参照の値渡し』になります。『参照の値渡し』は、『参照渡し(call-by-reference)』ではなく『値渡し(call-by-value)』に分類されます。 参考エントリ 以下の解説が非常にわかりやすいです。G-chan Square - [javascript] javascriptの関数で引数に配列を渡すと、それは本当に参照渡しか? G-chan Square - じゃ、「参照渡し」ってなんだ?簡単に端折ると、関数の引数として変数を与える場合、 値の値渡し(プリミティブ型変数の値をそのまま渡す) 値の参照渡し(プリミティブ型変数の参照を渡す) 参照の値
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
JavaScript おれおれ Advent Calendar 2011 – 7日目 Mathオブジェクトに小数点付きの数値を整数にするメソッドが幾つかあるので、おまけと併せてまとめてみます。 Math.trunc() Math.ceil() Math.floor() Math.round() parseInt() ~~n n | 0 Math.trunc() 小数点以下をごっそり切り捨てます。現代ではとりえずこれ使っておけば良いです。
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を使ってテーブルのセルに入力された数字に応じて背景カラーを変える方法。数字のみが入力されたテーブルの可視性を、色の濃度でグルーピングして可視性を高めます。 Sample こんな感じでグルーピング出来ました。濃い色ほど数字が大きいです。普通にマークアップすれば勝手に色が変るので管理が楽じゃないかなと。 コード$(document).ready(function() { // 配列内の最大値を取得する関数 Array.max = function(arra
Movable Typeのデータベースに対し、任意のフィールドを指定してデータを取得できるObjectプラグインをバージョンアップしました。 1.変更点 以下のオブジェクトについて、ダイナミックパブリッシングに対応しました。 ブログ記事 ウェブページ コメント トラックバック カテゴリ フォルダ アイテム ユーザー なお、fetch系のメソッドを使用しているため、スタティックと比較して以下のモディファイアが使用できません。 sortモディファイア statusモディファイア inclモディファイア 逆に、ブログ記事であればlastn、limit、sort_order、sort_byモディファイアなどが利用可能です。 2.使用例 ブログ記事を出力するMTEntriesタグでは日付による範囲指定を行えませんが、MTObjectsタグを利用すれば日付による範囲指定が可能になります。 例えば、ブロ
jQuery spin button html form control | EGrappler Windowsのスピンボタンコントロールを実装できるjQueryプラグイン「Smart Spin」。 上下矢印がついていて、数値をアップ・ダウンできるコントロールが実装できるjQueryプラグインです。 通常のHTMLでは数値を入力してもらったりする必要がありますが、このコントロールを使えばクリックでパラメータ調整ができます。 こうしたUIが適しているところもありそうなので知っておいてもよいかも。 ホイールも効くみたいです。 <input type="text" id="spn" class="smartspinner" /> 実装は<input>を定義して、spinitでオプション指定しつつ初期化するというもので簡単。 $('#spn').spinit({min:2,max:200,step
Home | Elycharts 様々なインタラクティブ要素のあるグラフが描画できるJSライブラリ「Elycharts」。 マウスをホバーさせると値を表示したりグラフが動いたりするグラフを色々と描画できるのがElycharts。 線グラフ。マウス位置に応じてバーが移動 棒グラフも色々描けます。 円グラフ。マウスホバーで動きます ドーナッツグラフ 複雑な円グラフも描画可能 動きはデモページを確認してみてください 関連エントリ tableデータをグラフに置き換えてくれるjQueryプラグイン「Chartify」 HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」 小さくで可愛いグラフが描けるjQueryプラグイン「Piety」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く