まよねこ inside » memo

【jQuery】外部リンクを別ウィンで開きたいー

Mayo — Mon, 04 Jan 2010 05:54:05 +0000

じぶんの個人サイトで、外部リンクを別ウィンドウで開くのをjQueryでやりたいなーと思って、ちょっとぐぐった＆エラーとか出たので自分用メモ。

ぐぐって、なんとなくこの辺（↓）を参照させていただくことに。

さて、残念ながらアタシにはどっちがイイとかよくわからないので、、、ひとまず前者のソースをお借りしてやってみます。
いつだかにダウンロードしてたjquery.js（v1.3.2）を設置し、
新規JSファイルに、上のエントリーのソース（これ↓）をコピペ、

$(document).ready( function () {
$(‘a[@href^="http"]‘).not(‘[@href*="www.sample.com"]‘).click(function(){
window.open(this.href, ”);
return false;});
});

「www.sample.com」をアタシの場合は「mayoneco.com」に変更し、保存。
HTML側に上記2つのJSファイルへのリンクつけまして、これでOK！
…のは・ず・が、、、
構文エラーだよ！とFirebugで下記のようなエラーが出てしまいました。

[Exception... "'Syntax error, unrecognized expression: [@href^=http://]‘ when calling method: [nsIDOMEventListener::handleEvent]” nsresult: “0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)” location: “” data: no]

はいはい、何言ってるんでしょうかね？ふふふ…と、英語のエラーが出るとひとまず目を逸らしたくなるアタシですがw、調べたら、このへんが怪しそう！

よくよく見てみると、、

The @ syntax is no longer supported in JQuery 1.3+.
So the simple fix is to just remove the @ and it’ll work

jQuery 1.3以降のバージョンでは@をつかう構文がサポート外ってコトみたいですな。
今回アタシが設置していたのはバージョン1.3.2。つまりサポート外。
“@”を消せばOK！って書いてあるので、よくわからないまま消したら本当にOKでしたw

JSの知識をきちんと入れてないまま使ってる上に、バージョンによる構文の違いなんてほとんど意識外なもので；、いい勉強になりましたぁぁ。
でもって、すぐ忘れるので今回は忘れないうちにメモメモ。

JQueryでCSSの複数プロパティを変えたいの

Mayo — Mon, 29 Jun 2009 12:16:22 +0000

とゆーわけでgoogle先生召喚。
一発解決！

cssメソッドに2つのパラメーターを与える場合、以下のようなcodeが考えられる。
$(”p”).css(”color”,”#000000″).css(”background-color”,”#0033cc”)
この様に複数のプロパティを同時に操作する場合、以下の記述で対応できる。
$(”p”).css({”color”:”#000000″,”background-color”:”#0033cc”})

参照元：jQuery:CSSへのアクセス | [E2]e2esound.com

なるほどね～
こつこつと本見たりして勉強するのもいいんだけど、やっぱり実践で必要に迫られてやろうとすると身につくの早いと思う。
とはいえ、アタシはもう少し基礎的部分を勉強して土台を固めたほうがきっともっと幅が広がるだろうな、と。

ロクナナのワークショップ、やっぱ行こうかな～
自分への気合入魂も込めて。

何しろ、自分で調べて、たとえ9割コピペでも笑、思い描いたものが出来ると充実感ある！
最近、JS楽しいなーと思えている。
楽しければ何でも出来るよね！！

お母さんは大変っ

Mayo — Fri, 12 Jun 2009 06:32:09 +0000

同じ部署の女性のかたが来週から産休に入るそう。
予定日は来月。
立派なおなか。
仰向けに寝れないらしい。
寝返り打とうとすると起きちゃうらしい。

アタシも一応女性の分類だが、この手の話はわからないことだらけー。
妊婦さんの話を聴くたびに、ほぅ！とびっくりしたりする。

ちなみに今は都内あちこち保育園不足。
仕事の復帰も楽じゃない。
でも仕事しなくちゃ家計がやばい。

産むまでも大変で、産むのも大変で、産んでからも大変。
死ぬまでの付き合いだ。
おぉ、母は偉大なり。

あと、地域によって保育園の競争率が違うから、都内で住まいを探す時はそこんとこも考慮にいれなければならぬ。
あ、考慮に入れなきゃいけないのは、まぁまだきっと先の話だが。
忘れちゃうから、メモね、メモ。

WPでカテゴリーの階層表示

Mayo — Thu, 11 Jun 2009 05:32:20 +0000

wordpressでカテゴリーに階層（親子）つけられるのは知っていたし、ちゃっかりこのブログもしてたんだが、表示は無関係に名前で昇順になってしまってた。
これぢゃ意味ねーと思い、表示を変えるにはどーすりゃいいの～と思って、とりあえずgoogle先生を召喚。

なんとなく、phpまわりをいじるっぽい、と判断。
“～hierarchical=0″の値を1にするとかって書いてあるけど、テーマが違うからでしょう、該当するphpも記述も見当たらない。
うう…やっぱアタシごときにはわからない領域なのか…と諦めかけたが、

他ブログのエントリーに、「外観→ウィジェット」の設定をいじるっぽい表記を発見。
そいや「外観→編集」ばっかり見て、ウィジェット忘れかけてた！

で、見てみたらあった！！
「外観→ウィジェット→カテゴリー」の▼押したらー
「階層を表示」！！
これこれー！
はい、ボックスに即効チェックー
これで階層表示になりました！

ただアタシの使ってるテーマだと、ただただ見にくい感じだったので、cssはちょこっといじった。

wordpressって、ver.ごとに左ナビとかの日本語表記やら結構変わるみたいね。
ネットにころがってる過去ログとかで手がかりを探し出しても、そこの解読からしないといけないのは手間だ。

ちなみに今のバージョンは、2.8。