I’m with ＜(=｀ω´=)＞

嫁ごはん

嫁が自炊する日々。謝謝！

00:00:17-7 月.22

Posted in 嫁ごはん

4 Comments »

牛の2頭分丸焼大会

文京区春日付近で毎年行われている祭りだそうで。
すごいネーミングセンス（のなさ！？）に、惹きつけられます。

15:15:58-7 月.14

Posted in オデカケ

No Comments »

スリープトラッカープロ貰った

1週間ほど使っています。
目覚めはまあまあで、爆音で鳴り響く目覚まし時計よりは良い気がする。が、いかんせん4時間前後しか寝ていない日々が続いているので、眠いは眠いし、だるいはだるい・・・

疲れが取れないのはまた別の話ですね。

12:57:54-7 月.01

Posted in これ欲しい

No Comments »

Bing APIをjQueryで動かしてみるテスト

Bing API使ってみました。Bing Developer CenterでAppIDを作成する必要あり。
Documentはこのへんを参考に。
jQueryはjquery-1.3.2.min.jsを使用。

HTML

<form id="form">
	<input type="text" value="" id="inputText" />
	<button type="submit" id="button">Search</button>
</form>
<ul id="output"></ul>

$.ajax使うとWeb.Offseとか、ドットの部分でコケるので、とりあえず連結。
Javascript(jQuery)

$AppId = ""; // Please set your AppID

function Search($value){
	$.ajax({
		url : 'http://api.search.live.net/json.aspx?Web.Count=20&Web.Offse=0&Web.Options=DisableHostCollapsing+DisableQueryAlterations',
		data : {
			AppId : $AppId,
			Query : $value,
			Sources : 'Web',
			Version : '2.0',
			Market : 'en-us',
			Adult : 'Moderate',
			Options : 'EnableHighlighting',
			JsonType : 'callback',
			JsonCallback : 'SearchCompleted'
		},
		dataType : 'jsonp'
	});
}

function SearchCompleted($response){
	$errors = $response.SearchResponse.Errors;
	if($errors != null){
		DisplayErrors($errors);
	}else{
		DisplayResults($response);
	}
}

function DisplayErrors(errors){
	var output = document.getElementById("output");
	var errorsHeader = document.createElement("h4");
	var errorsList = document.createElement("ul");
	output.appendChild(errorsHeader);
	output.appendChild(errorsList);

	// Iterate over the list of errors and display error details.
	errorsHeader.innerHTML = "Errors:";
	var errorsListItem = null;
	for (var i = 0; i < errors.length; ++i){
		errorsListItem = document.createElement("li");
		errorsList.appendChild(errorsListItem);
		errorsListItem.innerHTML = "";
		for (var errorDetail in errors[i]){
			errorsListItem.innerHTML += errorDetail + ": " + errors[i][errorDetail] + "<br />";
		}
		errorsListItem.innerHTML += "<br />";
	}
}

function DisplayResults($response){
	$results = $response.SearchResponse.Web.Results;
	$("#output").empty();

	if ($response.SearchResponse.Web.Total > 0) {
		jQuery.each($results, function(i){
			$Url = $results[i].Url;
			$Title = $results[i].Title;
			$Description = $results[i].Description;
			$DateTime = $results[i].DateTime;

			$HTML = '<li><a href="' + $Url + '" target="_blank">' + $Title + '</a><br />' + $Description + '<br />' + $Url + '</li>';
			$HTML = ReplaceHighlightingCharacters($HTML, "<strong>", "</strong>");

			$("#output").append($HTML);
		});
	}else{
			$HTML = '<li>Did not match any pages.</li>';
			$("#output").append($HTML);
	}

}

function ReplaceHighlightingCharacters(text, beginStr, endStr){
	$regexBegin = new RegExp("\uE000", "g");
	$regexEnd = new RegExp("\uE001", "g");
	return text.replace($regexBegin, beginStr).replace($regexEnd, endStr);
}

$(function() {
	$("#form").submit(function(){
		$value = $("#inputText").attr("value");
		Search($value);
		return false;
	});
});

いい加減なデモがここにあります。
Bingの場合、動画Verを作ったほうが面白そうですね・・・

21:40:32-6 月.09

Posted in JavaScript