まぁくんの店 仕事内容&雑談!! 四條畷
2012 / 11   «« ■ »»
01
T
02
F
03
S
04
S
05
M
06
T
 
07
W
 
08
T
09
F
 
10
S
 
11
S
 
12
M
 
13
T
 
14
W
 
15
T
 
16
F
 
17
S
 
18
S
 
19
M
 
20
T
 
21
W
 
22
T
 
23
F
 
24
S
 
25
S
 
26
M
 
27
T
 
28
W
 
29
T
 
30
F
 
meaning of mark :: nothing , comment
Pageview

Online Status




Profile
まぁくん
makun200.jpg
四條畷でまぁくんの店を経営しています
取扱商品は
印鑑(はんこ)・名刺・封筒・印刷関係全般・キーホルダー・サンドエッチング・レーザー加工・オリジナル商品・ハンドメイド商品
です

にほんブログ村 地域生活(街) 関西ブログへにほんブログ村 地域生活(街) 関西ブログ 四條畷情報へ
にほんブログ村 オヤジ日記ブログへにほんブログ村 その他生活ブログ 印鑑・ハンコへ
にほんブログ村 オヤジ日記ブログ 30代オヤジへブログランキング・にほんブログ村へ
ブログランキング・にほんブログ村へ人気ブログランキングへblogram投票ボタン
ブログランキング


MyYahoo!に追加
Googleに追加

ブックマークプラス by SEO対策



Menu

RSS & Atom Feed
■ まぁくんの店 仕事内容&雑談!! 四條畷
RSS1.0 / RSS2.0 / Atom0.3
■ 本日のお仕事
RSS1.0 / RSS2.0 / Atom0.3
■ おやじ運動日記
RSS1.0 / RSS2.0 / Atom0.3
■ 店主について
RSS1.0 / RSS2.0 / Atom0.3
■ はんこについて
RSS1.0 / RSS2.0 / Atom0.3
■ 新商品
RSS1.0 / RSS2.0 / Atom0.3
■ SEO対策 検索アップアップ ホームページ
RSS1.0 / RSS2.0 / Atom0.3
■ 地域情報(近所のお店)
RSS1.0 / RSS2.0 / Atom0.3
■ フリーCGI&PHP
RSS1.0 / RSS2.0 / Atom0.3
■ これからやろうとしてること
RSS1.0 / RSS2.0 / Atom0.3
■ 現在進行中
RSS1.0 / RSS2.0 / Atom0.3
■ 豆知識
RSS1.0 / RSS2.0 / Atom0.3
■ 雑談
RSS1.0 / RSS2.0 / Atom0.3
■ おやじ日記(家族の事)
RSS1.0 / RSS2.0 / Atom0.3
■ エコ活動
RSS1.0 / RSS2.0 / Atom0.3
■ ホームページ作成(CSS勉強中)
RSS1.0 / RSS2.0 / Atom0.3
■ CMSプログラム
RSS1.0 / RSS2.0 / Atom0.3
■ お勉強(資格試験)
RSS1.0 / RSS2.0 / Atom0.3

Pickup Photo!

Recent Diary

Recent Comments
■ Re:WebCart 質問 5
  └ mariko at 2010/12/02 13:48:42
  └ まぁくん at 2010/12/02 16:59:26
■ Re:WebCart 質問 4
  └ mariko at 2010/12/01 19:54:10
■ Re:WebCart 質問 3
  └ mariko at 2010/11/29 21:53:11








«« 合鍵・別製認印・ホームページ更新・はがき印刷 | main | 10月1日からたばこ値上げ!! »»
«« カテゴリ内前記事(合鍵・別製認印・ホームページ更新・はがき印刷) | 本日のお仕事 | カテゴリ内次記事(HDDが動かない!!) »»
2010/07/31
Google AJAX Feed API
今回はホームページに他のサイトのブログを読み込む作業をしました
これがなかなか難しい
なぜならフィードを取りに行くとはじかれてしまいます

