yacy_search_server/htroot/yacy/ui/yacyui-widget.html

126 lines
4.8 KiB
HTML
Raw Normal View History

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link media="screen" type="text/css" href="css/widget.css" rel="stylesheet" />
<link media="screen" type="text/css" href="css/themes/base/ui.base.css" rel="stylesheet" title="base"/>
<link media="screen" type="text/css" href="css/themes/base/ui.theme.css" rel="stylesheet" title="base"/>
<link media="screen" type="text/css" href="css/themes/humanity/ui.base.css" rel="alternate stylesheet" title="humanity"/>
<link media="screen" type="text/css" href="css/themes/humanity/ui.theme.css" rel="alternate stylesheet" title="humanity"/>
<link media="screen" type="text/css" href="css/themes/cupertino/ui.base.css" rel="alternate stylesheet" title="cupertino"/>
<link media="screen" type="text/css" href="css/themes/cupertino/ui.theme.css" rel="alternate stylesheet" title="cupertino"/>
<link media="screen" type="text/css" href="css/themes/redmond/ui.base.css" rel="alternate stylesheet" title="redmond"/>
<link media="screen" type="text/css" href="css/themes/redmond/ui.theme.css" rel="alternate stylesheet" title="redmond"/>
<link media="screen" type="text/css" href="css/themes/smoothness/ui.base.css" rel="alternate stylesheet" title="smoothness"/>
<link media="screen" type="text/css" href="css/themes/smoothness/ui.theme.css" rel="alternate stylesheet" title="smoothness"/>
<link media="screen" type="text/css" href="css/themes/darkness/ui.base.css" rel="alternate stylesheet" title="darkness"/>
<link media="screen" type="text/css" href="css/themes/darkness/ui.theme.css" rel="alternate stylesheet" title="darkness"/>
<script src="js/jquery-1.3.1.min.js" type="text/javascript"></script>
<script src="js/jquery.ui.all.min.js" type="text/javascript"></script>
<script src="js/jquery.query.js" type="text/javascript""></script>
<script src="js/jquery.form.js" type="text/javascript"></script>
<script src="js/jquery.field.min.js" type="text/javascript"></script>
<script src="js/jquery-faviconize-1.0.js" type="text/javascript"></script>
<script src="js/jquery.serialScroll-min.js" type="text/javascript"></script>
<script src="js/jquery.scrollTo-min.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
var style = $.query.get('style');
$.query.REMOVE('style');
if (style) {
switchStylestyle(style);
}
$("#yresult").dialog({
autoOpen: false,
height: 600,
width: 500,
position: ['top',50],
modal: false,
resizable: true,
buttons: {
Close: function() { $("#yresult").dialog("close"); }
}
});
$('#yresult').serialScroll({
items:'div',
force:true,
cycle:true,
axis:'y',
easing:'linear',
lazy:true,
interval:1500,
step:1
});
/* Load Search Result */
$('#searchbox').keyup(function() {
if (!$("#yresult").dialog('isOpen')) {
$("#yresult").dialog('open');
}
$("#search").focus();
var param = [
{ name : 'maximumRecords', value : '100' }
,{ name : 'verify', value : 'false' }
,{ name : 'resource', value : 'local' }
,{ name : 'search', value : $("#searchbox input[name='search']").getValue()}
];
$.ajax({
type: 'GET',
url: '/yacysearch.json',
data: param,
dataType: 'json',
success: function(data){
$("#yresult").empty();
$.each (
data.channels[0].items,
function(i,item) {
if (item) {
$("#yresult").append("<div><a class='favicon' href='"+item.link+"'><p class='linktitle'>"+item.title+"</p><p class='url'>"+item.link+"</p></a></div>")
}
}
);
$("a.favicon").faviconize({
position: "before",
defaultImage: "img-2/article.png",
className: "favicon"
});
$("#yresult").trigger('start');
}
});
});
$('#searchbox').submit(function() {
return false;
});
});
function switchStylestyle(styleName) {
$('link[rel*=style][title]').each(function(i)
{
this.disabled = true;
if (this.getAttribute('title') == styleName) this.disabled = false;
});
}
//]]>
</script>
<title>YaCy-UI Widget</title>
</head>
<body>
<div class="yform">
<form id="searchbox" class="small" method="get" accept-charset="UTF-8" action="jQuery">
<input id="search" name="search" type="text" size="15" maxlength="80" value=""/>
</form>
</div>
<!-- Search Result -->
<div id="yresult" title="YaCy P2P Web Search" style="overflow: hidden;">
</div>
</body>
</html>