JavaScript

Google Map にイベントを発生させる GEvent.trigger

1

Google Map API で作成したマーカをクリックすると情報ウィンドウを開くようにすることがありますが、地図以外のところのリンクなどをクリックしてマーカの情報ウィンドウを開くには、GEvent.trigger を使用してイベントを発生させます。
(続きを読む…)

Google Maps API を UTF-8 以外で使用する

3

GoogleMap を使用するときに HTML の文字コードを UTF-8 以外にすると GoolgeMap の JavaScript を読み込んだときに IE などでエラーになる。その回避方法と読み込むときに文字コード(charset=”utf-8″)を指定すればOK。

<script src="http://maps.google.com/maps?file=api&v=2&key=GOOGEL_MAP_API_KEY" type="text/javascript" charset="utf-8"></script>

参考 URL:utf-8以外の文字コードで、Google Maps APIを使う (OPQR.jp : WebサービスとWebデザインについて考えてみる;)

mailto で本文をエンコードしたまま表示する方法

0

mailto:hoge@example.com?body=本文
とすると、本文をデフォルトで表示させることができます。

この本文に日本語などをエンコードしたまま渡したい場合があります。普通に body の値にエンコードした文字列を指定すると mailto をクリックしたときにブラウザが勝手にデコードしてしまいます。エンコードしたまま本文の値を渡したい場合は二重にデコードすれば、エンコードした文字列のままメーラーの本文に文字列が表示されます。
(続きを読む…)

jQuery で Ajax のメモ

0

jQuery の自分へのメモです。
(続きを読む…)

Amazonに横浜市立図書館の検索結果を差し込むgreasemonkeyスクリプト

4

unwind-protect: Amazonに横浜市立図書館の検索結果を差し込むgreasemonkeyスクリプト – 改訂

上記スクリプトを便利に使わせていただいていたのですが、先週くらいから急に表示されなくなりました。どうやら Amazon の HTML が微妙に変更されたのが原因のようです。図書館への予約を Amazon のページからすることが多かったので、不便なので原因を究明して修正してみました。
(続きを読む…)

jQuery でクッキーを扱う方法

1

jQuery でクッキーを扱うのを下記サイトを参考にやってみました。
javascriptライブラリjQueryでcookieを超簡単に扱う方法 : 4GALAXYのメモ
Klaus Hartl – Stilbüro : Cookie Plugin for jQuery

jquery.cookie.js の準備

jquery.cookie.js をダウンロードして HTML で使えるようにします。

<script type="text/javascript" src="jquery.cookie.js"></script>

(続きを読む…)

WordPress 管理画面でウィジットをドラッグ&ドロップするとおかしくなるのを修正

2

WordPress の管理画面でダイナミックウィジットを編集する機能で、ウィジットをドラッグ&ドロップして順番を入れ替えることができます。しかし、ドロップする場所によっては下記画像のようになってしまいます。

管理画面のウィジット
(続きを読む…)

markItUp! を CakePHP で使用するヘルパー

0

jQuery を使用したブラウザで使用できる高機能マークアップエディタ markItUp! で紹介した markItUP を CakePHP で使用するヘルパーが Bakery に紹介されていました。
markItUp! jQuery universal markup editor Helper | The Bakery, Everything CakePHP : Articles

元の記事のままやってみたのですが一部うまく動作しなかった部分がありましたので、実際に私がやった手順を紹介します。
(続きを読む…)

jQuery を使用したブラウザで使用できる高機能マークアップエディタ markItUp!

2

jQuery を使用したブラウザで使用できる高機能なマークアップエディタです。
markItUp! Universal Markup Editor

まずはデモでどのようなエディタができるかを見てみるのが早いかと思います。
HTML
Wiki 記法
Mac OS 風
(続きを読む…)

jQuery で属性値を変更するには set ではなく attr メソッド

1

jQuery で属性値を変更する方法を Google で検索すると

$('#hoge').set('href', 'http://www.syuhari.jp/');

というやり方が結構ヒットするのですが、jQuery1.2.x では

$('#hoge').attr('href', 'http://www.syuhari.jp/');

のように attr メソッドを使用します。

参考:Attributes/attr – jQuery JavaScript Library

Go to Top