Added YaCy portal search: http://localhost:8080/yacy/ui/yacyui-portaltest.html
git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@5739 6c8d7289-2bf4-0310-a012-ef5d649a1542pull/1/head
apfelmaennchen
16 years ago
parent
b57a1820bd
commit
a975ae4a7e
@ -0,0 +1,72 @@
|
||||
.ui-dialog .ui-dialog-title {
|
||||
font-size: 14px;
|
||||
}
|
||||
.ui-dialog .ui-dialog-buttonpane button {
|
||||
font-size: 14px;
|
||||
}
|
||||
#ypopup .url {
|
||||
padding-top: 1px;
|
||||
font-size: 0.9em;
|
||||
line-height: 1.2em;
|
||||
margin-bottom:0.6em;
|
||||
}
|
||||
#ypopup .date {
|
||||
font-size: 0.9em;
|
||||
line-height: 1.2em;
|
||||
margin-top:-0.6em;
|
||||
}
|
||||
#ypopup .url a {
|
||||
color:#20A020;
|
||||
text-decoration:none;
|
||||
}
|
||||
#ypopup h3.linktitle {
|
||||
margin-top: 2px;
|
||||
margin-bottom: -0.5em;
|
||||
font-size: 1.0em;
|
||||
line-height: 1.2em;
|
||||
color:#239AFF;
|
||||
}
|
||||
#ypopup h3.linktitle a {
|
||||
text-decoration:none;
|
||||
color:#239AFF;
|
||||
}
|
||||
#ypopup .desc {
|
||||
font-style:italic;
|
||||
font-size: 0.9em;
|
||||
color: #808080;
|
||||
line-height: 1.2em;
|
||||
margin-bottom:-1em;
|
||||
}
|
||||
#ypopup .favicon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
vertical-align: middle;
|
||||
margin-left: -20px;
|
||||
}
|
||||
.classic {
|
||||
font-size: 75%;
|
||||
}
|
||||
.classic .linktitle, .classic .url, .classic .date, .classic .desc {
|
||||
margin-left: 20px;
|
||||
}
|
||||
div .ybpane {
|
||||
float: left;
|
||||
font-size: 0.8em;
|
||||
line-height: 1.2em;
|
||||
color:#239AFF;
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.ybpane img {
|
||||
width: 50px;
|
||||
height: 32px;
|
||||
vertical-align: middle;
|
||||
padding-right: 15px;
|
||||
padding-top: 3px;
|
||||
border: 0;
|
||||
}
|
||||
#ypopup .yloading {
|
||||
margin-top: 150px;
|
||||
margin-left: -10px;
|
||||
text-align: center;
|
||||
}
|
||||
@ -0,0 +1,130 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
$.ajaxSetup({
|
||||
timeout: 10000,
|
||||
cache: false
|
||||
})
|
||||
|
||||
$('<div id="ypopup" class="classic"></div>').appendTo("#yacy");
|
||||
|
||||
startRecord = 0;
|
||||
|
||||
var style1 = yurl + '/yacy/ui/css/yacyui-portalsearch.css';
|
||||
var style2 = yurl + '/yacy/ui/css/themes/'+ytheme+'/ui.base.css';
|
||||
var style3 = yurl + '/yacy/ui/css/themes/'+ytheme+'/ui.theme.css';
|
||||
|
||||
var head = document.getElementsByTagName('head')[0];
|
||||
|
||||
$(document.createElement('link'))
|
||||
.attr({type:'text/css', href: style1, rel:'stylesheet', media:'screen'})
|
||||
.appendTo(head);
|
||||
$(document.createElement('link'))
|
||||
.attr({type:'text/css', href: style2, rel:'stylesheet', media:'screen'})
|
||||
.appendTo(head);
|
||||
$(document.createElement('link'))
|
||||
.attr({type:'text/css', href: style3, rel:'stylesheet', media:'screen'})
|
||||
.appendTo(head);
|
||||
|
||||
var script1 = yurl + '/yacy/ui/js/jquery.query.js';
|
||||
var script2 = yurl + '/yacy/ui/js/jquery.form.js';
|
||||
var script3 = yurl + '/yacy/ui/js/jquery.field.min.js';
|
||||
var script4 = yurl + '/yacy/ui/js/jquery-faviconize-1.0.js';
|
||||
var script5 = yurl + '/yacy/ui/js/jquery.ui.all.min.js';
|
||||
|
||||
$.getScript(script1, function(){});
|
||||
$.getScript(script2, function(){});
|
||||
$.getScript(script3, function(){});
|
||||
$.getScript(script4, function(){});
|
||||
$.getScript(script5, function(){
|
||||
$("#ypopup").dialog({
|
||||
autoOpen: false,
|
||||
height: 500,
|
||||
width: 420,
|
||||
minWidth: 420,
|
||||
position: ['top',50],
|
||||
modal: false,
|
||||
resizable: true,
|
||||
title: "YaCy P2P Web Search",
|
||||
buttons: {
|
||||
Next: function() {
|
||||
startRecord = startRecord + 10;
|
||||
$('#ysearch').trigger('submit');
|
||||
},
|
||||
Prev: function() {
|
||||
startRecord = startRecord - 10;
|
||||
if(startRecord < 0) startRecord = 0;
|
||||
$('#ysearch').trigger('submit');
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('#ysearch').keyup(function() {
|
||||
startRecord = 0;
|
||||
$('#ysearch').trigger('submit');
|
||||
return false;
|
||||
});
|
||||
|
||||
$('#ysearch').submit(function() {
|
||||
|
||||
var query = $('#yquery').getValue();
|
||||
var url = yurl + '/yacysearch.json?callback=?'
|
||||
|
||||
$('#ypopup').empty();
|
||||
$('#ypopup').append("<div class='yloading'><h3 class='linktitle'><em>Loading: "+yurl+"</em><br/><img src='"+yurl+"/yacy/ui/img/loading2.gif' align='absmiddle'/></h3></div>");
|
||||
|
||||
if (!$("#ypopup").dialog('isOpen')) {
|
||||
$("#ypopup").dialog('open');
|
||||
}
|
||||
$("#yquery").focus();
|
||||
|
||||
var param = [
|
||||
{ name : 'startRecord', value : startRecord }
|
||||
,{ name : 'maximumRecords', value : 10 }
|
||||
,{ name : 'query', value : query}
|
||||
];
|
||||
|
||||
if (yparam) {
|
||||
for (var pi = 0; pi < yparam.length; pi++) param[param.length] = yparam[pi];
|
||||
}
|
||||
|
||||
$.getJSON(url, param,
|
||||
function(json, status){
|
||||
if (json[0]) data = json[0];
|
||||
else data = json;
|
||||
|
||||
$('#ypopup').empty();
|
||||
|
||||
var total = data.channels[0].totalResults.replace(/[,.]/,"");
|
||||
var page = (data.channels[0].startIndex / data.channels[0].itemsPerPage) + 1;
|
||||
var start = startRecord + 1;
|
||||
var end = startRecord + 10;
|
||||
|
||||
$("div .ybpane").remove();
|
||||
var ylogo = "<div class='ybpane'><a href='http://www.yacy.net' target='_blank'><img src='"+yurl+"/yacy/ui/img/yacy-logo.png' alt='www.yacy.net' title='www.yacy.net' /></a></div>";
|
||||
var yresult = "<div class='ybpane'><em>Displaying result "+start+" to "+end+"<br/> of "+total+" total results.</em></div>";
|
||||
$("div .ui-dialog-buttonpane").prepend(ylogo+yresult);
|
||||
|
||||
$.each (
|
||||
data.channels[0].items,
|
||||
function(i,item) {
|
||||
if (item) {
|
||||
var title = "<h3 class='linktitle'><a href='"+item.link+"' target='_blank'>"+item.title+"</a></h3>";
|
||||
var url = "<p class='url'><a href='"+item.link+"' target='_blank'>"+item.link+"</a></p>"
|
||||
var desc = "<p class='desc'>"+item.description+"</p>";
|
||||
var date = "<p class='date'>"+item.pubDate.substring(0,16);
|
||||
var size = " | "+item.sizename+"</p>";
|
||||
$(title+desc+url+date+size).appendTo("#ypopup");
|
||||
}
|
||||
}
|
||||
);
|
||||
$(".linktitle a").faviconize({
|
||||
position: "before",
|
||||
defaultImage: yurl + "/yacy/ui/img-2/article.png",
|
||||
className: "favicon"
|
||||
});
|
||||
}
|
||||
);
|
||||
return false;
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,51 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
</head>
|
||||
<body>
|
||||
<script src="http://localhost:8080/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
yurl = 'http://localhost:8080/';
|
||||
ytheme = 'base';
|
||||
yparam = [
|
||||
{ name : 'verify', value : 'true'}
|
||||
,{ name : 'resource', value : 'local'}
|
||||
,{ name : 'urlmaskfilter', value : '.*'}
|
||||
,{ name : 'prefermaskfilter', value : ''}
|
||||
];
|
||||
$.getScript(yurl+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
|
||||
});
|
||||
</script>
|
||||
<h3>YaCy Portal Search:</h3>
|
||||
<div id="yacy">
|
||||
<form id="ysearch" method="get" accept-charset="UTF-8" action="">
|
||||
<input id="yquery" type="text" size="15" maxlength="80" value=""/>
|
||||
</form>
|
||||
</div>
|
||||
<h4>Code Snippet:</h4>
|
||||
<pre>
|
||||
<script src="http://localhost:8080/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
yurl = 'http://localhost:8080/';
|
||||
ytheme = 'base';
|
||||
yparam = [
|
||||
{ name : 'verify', value : 'true'}
|
||||
,{ name : 'resource', value : 'local'}
|
||||
,{ name : 'urlmaskfilter', value : '.*'}
|
||||
,{ name : 'prefermaskfilter', value : ''}
|
||||
];
|
||||
$.getScript(yurl+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
|
||||
});
|
||||
</script>
|
||||
<div id="yacy">
|
||||
<form id="ysearch" method="get" accept-charset="UTF-8" action="">
|
||||
<input id="yquery" type="text" size="15" maxlength="80" value=""/>
|
||||
</form>
|
||||
</div>
|
||||
</pre>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Loading…
Reference in new issue