遊ぶブログ＋ Javaスクリプト小技集

ブログ
リンク
フリーエリア
動画･音楽
楽天

ブログ

Entries

YouTubu SS

ジャンル : ブログ
スレッドテーマ : ブログパーツ

YouTubeの検索結果(10件)のサムネイルをスライドショーで表示するプラグイン。

マウスオーバーでスライド停止。

スライドをクリックすると、その動画をブログ上でオーバーレイ再生します。

サンプルはサイドバー参照。

初期検索キーワード(ブログ表示時に検索検索を実行するキーワード)は、テキストボックスのタグのvalueで指定してください。

</style>
  <script type="text/javascript">

function yt_slideshowload() {

document.getElementById('Youtubeslideshow').innerHTML='Loading...';

var tag=document.getElementById('ystag').value;

var yutubeRSS = 'http://gssquare.oh.land.to/php/yt2_rss.php?tag='+escape(encodeURI(tag));

var options = {
		linkTarget : google.feeds.LINK_TARGET_BLANK,
		scaleImages : true,
		displayTime : 5000,
	 	transitionTime : 500
		};
     new GFslideShow(yutubeRSS, "Youtubeslideshow", options);

YrakuSearch({});

}
    google.load("feeds", "1");
    google.setOnLoadCallback(yt_slideshowload);

function YrakuSearch(param){

var page=Math.floor(Math.random()*100+1);
	param.developerId ='a7f1cf96c00c5f87f63a83e5d287d1fd';
	param.version = '2007-04-11';
	param.operation ='ItemSearch';
	param.hits = 1;
	param.page = page;
	param.imageFlag = 1;
	param.callBack = 'YrakuCallback';
	param.affiliateId='043a2c2d.c6b915a9.043a2c2e.fee41311';
	param.sort = 'random';
	param.keyword = document.getElementById('ystag').value;
	op = param.operation;
	// APIリクエストURLの生成(GETメソッド)
	var apireq = 'http://api.rakuten.co.jp/rws/1.7/json?'+ objYrakuquery( param );
	var script  = document.createElement( 'script' );
	script.type = 'text/javascript';
	script.charset = 'UTF-8';
	script.src  = apireq;
	document.body.appendChild( script );
}

function objYrakuquery ( obj ) {
    var list = [];
    for( var key in obj ) {
        var k = encodeURIComponent(key);
        var v = encodeURIComponent(obj[key]);
        list[list.length] = k+'='+v;
    }
    var query = list.join( '&' );
    return query;
}

function YrakuCallback( data ) {
	var status = data.Header.Status;
	var rakuten_html = "";
	if(status=="Success"){
		var list = data.Body.ItemSearch.Items.Item;
		var s=data.Body.ItemSearch;
		for(var i=0; i<list.length; i++){
			var iCode = list[i].itemCode;
			var iName = list[i].itemName;
			var iPrice =list[i].itemPrice;
			var iUrl = list[i].itemUrl;
			var aUrl = list[i].affiliateUrl;
			var iImage = list[i].mediumImageUrl;
			var iCaption = list[i].itemCaption;

rakuten_html += '<span style="font-size:9px">【PR】<a href="'+aUrl+'" target="_blank" title="'+iName+'">'+iName.substring(0,12)+'..</a></span>';
		}
	}
	 document.getElementById("rakuteny").innerHTML= rakuten_html;
}

</script>

<div id="showcontent" style="text-align:center;">
<div id="Youtubeslideshow" class="gss"></div>
<input type="text" name="ystag" id="ystag" style="width:100px" value="平井堅">
<input type="button" value="go" onclick="yt_slideshowload()">
<div id="rakuteny" ></div>
<span style="font-size:8px;">developed by <a href="http://blogsquare256.blog85.fc2.com/" target="_blank">遊ぶブログ</a><br></span>
</div>

2件のコメント

[C77] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2007-09-05
投稿者 :
編集

[C78] 管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

2007-09-05
投稿者 :
編集

コメントの投稿

0件のトラックバック

トラックバックURL: http://blogsquare256.blog85.fc2.com/tb.php/176-420093aa; この記事に対してトラックバックを送信する（FC2ブログユーザー）

ブロとも申請フォーム

この人とブロともになる

RSSフィード

Powered By FC2ブログ

最強ブログ

FC2ブログ 紹介予定派遣

リンク、プロフィールなどを表示

プロフィール

Author:Gamo
ブロガーを応援する便利なブログパーツをお届けします。

管理者ページ

ゲームで一息。

おまけ　spaceinvaders

YouTubeの検索結果(10件)のサムネイルをスライドショーで表示するプラグイン。マウスオーバーでスライド停止。スライドをクリックすると、その動画をブログ上でオーバーレイ再生します。サンプルはサイドバー参照。初期検索キーワード(ブログ表示時に検索検索を実行するキーワード)は、テキストボックスのタグのvalueで指定してください。 <input type="text" name="ystag" id="ystag" style="width:100px...

実験･作成中プラグインの置き場

flickrで記憶力チェック! お試し版

これは何？

flickrの画像を検索して、検索結果の画像で神経衰弱ぽいことをするお遊びツールです。

�キーワード、検索数を指定して[検索]ボタンをクリック

※検索数が多いと、難易度が高くなります。

�[遊んでみる]ボタンをクリックで、検索結果の画像(×2)をランダムに配置

�画像の配置を記憶して、[開始]ボタンをクリック

�隠れた画像をクリックして、同じ画像を探す

単にflickrの画像検索としても使えます。検索結果の画像をクリックすると標準サイズの画像がオーバレイ表示されます。

動画や音楽を検索

Youtube検索

AmebaVision検索

dailymotion動画検索

日本語→ローマ字変換結果

dailymotionマイチャンネル

Yahoo!動画検索

Webサービス by Yahoo! JAPAN

楽天商品を検索

楽天検索

楽天Match

ガチャ天

これいくら?

商品の値段を当てるゲーム

�キーワードを入力
�レベル(LV)を選択
�[開始]ボタンをクリック
�下のボックスに値段を入力
�[円だ!]ボタンをクリック!
�正解でポイント加算
�[次]ボタンで次の商品表示

※貯まったポイントは「楽天で使える!」・・・なんてことはありません。

遊ぶブログ

Supported by 楽天ウェブサービス

遊ぶブログ＋ Javaスクリプト小技集

ブログのカスタマイズとか、ブログパーツとか

ブログ

Entries

スポンサーサイト