You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
88 lines
3.4 KiB
88 lines
3.4 KiB
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="iso-8859-1"%>
|
|
|
|
<html><head>
|
|
<%@ include file="head.jsp" %>
|
|
<title><fmt:message key="lyrics.title"/></title>
|
|
<script type="text/javascript" src="<c:url value='/dwr/interface/lyricsService.js'/>"></script>
|
|
<script type="text/javascript" src="<c:url value='/dwr/engine.js'/>"></script>
|
|
<script type="text/javascript" src="<c:url value='/dwr/util.js'/>"></script>
|
|
|
|
<script type="text/javascript" language="javascript">
|
|
|
|
dwr.engine.setErrorHandler(null);
|
|
|
|
function init() {
|
|
getLyrics('${model.artist}', '${model.song}');
|
|
}
|
|
|
|
function getLyrics(artist, song) {
|
|
$("wait").style.display = "inline";
|
|
$("lyrics").style.display = "none";
|
|
$("noLyricsFound").style.display = "none";
|
|
$("tryLater").style.display = "none";
|
|
lyricsService.getLyrics(artist, song, getLyricsCallback);
|
|
}
|
|
|
|
function getLyricsCallback(lyricsInfo) {
|
|
dwr.util.setValue("lyricsHeader", lyricsInfo.artist + " - " + lyricsInfo.title);
|
|
var lyrics;
|
|
if (lyricsInfo.lyrics != null) {
|
|
lyrics = lyricsInfo.lyrics.replace(/\n/g, "<br>");
|
|
}
|
|
dwr.util.setValue("lyricsText", lyrics, { escapeHtml:false });
|
|
$("wait").style.display = "none";
|
|
if (lyricsInfo.tryLater) {
|
|
$("tryLater").style.display = "inline";
|
|
} else if (lyrics != null) {
|
|
$("lyrics").style.display = "inline";
|
|
} else {
|
|
$("noLyricsFound").style.display = "inline";
|
|
}
|
|
}
|
|
|
|
function search() {
|
|
getLyrics(dwr.util.getValue('artist'), dwr.util.getValue('song'));
|
|
}
|
|
</script>
|
|
|
|
</head>
|
|
<body class="mainframe bgcolor1" onload="init();">
|
|
|
|
<form action="#" onsubmit="search();return false;">
|
|
<table>
|
|
<tr>
|
|
<td><fmt:message key="lyrics.artist"/></td>
|
|
<td style="padding-left:0.50em"><input id="artist" type="text" size="40" value="${model.artist}" tabindex="1"/></td>
|
|
<td style="padding-left:0.75em"><input type="submit" value="<fmt:message key='lyrics.search'/>" style="width:6em"
|
|
tabindex="3"/></td>
|
|
</tr>
|
|
<tr>
|
|
<td><fmt:message key="lyrics.song"/></td>
|
|
<td style="padding-left:0.50em"><input id="song" type="text" size="40" value="${model.song}" tabindex="2"/></td>
|
|
<td style="padding-left:0.75em"><input type="button" value="<fmt:message key='common.close'/>" style="width:6em"
|
|
onclick="self.close()" tabindex="4"/></td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
<hr/>
|
|
<h2 id="wait"><fmt:message key="lyrics.wait"/></h2>
|
|
<h2 id="noLyricsFound" style="display:none"><fmt:message key="lyrics.nolyricsfound"/></h2>
|
|
<p id="tryLater" style="display:none"><b><fmt:message key="lyrics.trylater"/></b></p>
|
|
|
|
<div id="lyrics" style="display:none;">
|
|
<h2 id="lyricsHeader" style="text-align:center;margin-bottom:1em"></h2>
|
|
|
|
<div id="lyricsText"></div>
|
|
|
|
<p class="detail" style="text-align:right">
|
|
<fmt:message key="lyrics.courtesy"/>
|
|
</p>
|
|
</div>
|
|
|
|
<hr/>
|
|
<p style="text-align:center">
|
|
<a href="javascript:self.close()">[<fmt:message key="common.close"/>]</a>
|
|
</p>
|
|
|
|
</body>
|
|
</html>
|
|
|