Category Archives: Javascript

DOM Scripting: Web Design with JavaScript and the Document Object Model

amazon.comでレビューを読んでみたけど面白そう。この手の本はやはりアメリカのほうが種類も豊富で質が高いものが多い。(駄目なのもあるけど)

Posted in Javascript, メモ・リンクとか | Leave a comment

Javascriptビジュアルリファレンス

先日のエントリーで購入予定と書いた本JavaScriptビジュアル・リファレンスを北千住の紀伊国屋で購入。パラパラ読んだけどDOMの解説なんかも載っていて何か作りたくなってきますねぇ。これはいわゆるリファレンス本なんで言語そのものを解説しているような、プログラミングPerlみたいなのが欲しいんだけどいいのあったら教えてください。

Posted in Javascript | Leave a comment

XMLで&が使えない。

地図や経路探索のURLをXMLに入れようとしたら「&」が使えなくてエラー。解決法を考える。 他の使わない文字で置き換えてパース後に「&」に置き換える。 というのを考えて実際作ってみたんだが、コメント欄に素敵な回答が。 「&でいけませんか?」 はい、ばっちり行けましたありがとうございます。 アクセス解析によると「xmlで’&’」というキーワードでたどり着く人が多いようなので書き直しました。「10日でおぼえるXML入門教室 第2版」あたりも人気ですね。 おまけ。 Internet Explorer6 & Javascriptでクリップボードにコピー。 window.clipboardData.setData(“text”,”この内容がクリップボードにコピーされます”)

Posted in Javascript | 2 Comments

Flickr API

Flickr Viewerを作ってるときに jkl-parsexmlでどう展開されたかが分からなくてこんなんで調べました。一応メモということで…。 var d = ”"; for (var prop in data["rsp"]["photo"]["urls"]["url"]) {   d += prop; } alert(d);

Posted in Javascript | Leave a comment

初AJAX JKL-parsexml.jsとprototype.jsを使ってチャレンジ

やっとこAJAXな物を作りました。 Flickr.comの最新画像を左右に3x3=9枚ずつ画像が表示します。 その後左側は10秒毎に、右は20秒毎に自動で更新します。 画像をクリックするとそれぞれミディアムサイズの画像が下に表示されます。 XMLの読み込みと解析はJKL-parsexml.jsを、DOMの操作はprototype.jsを使用しています。 初めてだったのでかなりてこずったー。しばらく Flickr + Ajax で遊んでみよう。 →Flickr Viewer AJAX版を見る *****AJAX参考書***** AJAX Webアプリケーション アイデアブック 入門 Ajax

Posted in Javascript, PHP | Leave a comment

Prototype.js調査中

prototype.jsを使って Flickr Viewer を制作しようと色々やってます。昨日はFlickrからXMLを受け取るところまで出来ていたので今日はパースと思っていたのになぜか動かない…。基本的な知識が足りなさ過ぎるのでこの機会に勉強しよ。

Posted in Javascript | Leave a comment

今後作りたいもの

勉強用としてこんなもん作ってみようかなぁと考え中。 Ajax版のFlickr Viewer そろそろAjaxな物を作っておきたいなっと。 Googzon(ちょっと大げさ) GoogleかYahooのAPIと Amazon ECSを使って同じ検索ワードでwebと本を検索する奴を作ってみようかと。 Amazonの方は作ったことあるけどGoogleもYahooもどっちもまだ触ってないので面白そうなんだよね。

Posted in Javascript, PHP | Leave a comment

prototype.js

prototype.jsという便利な物を発見。DOMへのアクセスがらくちんになるね。そろそろ Ajax な小物にチャレンジしてみたいんだけど、見れば見るほど難しい…。入門に良さげなページを探そっと。

Posted in Javascript | Leave a comment

Javascript+CSSでナビゲーションの折りたたみ

RSSでチェックしているAS2appさんのこのエントリにトラックバックします。http://www.logicalyze.com/as2app/archives/2005/10/post_11.html >※FireFoxでは動かないかも との事でしたがやっぱり動きませんでした。 Javascript部分を下記のものに入れ替えると firefox, safari, mac IE5.2 でも動きます。 <!– function my_menu(target) { if(document.getElementById){ if(document.getElementById(id).style.display == "none"){ document.getElementById(id).style.display = "block" } else { document.getElementById(id).style.display = "none" } } } //–> <h2><A href="javaScript:my_menu(‘a_menu’)">▼アーカイブ</A></h2> <div id="a_menu" style="display:none"> <ul> ———————- </ul> </div> **** … Continue reading

Posted in Javascript | Leave a comment

Javascript:XMLを使った日時指定可能なメッセージ表示

JavascriptとXMLを使って指定した日時の間だけメッセージを表示します。仕事で運営しているECサイトで指定された日時の間だけサーバーメンテナンスのお知らせを表示することになりました。しかも立て続けに2回!!いちいち差し替えるのは面倒なので指定した日時になったら自動的にメッセージの表示・非表示をするスクリプトを作りました。 XMLないの<news>~</news>を増やすことで複数のメッセージが表示できます。 ※XMLの解析にKawa.netさんの JKL.ParseXMLを使用しています。こちらからライブラリをダウンロードしてください。 →ライブラリのダウンロード Javascriptのソース <script> <!– //ニュース情報が入ったXMLファイル var url = "news.xml"; //XML解析オブジェクト var xml = new JKL.ParseXML( url ); //表示メッセージ var message=""; //XMLデータ読み込み var data = xml.parse(); //今日の日付ゲット date = new Date(); var y = String(date.getFullYear()); var mt … Continue reading

Posted in Javascript | 3 Comments