それでGoogle AJAX Feed API を使うことにしました

まず
gajaxjsを作成します
内容は


// JavaScript Document
var blog = {
feedurl: "RSSアドレス○○.xml",
// feedurl: "../rss2.xml"や
// feedurl: "http://blog.makun.org/feed", です
numOfPost: 10, // 1 ページに表示する投稿数
url: "ホームページアドレス"
}

// エントリーのタイトルをリンク付きにして div 要素に入れて返す。
function createTitleWithLink(entry, idx){
var div = document.createElement("div");
var anchor = document.createElement("a");
anchor.href = entry.link;
anchor.setAttribute("name", idx);
anchor.appendChild(document.
createTextNode(entry.title));
div.className = "title";
div.appendChild(anchor);
return div;
}
// エントリーの内容を div 要素に入れて返す。
function createContent(entry){
var div = document.createElement("div");
div.innerHTML = entry.content;
div.className = "content";
return div;
}
// エントリーのタイトルへのアンカーを作成し、div 要素に入れて返す。
function createFeedTitle(entry, idx){
var anchor = document.createElement("a");
var div = document.createElement("div");
anchor.setAttribute("href",
location.protocol + "//" +
location.hostname + location.pathname + "#" + idx);
anchor.appendChild(document.
createTextNode(entry.title));
div.appendChild(anchor);
return div;
}
// 「前の投稿」を生成
// createURL 関数は blog.js で定義。
function createNextLink(entry){
var anchor = document.createElement("a");
anchor.href = createURL(blog.url, blog.numOfPost,
new Date(entry.publishedDate));
anchor.appendChild(document.createTextNode("前の投稿"));
return anchor;
}
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed(blog.feedurl);
feed.setNumEntries(blog.numOfPost)
feed.load(function(result) {
if (!result.error) {
var divFeedTitle = document.getElementById("feedTitle");
var divFeed = document.getElementById("feed");
var divNextLink = document.getElementById("nextLink");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
// フィードのタイトル一覧を生成
divFeedTitle.appendChild(createFeedTitle(entry, i));
// フィードのタイトルを生成
divFeed.appendChild(createTitleWithLink(entry, i));
// フィードの内容を生成
divFeed.appendChild(createContent(entry));
}
// 前の投稿へのリンクを生成
divNextLink.appendChild(createNextLink
(result.feed.entries[blog.numOfPost-1]));
}
});
}
google.setOnLoadCallback(initialize);


載せたいページに
<script type="text/javascript" 
src="http://www.google.com/jsapi"></script>
<script type="text/javascript"
src="js/gajax_shii.js"></script>
//<pre></head>より上に書く


 
//<body>より下に書く
<div id="feedTitle"></div>

<div id="main_blog">
<!-- フィードの内容 -->
<div id="feed"></div>
</div>
//</body>より上に書く



後はCSSでデザインを変更します
clssは
#feedTitleとcontentです

参考サイト
ブログI'm.
ブログmacco
ブログ$HII

よかったら見てください

参考サイト
Google AJAX Search API


ブックオフオンライン


にほんブログ村 オヤジ日記ブログ 30代オヤジへ

清き一票をお願いします


別ウインドウで開きます!!





下記はまぁくんの店の情報です
記す
大阪府 四條畷市 まぁくんの店(印鑑・名刺・印刷 ホームページ作成 SEO対策)






雑貨 格安 低価格 販売 新商品なんでも雑貨サイト商品検索
こどもの本なんでもデジモン屋雑貨屋2茶道日記司法書士試験アマゾン最新情報まぁくんの店通信販売ipad&WordPressカスタマイズ


posted at 2010/07/31 17:02:00
lastupdate at 2010/07/31 17:20:08
【修正】
 
Comments

Post your Comment
name
mail
home
comment
文字装飾グラデーション絵文字