zoff/static/js/search.js

$(document).ready(function()
			{

				$("#search").focus();

				$('#base').bind("keyup keypress", function(e) {
					var code = e.keyCode || e.which; 
					if (code  == 13) {               
						e.preventDefault();
						return false;
					}
				});
				var old_input="";
				$(".search_input").focus();
				setTimeout(function(){
				$(".search_input").keyup(function() 
				{
					var search_input = $(this).val();
					if(search_input.length < 3){
						$("#results").html("");
					}

					if(search_input != old_input){
						old_input=search_input;
						$("#results").html('');
						if(search_input != ""){
							var keyword= encodeURIComponent(search_input);

							var yt_url='http://gdata.youtube.com/feeds/api/videos?q='+keyword+'&format=5&max-results=25&v=2&alt=jsonc'; 


							$.ajax({
								type: "GET",
								url: yt_url,
								dataType:"jsonp",
								success: function(response)
								{
									if(response.data.items)
									{
										$.each(response.data.items, function(i,data)
										{
											if(data.duration > 720){return;}
											if(data["category"] == "Music"){
												var video_title=encodeURIComponent(data.title).replace(/'/g, "\\\'");
												var views=data.viewCount;
												var video_thumb = "http://i.ytimg.com/vi/"+data.id+"/default.jpg";
												var length = Math.floor(data.duration/60)+":"+(data.duration-Math.floor(data.duration / 60)*60);
												var finalhtml="<div id='result' class='result' onclick=\"submit('"+data.id+"','"+video_title+"');\">"+
												"<img src='"+video_thumb+"' class='thumb'>"+
												"<div id='title'>"+data.title+""+
												"<span class='result_info'>"+data.uploader+" • "+views+" views • "+length+"</span></div></div>";

												$("#results").append(finalhtml);
											}
										});


									}
									else
									{
										$("#video").html("<div id='no'>No Video</div>");
									}
								}

							});
						}
					}
				});
				}, 300);
				});

				function submit(id,title){
					console.log($.ajax({
						type: "GET",
						url: "php/change.php",
						async: false,
						data: "v="+id+"&n="+title,
						success: function() {
							console.log("added "+id);
							document.getElementById("search").value = "";
							$("#search").addClass("success");
							$("#results").html('');
						},
						error: function(){
							console.log("error in adding");
							document.getElementById("search").value = "";
							$("#search").addClass("error");
							$("#results").html('');
						}
					}).responseText);

					$("#search").focus();

					setTimeout(function(){
						$("#search").removeClass("success");
						$("#search").removeClass("error");
					},1500);
				}

				 // if(reply=="added"){$("#search").removeClass('success'); $("#search").addClass('success');}