基本的な事だけど、やらないと忘れちゃうので、一応メモ。
var params ={
“id”:$(“#id”).val(),
“name”:$(“#name”).val(),
“img”:$(“#img”).val(),
“type”:$(“#type”).val(),
“desc”:$(“#desc”).val()
}
こんな感じで、連想配列は、作る。
で、
アラートするには、
alert(params["id"]);
こんな感じで、添え字を“”で括る。“”忘れるとエラーになるので注意。
…基本的すぎる…まさにメモ
わりと良く見かける、ボタンをクリックしたら、新しいwindowが開き、詳細の説明や地図などが、表示される仕組み。
この、新しく開いた小窓的ページから、元々あったページにテキストなどを書き込む方法。
新しく開いた小窓ページのスクリプトに、
window.opener.～
こんな感じにすると、「このwindowを、開いたページ」、つまり、元あったページの要素を取得できる。
このwindow.openerが、重要。
うさのJavaScript講座のサンプルに乗ってた。
http://usagi-js.com/sample/sample2/sample14a.htm
他にも、いろいろあるので、その都度解析して勉強しよう★
以前作った、gourmapスタッフブログで使った方法を、忘れない様にメモ。 JS
$(function(){ var test_tag = $(".no_tag_area").html(); var test_no_tag = test.replace(/<\/?[^>]+>/gi, ""); });
HTML
<html> <head> <title>htmlタグを消す</title> </head> <body> <div class="no_tag_area"> <p>今日は、一日眠かった。</p> <SPAN>明日も、眠いかなぁ？</SPAN> </div> </body> </html>
replace()は、引数を与えたとき、第一引数を、第二引数に変換する。
例）
replace(A,B);
Aを、Bに変換する
変換前)AABCCC
返還後)BBBCCC
こんな感じ。
上記の、replace(/<\/?[^>]+>/gi, “”);は、
/<\/?[^>]+>/giを、空にする。つまり消すって事。
/<\/?[^>]+>/giが、htmlタグを表しているんだけど、それの説明は、また今度。
xmlを、javascriptで扱うとにに、便利なライブラリ、ObjTree
http://www.kawa.net/works/js/xml/objtree.html
使い方は、
$.get(“xxx/yyy.php”, function(xml){
var objtree = new XML.ObjTree();
/*複数出現するとわかっているタグ(繰り返し処理がある)をあらかじめobjtree.force_array で指定。こうすると、配列の中に、一つしか要素が無くても、エラーが出にくい。*/
objtree.force_array = ["area", "pref", "city"];
var tree = objtree.parseDOM(xml.documentElement);
/*この後は、jsonと同じ様に、「.」で繋いで、ツリー状に要素を取得出来る。*/
alert(tree.title)
}
こんな感じ。
ただ、変数で表せないタグは、[]で表現する。コロンがあると、ドットでつないで取得できないので、[""]で選択
例) var areaList = tree.rss.channel["ldWeather:source"].area;
変数で表せるかどうかは、firebugのコンソールで、取得しているxmlを見てみるのが良い。
写真を、パラっとめくる様に切り替えられる、jQueryプラグイン。
http://jonraasch.com/blog/quickflip-2-jquery-plugin
単なる、QuickFlipとQuickFlip2の違いは、微妙にわからず。
使い方は、まずjQueryと、ダウンロードしたjquery.quickflip.jsをhtmlに読み込んで、さらにそれとは別に、
<script type="text/javascript">
$(function(){
$('.quickflip-wrapper').quickFlipper();
});
</script>
こんな感じで表記。多分、別ファイルにしても問題ないでしょう。
で、肝心のｈｔｍｌには、
<div class="quickflip-wrapper" style="width:240px;"> <div><a href="#" class="quickFlipCta">前</a></div> <div><a href="#" class="quickFlipCta">後</a></div> </div>
こんな感じで書くと、とりあえず実装出来た。
ダウンロードページをよく見ると、quickFlipper()には、引数が入れられるっぽくて、スピードとかを調整できるみたい。
とりあえず、もう少しいじってみないと、わからない事が多いけど、なんとなく便利そうだ。
