balkian/go5ears
1
0
Fork 0
mirror of https://github.com/balkian/go5ears.git synced 2025-09-02 09:02:20 +00:00
Code Issues Releases Wiki Activity

Added basic search

Browse Source
This commit is contained in:
J.Fernando Sánchez
2012-10-05 00:23:39 +02:00
parent 08e734215e
commit aa040292b3
2 changed files with 39 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/index.html
View File

@@ -5,11 +5,40 @@
function playSelected(id){
$("audio").attr("src","play?id="+id);
}
function search(term){
$.ajax({url:'/search?id='+term,
dataType: 'json',
success: function(data){
alert("SUCCESS");
for(var i=0; i<data.length;i++){
var title = data[i]["title"];
var group = data[i]["group"];
var id = data[i]["id"];
$("#searchresults").append("<li onClick='playSelected(\""+id+"\")'>"+title+" - "+group+" ["+id+"]</li>");
}
}
});
};
</script>
</head>
<body>
<p onClick='playSelected("fe7e4f9")'>Libertine</p>
<p onClick='playSelected("4b9ed95")'>We are the champions</p>
<div>
Go5ears. Because Flash simply sucks!
</div>
<div>
<audio src="play?id=a78950d" controls="controls"></audio>
<ul>
<li onClick='playSelected("fe7e4f9")'>Libertine</li>
<li onClick='playSelected("4b9ed95")'>We are the champions</li>
</ul>
</div>
<div>
<form method="POST" onsubmit="search(this.goearsearch.value); return false">
Search GoEar: <input type="search" name="goearsearch">
</form>
<ul id="searchresults">
</ul>
</div>
</body>
</html>