読者です 読者をやめる 読者になる 読者になる

jQueryでテキストエリア内のスクロールが発生しているか検知する方法

いつの間にか新年になっていました。 あけましておめでとうございます。今年もよろしくお願いします。 html上の要素を制御する方法について色々と調べていたら、面白そうなものを見つけました。 jQuery でサイズや位置を取得する方法を図にしてみた - Cyokod…

jQueryのtriggerでaタグのhrefへ遷移させる方法

リンクを描画するための極めてシンプルな方法として<a>タグのhrefがあります。 あずまや <a href="http://azuma006.hatenablog.com/">あずまや</a> <a></a>タグで囲まれた文字列をクリックすると、href属性に書かれたURLへ遷移します。 今回はAjaxでなんらかの処理をしたあと、画面内のリンク先へ遷移させるため、jQue</a>…

jQueryプラグイン「maphilight」で領域ごとに色や定義を分ける方法

関連:クリッカブルエリアを可視化(色付け)するjQueryプラグイン「maphilight」 jQueryプラグイン「maphilight」を使うと、mapタグとareaタグで定義されたクリック可能なエリアに色が付き可視化されます。 ただ、そのまま使うと全てのmapタグで色指定を含む…

クリッカブルエリアを可視化(色付け)するjQueryプラグイン「maphilight」

jQuery maphilight documentation 昨日の記事で、画像の一部をクリック可能にする方法を取り扱いました。 html5で画像などの一部をクリック可能にする方法 マウスポインタを当てるとマウスカーソルの形が変わるのがわかりますが、一見しただけではクリック可…

独自のコンテキストメニューを表示できるjQueryプラグイン「ContextMenu plugin」

ContextMenu plugin ブラウザ上で右クリックすると「コンテキストメニュー」と呼ばれるメニューが表示されます。 拡張機能をインストールすると項目が増えることもあります。 そんなコンテキストメニューですが、たまにブラウザのメニューではなく独自のメニ…

Google Books APIでISBNコードから書籍検索するスクリプト

昨日、書籍検索APIについて少し調べたので記事を書きました。 書籍検索API どうやら、Google Books APIに関してはAPIKeyが無くても情報を取得できるようです。必須ではないみたいですね。 ということで、ISBNコードを入力して簡単な書籍情報を取得できるスク…

CSSでレート評価(★)を表現してみる

よくアプリのレート評価などで星マーク(★)を使った表現が使われます。 無評価の0から5つ星の6段階であれば、星マークをただ並べれば良いのですが、評価人数の母体が増えると、平均して3.7つ星なんていう状況も出てきます。 そんな表現をCSSだけで出来ないか…

jQueryプラグイン「jqGrid」を勉強しました その2

前回はほとんど導入のみだった気もするので、今回は編集メインで組んでみました。 行の追加、行の編集、行の削除、それと簡易絞込み検索を実装しています。 参考:jQueryプラグイン「jqGrid」を勉強しました jqGridデモ jqGrid Demo2 ※TOK2で404となっていま…

jqGridでdelRowData後にソートが効かなくなる

たまにjqGridに触れる機会があります。 関連:jQueryプラグイン「jqGrid」を勉強しました 前回のサンプルでは単純なグリッドテーブルで行の追加や削除は実装していませんでした。 jqGridのデータはサーバから取得することが多いですが、ローカルにデータを持…

要素を震えさせるjQueryプラグイン「jRumble」

jRumble | A jQuery Plugin That Rumbles Elements 面白いjQueryプラグインがありました。 デモ マウスを載せると震えます。 // x: // 水平方向の震える幅 y: // 垂直方向の震える幅 rotation: // 震える角度 speed: // 震える速さ 使い方 必要なファイル jQ…

JavaScriptでQRコード生成

昨日の記事に連なります。 JavaScriptでバーコード生成 jQueryのプラグインにバーコードを生成してくれるものがありますが、二次元コードであるQRコードを生成してくれるプラグインもありました。 http://jeromeetienne.github.io/jquery-qrcode/ QRコードは…

JavaScriptでバーコード生成

以前、講談社コミックスからバーコードが消えていた件で、書籍バーコードの生成を行う記事を書きました。 そのときはバーコードの生成によそ様のサイトを紹介したのですが、調べてみたらjQueryプラグインが公開されていました。 http://barcode-coder.com/ …

jQueryで遊んでみましたの3

前回。 昨日に比べると軽いコードです。 クリックするたびにテーブル上の文字を切り替えるだけです。 一応、ついでに背景とかtitleとかも替えてますが、パターンの判定は単純なswitch文です。 // クリックするたびに文字を切り替える デモ グー チョキ パー …

jQueryプラグイン「jqGrid」を勉強しました

必要に迫られたので。 jQuery Grid Plugin – jqGrid [日本語マニュアルサイト:jqGrid] jqGridデモ jqGrid Demo ※TOK2で404となっていました。すみません… 主な機能 jqGridを使用したグリッドテーブル jqGridでのヘッダ2段組 jqGridでの横固定スクロール jqG…

jQueryで遊んでみましたの2

前回。 今回はjQuery UIを使ったツールチップで遊んでみました。 ツールチップというのは、マウスポインタをリンクや画像などの上に乗せると浮き上がってくる文章やオブジェクトのことです。 百聞は一見に如かず、以下のデモにあるリンクにマウスポインタを…

jQueryで遊んでみましたの1

本格的にjQueryを勉強しようと思い至りました。 今回は、animate関数を使ったアニメーションです。 アニメーションは独自で実装するのが困難だったので、jQueryを使うなら最初にやってみたいことでした。 // クリックでメニュー開閉 デモ click もう1回クリ…