Development memo » Javascript

グーグルのCDNを利用してjqueryを読み込む2

soya — Mon, 21 Jun 2010 09:22:37 +0000

以前書いたメモの追記。ｊqueryの1.4.2とthemeまでグーグルから呼んでしまおうという奥義です。

このthemeで読み込めるthemeの種類はhttp://jqueryui.com/developmentこちらの右下にある base, black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint-choc, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, vader これらのthemeが指定できる。

サンプルコードはbaseを指定しています。

thickbox.js とIE7でバグかと・・・

soya — Fri, 19 Mar 2010 08:41:18 +0000

thickbox.jsを使って、htmlを表示させようとしたのですが、IE７で表示すると、ページの下のほうでthickboxを使うと、ページの上部でウィンドウが開くという現象に悩まされた。jqeryのバージョンをさげたり、thickboxのパラメータをいろいろ変えたりしたけど、解決せず。

Thickboxの公式サイトをよく読んで見ると、

Before you can implement ThickBox make sure the page that invokes ThickBox has a valid DTD. This is required for ThickBox to look and function correctly.

おい。

ということで、

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

私のｈｔｍｌの場合上記を入れることで、解決。幸せになりました。

Googleのjqueryを読み込む

soya — Sun, 20 Dec 2009 04:19:24 +0000

自分のサイトにjqueryを置かずに、Googleからjqueryを読み込むメモ。

APIを利用する場合は、

YOUR_API_KEYは自分のAPIキーに書き換えて。
GOOGLE API KEYはこちらで取得。

jqueryをgoogleのjsapiで読み込む

soya — Mon, 26 Oct 2009 03:53:35 +0000

javascriptのファイルを置けないサーバーでもjqueryを使えるようにしたときのメモ。
こう書くことで自分のサーバー上にjqueryのjsファイルがなくてもjqueryを書くことができる。便利。

Javascript　elementの値がとれず、ハマリました

soya — Tue, 17 Mar 2009 01:37:23 +0000

DOM(thickbox)で読み込んだページの先でJavascriptによるフォームの精査をするスクリプトを書いたのですが、elementの値がとれず、原因を調べるのに少々時間がかかりました。

原因はフォーム名の重複でした。こんな基本的なところで引っかかるなんて・・・。DOMで読み込んだものがFORMの0番目だと思い込んでいたので、それがそもそもの間違いでした。DOMを呼び出している側のFORMが0番目になります。

結局DOMで読み込んだ側のFORMに名前をつけてやって無事解決しました。

いずれまたはまりそうな気がしたのでメモっておきます。

FCKeditorに.flvファイルをアップできるようにする。

soya — Sat, 28 Feb 2009 16:17:41 +0000

FCKeditorでFLV動画を扱えるようにする。

http://beabo.net/2008/06/add-flvplayer/

こちらのサイトを参考にやってみたのだが、アイコンをクリックするとポップアップ先のURLが
（http://サイト名/FCKEditor/editor/plugins/flvPlayer/undefined. ）となり表示されない。
原因は分からないが、修正方法は以下のとおり。

http://sourceforge.net/tracker/index.php?func=detail&aid=1856051&group_id=75348&atid=737639

からダウンロードしてきたｆｌｖPlayerプラグインを解凍すると出来るフォルダの
ｆｌｖPlayer/flvPlayer.jsの235行目くらい、

function BrowseServer()
{
	OpenServerBrowser(
		'flv',
		oEditor.FCKConfig.MediaBrowserURL,
		oEditor.FCKConfig.MediaBrowserWindowWidth,
		oEditor.FCKConfig.MediaBrowserWindowHeight ) ;
}

これを以下のように変更する

function BrowseServer()
{
	OpenServerBrowser(
		'flv',
		oEditor.FCKConfig.FlashBrowserURL,
		oEditor.FCKConfig.FlashBrowserWindowWidth,
		oEditor.FCKConfig.FlashBrowserWindowHeight) ;
}

class=”thickbox” に rel をつけると画像が表示されない

soya — Fri, 20 Feb 2009 08:34:13 +0000

thickboxでグループ化しようと思ったら、画像が表示されませんでした。reｌをつけないとうまくいくのに。

以前制作したときには問題なくグループ化できたので、原因を調べて見たところ、jQueryのバージョンが以前制作したものと違っていました。

今回エラーがでたバージョンはjQuery3.1で以前正常に表示できたjQuery はjQuery 1.2.6でした。案の定jQuery 1.2.6にバージョンを落としてみたらグループ化できました。しかし、jQueryは他の部分でもしようしているのでバージョンを下げるわけにはいかず、色々と調べたところ、

Thickbox 3.1（unCompressed）の79行目、
TB_TempArray = $(“a[@rel="+imageGroup+"]“).get();
というの
TB_TempArray = $(“a[rel="+imageGroup+"]“).get();

に変更すれば出来ました。

ポップアップブロックでハマったのでメモ

soya — Wed, 15 Oct 2008 11:19:46 +0000

ＩＥ７とＦｉｒｅｆｏｘでローカルで動作確認したのち、本番サーバーへファイルをアップロードし、動作確認をしたわけですが、なぜか

window.open(url);

が動作せず。
ポップアップブロッカーのことは知っていたけど、最初にポップアップする際に「どうしますか？」みたいに聞かれると思っていた。原因不明なので

ini_setエラーレポーティングをE_ALLに。そしてApacheのerror.logを調べて見ることに。
しかし、これといってエラーは出されてなかった。

次に

win = windou.open(url);
alert(win);

をやってみたらnullが帰ってきた。お帰り。
じゃなくて返ってきた。

調べてみるとポップアップブロックなどでウィンドウを開くことができなかった場合はnullを返すらしいです。
ということで

win = windou.open(url);
if (win==null) alert('ブロックされています');

としました。

TinyMCE　3xの組み込み+日本語化

soya — Mon, 29 Sep 2008 20:15:16 +0000

TinyMCEはLGPLの下Moxiecode社によって開発されているWYSIWYGのWEBエディタです。
TinyMCEを組み込んだときのメモ

以下のURLから２つのファイルをダウンロード

Main　Pacageをダウンロード（私がダウンロードしたものは、tinymce_3_2_0_1.zip）
Main　PacageをダウンロードしたページのLanguage_packsというリンクをクリックしてJapaneseをチェックしてダウンロード(tinymce_lang_pack.zip)
→http://tinymce.moxiecode.com

二つのファイルを解凍したら、tinymce_3_2_0_1.zipからできたtinymce/jscripts/tiny_mceにtinymce_lang_packを上書き保存する。

動作するHTMLの記述を