中々いまどき風なAjaxを使ったメールフォーム。。。

http://www.ajaxmail.jp/

見た目もさることながら、使い勝手も良く・・・便利です。
開発された伊藤様・・・ご苦労様です。

【↓こんな感じです。】

送信フォーム

サンプルは一時閉鎖(笑)

Lightboxとバッティングする。。。

CMS系に利用する時は注意が必要だ。

Read More

昨日の記事で・・・、
「Google AJAX Feed API」を業務連絡したついでに・・・、
とある問題を解決・・・、

さっそく本題に入ろうかと・・・、

「Yahoo! pipes」

その「Yahoo! pipes」を利用して広告データを取り除いて「Google AJAX Feed API」にて一覧表示する事もできます。

Yahoo!の無料で利用できるサービスになります。
色々なブログからRSSデータを取得してまとめたり・・・、1件のブログから条件にあったfeedを抜き出してRSSを生成したり・・・、
まぁ、いろいろできて・・・、
超便利です・・・、
しかし、Yahoo!といってもYahoo!Japanでの提供サービスではありませんので・・・全文英語。
ご利用方法は・・・、

また後日でも・・・。

Read More

『Google AJAX Feed API』を利用してフィードの表示をしてみました。。。

<!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
  <!--
  // Created with a Google AJAX Search and Feed Wizard
  // http://code.google.com/apis/ajaxsearch/wizards.html
  -->

  <!--
  // The Following div element will end up holding the actual feed control.
  // You can place this anywhere on your page.
  -->
  <div id="feed-control">
    <span style="color:#676767;font-size:11px;margin:10px;padding:4px;">Loading...</span>
  </div>

  <!-- Google Ajax Api
  -->
  <script src="http://www.google.com/jsapi?key=notsupplied-wizard"
    type="text/javascript"></script>

  <!-- Dynamic Feed Control and Stylesheet -->
  <script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"
    type="text/javascript"></script>
  <style type="text/css">
    @import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
  </style>

  <script type="text/javascript">
    function LoadDynamicFeedControl() {
      var feeds = [
	{title: 'トラスティ　（新館）',
	 url: 'http://www.trusty21.com/blog/?mode=rss'
	},
	{title: 'トラスティ　（別館）',
	 url: 'http://blog.livedoor.jp/trusty21/index.rdf'
	},
	{title: 'スリングショットウェイクボード',
	 url: 'http://www.slingshot.jp/blog/?mode=rss'
	}];
      var options = {
        stacked : true,
        horizontal : false,
        title : "トラスティfeed"
      }

      new GFdynamicFeedControl(feeds, 'feed-control', options);
    }
    // Load the feeds API and set the onload callback.
    google.load('feeds', '1');
    google.setOnLoadCallback(LoadDynamicFeedControl);
  </script>
<!-- ++End Dynamic Feed Control Wizard Generated Code++ -->

Feedの数は29行目以降の部分を「 , (カンマ) 」で区切って増減できます。

【例】
var feeds = [
{title: 'ブログその１',
url: 'http://ブログアドレス/index.rdf'
},
{title: 'ブログその2',
url: 'http://blog.アドレス.jp/ブログ/index.rdf'
},
{title: 'ブログその3',
url: 'http://blog.ブログ.jp/rss.rdf'
},
{title: 'メガエアーがここには・・・',
url: 'http://ブログフィード.jp/blog/?mode=rss'
}];

その他、見た目を変更したい場合は、24行目あたりにあるURLのCSSファイルを改造して自身のサーバにUPしてからURL指定を変更すればOK！

その他、JavaScriptエラーが出る場合のほとんどは、埋め込みや改造の際にカンマやクォーテーションを忘れてしまったりすることによる事が多いので、1行ずつ確認いただければと思います。

Read More