Amazonウィッシュリストをブログパーツに 商品数指定可能（最新登録から順で）: point of view point
（2010.10.03追記） このサービスは提供を終了しました。詳細は以下より。 Amazonのウィッシュリストを表示するブログパーツ提供終了のおしらせ （追記終了） Amazon（アマゾン）のウィッシュリストから、新しく登録したものから、指定件数だけ表示するブログパーツ。 Amazonのウィッシュリストをサイドバーに（ECS 4.0で）Javascript版のバージョンアップ版。前に触れた感じで、 ■使い道 備忘録として、簡単に更新できる商品表示ブログパーツとして、自分がオススメする商品をブログに表示しておきたい人に、さらに、自分が読んだ本を管理するために（Amazonウイッシュリストで“読んだ本”を管理するインスパイア）、とかいろいろ使い道はあるかと思います。 ブログのサイドバーに表示する商品リンクを簡単に更新できるようになります。Amazonのサイトで気に入った商品を「ウィッシュリス
Amazonのウィッシュリストをサイドバーに（ECS 4.0で）Javascript版: point of view point
最新バージョンをAmazonウィッシュリストをブログパーツに 商品数指定可能（最新登録から順でで公開しました。コード生成はそちらからどうぞ。 （以下の情報。06年3月2日現在、正常に動作してません。05年10月からずっとです。詳細はAmazonのListLookupいまだにダメっぽいから。 といってましたが、06年7月に問題解消されたっぽいです。詳細はAmazon Webサービスのウィッシュリスト情報の取得が復活している） AmazonのウィッシュリストをBlog（ブログ）のサイドバーに貼り付けたい、ということで始まったこの計画。ウィッシュリストはAmazonのサービスのひとつで、これを公開することで、「自分がいまほしいのはこれ！」ってのを友達に知らせるためにある模様。でも、これを直接リンクで公開すると、本名とかが公開されていやーんってな具合になる。さらにBlogに貼り付けるにはデザインに
小粋空間: RSS Feed（フィード）を表示する
RSS Feed（フィード）をブログのサイドバー等に表示するテクニックです。方法は色々あるみたいですが、ここでは「Feed2JS」を利用した方法を紹介します。 Feed2JS はフリーのツールです。RSS フィードを HTML として表示させる仕組みは、まずこの Feed2JS に対し、ブログに表示したい RSS フィードのURLを入力して、それに対応する JavaScript を生成します。そしてこの JavaScript をブログに貼り付けまておきます。あとはページを表示することで、JavaScript から Feed2JS のPHPを起動し、さらにPHPのプログラムから RSS フィードを取得し、HTML に変換して表示する、という訳です。 異なるドメインのRSSも利用することができ、表示方法もきめ細かい設定が可能で、単純なテキストとして取得することも可能です。 Feed2JS はサ
[ajax] JavaScript版 RSSリーダー
Kawa.netxp [ajax] JavaScript版 RSSリーダー RSS（ウェブフィード）をダウンロードし、 テンプレートを使用してHTMLページ中に展開する ajax の習作です。 JKL.ParseXML と JKL.Hina を利用しています。 RSS をダウンロード～展開 (DEMO) JavaScript ソース HTML テンプレート RSS 2.0 を利用している場合 日時の表示形式を変更する 表示件数を制限する 対応ブラウザ 応用例 コメントはこちらへ このページへのトラックバック RSS をダウンロード～展開 (DEMO) ボタンを押すと、 RSSファイルをダウンロード～展開します。⇒ 実行 [ここに展開されます] JavaScript ソース JKL.ParseXMLとJKL.Hinaを利用するので、 まず、head 要素内で jkl-hina.js と jk
RSS FeedをJavascriptでウェブページに表示
posted by moondakota at 19:38 Permalink コメント (31) トラックバック (24) カテゴリー:blog このサイト と このサイト を参考に、 RSS FeedをJavascriptでウェブページに表示するスクリプトを設置してみました。 (言ってみれば、ページ組み込み型のRSSリーダーですね。) まぁまぁ使えるんじゃないかと思いますが、今のところ、基本、ノークレーム、ノーサポートです。 UTF-8の方用ページ EUC-JPの方用ページ Shift_JISの方用ページ 【追記】 この仕組みを使って、 まずは暫定的にlivedoorの占いランキングRSSを掲載してみました。 (インデックスページ左)
Javascriptで指定のHTML要素を動的に角丸デザインにする方法:phpspot開発日誌
Nifty Corners This is the original article. The technique has been improved with better browser support and a lot of new features. The new article has been published on the 6th of April 2005. Javascriptで指定のHTML要素を動的に角丸デザインにする方法。 NiftyCornerを使えば、単一のDIV要素を角丸デザインにすることが可能です。 例えば、次のような単一DIV要素も簡単に角丸にできます。 <div id="nifty"><p>test</p></div> <script type="text/javascript"> Rounded("div#nifty","#377CB1","#9
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
ぼくはまちちゃん！(Hatena) - ARTIFACTさまご所望のbookmarklet
(参考) http://d.hatena.ne.jp/kanose/20060310/hamachiya できた！ JavaScript:void(function(){ var x=1; var sa=new Array('わ','ん'); document.body.innerHTML = document.body.innerHTML.replace(/[あ-んア-ンｱ-ﾝ]/g, function(){ return sa[x=x^1] } ); })() じつは応用して↓こうしちゃえば、最速の日中翻訳機にもなるんだよ！ JavaScript:void(function(){ document.body.innerHTML = document.body.innerHTML.replace(/[あ-んア-ンｱ-ﾝ]/g, ''); })() うわ！これってすごいかも！ ブラウザのア
perl + javascript - fetch4js : 404 Blog Not Found
2006年03月10日10:09 カテゴリLightweight Languages perl + javascript - fetch4js (?:ECMA|Java)scriptで、任意のURIをそのまま取得します。 残念ながら、「任意のURI」という条件があるため、XMLHttpRequest も iframe に該当URLをロードする手も使えません。 最速インターフェース研究会 :: [Ajax] JSAN構想とリモートデータの取得とUserJavaScript 通常、JavaScriptを使って動的にデータを読み込む際には、データソースが同一ドメイン上にある必要があります。 XMLHTTPRequestを使う場合でもIFRAMEを使う場合でも同様です。 現在知られている唯一の方法は、 ですが、scriptタグを使う場合に限り、ドメインの制約を受けずにデータを取得することが出来ます
javascript - 二元論テンプレート : 404 Blog Not Found
2006年03月07日03:52 カテゴリLightweight LanguagesBlogosphere javascript - 二元論テンプレート たまたまいい素材をはてブで見つけたので、こんなものを作ってみました。 id:watapocoさん、失礼します。 女→ 男→ Template by: watapocoの日記 - 「女って○○だよね」という言い方について 「女って○○だよね」という言い方について 子どもの時からこういう定義にほとんど当てはまらなかった自分は、この手の決めつけには結構傷ついたものだった。男の人が言ってるなら「女のことが分かってないんだね」で済むけど、女の子が「女ってこうだよねー」と言って、周りの女友達が皆肯定しているのなんかを見ると、「自分は女としてどこかおかしいのか？」とやっぱり少しは気になった。 まあ今は全然平気ですけどね。でも、「女は○○」「男は××」っ
CSS と JavaScript でタブ切り替え
CSS と JavaScript でタブ切り替えを実現しています。 なるべく CSS や JS の記述量を最小にするように努力しました。 もっとシンプルにできそうなアイディアがございましたらご教示下さい。 「無償・無保証・著作権放棄」 ですので、 このページのソースを適当にいじって自由に使って下さい。 全てのタブの中味は 1 つの HTML ファイル (このファイル) に書いてあります。 見出しのクリックにより、表示の ON/OFF を切り替えるだけ、という仕組みです。 タブの見出しをクリックするたびにサーバーを読みに行くのが 欝陶しく思えるときに、うってつけかと。 そう言えば、某サイトでは、クリックどころか、 タブの見出しにマウスカーソルを合わせるだけで、 フォーカスされていることを表す見出しの画像 (背景色が異なるだけ) を いちいち Web サーバーへ取りに
javascript - Tabifier : 404 Blog Not Found
2006年03月02日14:24 カテゴリLightweight Languages javascript - Tabifier というわけで、こんなの作りました。 CSS と JavaScript でタブ切り替え もっとシンプルにできそうなアイディアがございましたらご教示下さい。 誰でも簡単に CSS + Javascript でタブ切り替えを作れます。CSSの知識もJavaScriptの知識も不要です! 基本編 以下をコピペします。 <script type="text/javascript" src="http://blog.livedoor.jp/dankogai/js/tabifier.js"></script> <div id="tabheader"></div><div id="tabbody"></div> <div class="tab" title="Title 1">
RSS FeedをJavascriptでウェブページに表示
RSS FeedをJavascriptでウェブページに表示 (ベータ版) 設定する 以下の設定に従って、表示させたい情報と表示方法を選択してください。 「プレビュー」ボタンを押すと、表示内容と表示方法を確認できます。 問題なく表示されたら、「コードを取得」ボタンを押してください。 そうすると、Javascriptのコードが表示されます。 あとはそれを表示させたい場所へコピペしてください。 レイアウトはCSSで行います。標準では、このCSS を使っています。 URL RSS FeedのURLを入力してください。 文字コード スクリプトを表示するページの文字コードを入力してください。(UTF-8, EUC-JP, Shift_JIS) 参考) このページは、UTF-8で書かれています。 他の文字コードでプレビューを確認する場合はこちら。 EUC-JP / Shift_JIS UTF-8 EUC
IT戦記 - 複雑で重くなった JavaScript を超超ちょ???高速化する方法。
前回(id:amachang:20060104)の改良版です。前回のでやっていたら、queueを走査する時間がかかりすぎるようになって結局崩壊してしまったので、さらに改良しました。ただし、今回のは時間が多少ずれる場合があります。なので、ストップウォッチなどのプログラムを作る場合は使わないでください。 主な改良点としては .(ドット) 減らす。 文字列リテラルをループ中に記述しない。 ループ。ループのネストを減らす。 new を減らす。 関数コールを減らす。 より早い演算を使う。(+1 を ++ にするとか。他にもいっぱい) これで、めっちゃ早くなりました。やヴぁいです。 ミニマム版 var _SIi=10,_SIM='第一引数が不正です。',_SIl=0,_SIc=0,_SIS ='string',_SIF='function',_SIf=window.setInterval,_SIp=[
Javascript（script.aculo.us）で、ブログをアニメーション・デザイン：Goodpic
Ruby on Railsなどにも含まれている、話題のJavascriptライブラリを週末にちょこっと触ってみた。prototype.jsを継承して、Ajaxなユーザーインターフェース機能を実装するためのライブラリ。 script.aculo.us - web 2.0 javascript HTMLコード内に、いちいちファンクションを定義せず、クラス指定だけでアニメーションさせるようにしてみました。 インストールは簡単 上記のサイトから、scriptaculous-js-1.5.1.zip をダウンロードして解凍 /lib と /src を、そのまま自分のサーバにアップロード アップロードしたjavascriptを、使用するページのheadでInclude <head> <script src="js/lib/prototype.js" type="text/javascript"></s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
fetch4js応用編 - はてブをincludeする : 404 Blog Not Found
https://hardwar.org.uk/
JavaScript++かも日記 - 1997年からの
Prototype JavaScript Framework: Class-style OO, Ajax, and more
http://yujiro.dyndns.org/blog/koikikukan/menufolder.php