book_search.js

String.prototype.format = function() {
    var formatted = this;
    for(arg in arguments) {
        formatted = formatted.replace("{" + arg + "}", arguments[arg]);
    }
    return formatted;
};

$(document).ready(function() {
	$("#form-book-search").submit(function(event){
		search_amazon(event);
	});

	$(".form-book-add").submit(function(event){
		add_book(event);
	});

	function search_amazon(event){
		event.preventDefault();
		console.log("CLICKED");
		console.log("title: " + $("#id_title").val());
		console.log("author: " + $("#id_author").val());
		$("#results").empty();
		
		$.post("/books/search/", 
			{
				csrfmiddlewaretoken: $("input[name='csrfmiddlewaretoken']").val(),
				title: $("#id_title").val(),
				author: $("#id_author").val()
			},
			function(data){
				if(data['success']){
					display_results(data['books_results']);
					$("#results").append("<hr/>");
					display_results(data['amazon_results']);
					return true;
				} else {
					console.log("error");
					return false;
				}
			},
			"json"
		);
		
	}

	function add_book(event){
		// how to get the book's title, ASIN#, ISBN#, etc. from the button?
		event.preventDefault();
		console.log(event.target);
	}

	function display_results(results){
		var i = 0;
		$.each(results, function(asin, details){
			console.log(asin + ' : ' + details);
			$.each(details, function(key, value){
				console.log(key + ' : ' + value);
			});
			$("#results").append(
				'<div class="book" id="{0}"><p id="book">'
				+ '<a href="' + details['url'] + '"><span id="book-cover"><img src="' + details['cover'] + '"/></span></a>'
				+ '<a href="' + details['url'] + '"><span id="book-title"><h3>' + details['title'] + '</h3></a>'
				+ '<span id="book-author"> by ' + details['author'] + '</span>'
				+ '</p>'.format(i)
			);
			// An "Add" form for each book
			$("#results").append(
				'<form class="form-book-add" id="{0}" method="post" action="/books/add/">'
				// Django requires a CSRF token here. How do I add it via Javascript?
				+ '<input type="hidden" id="book-asin" value="'+asin+'"/>'
				+ '<input type="hidden" id="book-title" value="'+details['title']+'"/>'
				+ '<input type="hidden" id="book-author" value="'+details['author']+'"/>'
				+ '<input type="hidden" id="book-cover" value="'+details['cover']+'"/>'
				+ '<input type="hidden" id="book-url" value="'+details['url']+'"/>'
				+ '<input type="hidden" id="book-isbn" value="'+details['isbn']+'"/>'
				+ '<input type="submit" id="btn-book-add" value="Add"/>'
				+ '</form></div>'.format(i)
			);
			i ++;
		});
	}
});

Aw. Kung di makita ig "View Source" kay di pud mahilabtan sa jQuery?

Hmmm not sure.... try lang... but unaha sa to imu usa ka problem... solve the other one first...

On Wed, Apr 6, 2011 at 9:38 PM, john2x < ***@***.***>wrote: Aw. Kung di makita ig "View Source" kay di pud mahilabtan sa jQuery? ## Reply to this email directly or view it on GitHub: https://gist.github.com/900438

## Wenbert Del Rosario http://blog.ekini.net