- small modifications to yacyui-portalsearch

- see http://forum.yacy-websuche.de/viewtopic.php?f=15&t=1762&p=13459#p13459

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@5748 6c8d7289-2bf4-0310-a012-ef5d649a1542
This commit is contained in:
apfelmaennchen 2009-03-28 23:06:15 +00:00
parent df87e4dbf6
commit c001a020a9
2 changed files with 71 additions and 67 deletions

View File

@ -7,11 +7,8 @@ $(document).ready(function() {
$('<div id="ypopup" class="classic"></div>').appendTo("#yacy"); $('<div id="ypopup" class="classic"></div>').appendTo("#yacy");
startRecord = 0; var style1 = yconf.url + '/yacy/ui/css/yacyui-portalsearch.css';
var style2 = yconf.url + '/yacy/ui/css/themes/'+yconf.theme+'/ui.all.css';
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]; var head = document.getElementsByTagName('head')[0];
@ -21,37 +18,38 @@ $(document).ready(function() {
$(document.createElement('link')) $(document.createElement('link'))
.attr({type:'text/css', href: style2, rel:'stylesheet', media:'screen'}) .attr({type:'text/css', href: style2, rel:'stylesheet', media:'screen'})
.appendTo(head); .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 script1 = yconf.url + '/yacy/ui/js/jquery.query.js';
var script2 = yurl + '/yacy/ui/js/jquery.form.js'; var script2 = yconf.url + '/yacy/ui/js/jquery.form.js';
var script3 = yurl + '/yacy/ui/js/jquery.field.min.js'; var script3 = yconf.url + '/yacy/ui/js/jquery.field.min.js';
var script4 = yurl + '/yacy/ui/js/jquery-faviconize-1.0.js'; var script4 = yconf.url + '/yacy/ui/js/jquery-faviconize-1.0.js';
var script5 = yurl + '/yacy/ui/js/jquery.ui.all.min.js'; var script5 = yconf.url + '/yacy/ui/js/jquery.ui.all.min.js';
$.getScript(script1, function(){}); $.getScript(script1, function(){});
$.getScript(script2, function(){}); $.getScript(script2, function(){});
$.getScript(script3, function(){}); $.getScript(script3, function(){});
$.getScript(script4, function(){}); $.getScript(script4, function(){});
$.getScript(script5, function(){ $.getScript(script5, function(){
startRecord = 0;
maximumRecords = parseInt($("#ysearch input[name='maximumRecords']").getValue());
$("#ypopup").dialog({ $("#ypopup").dialog({
autoOpen: false, autoOpen: false,
height: 500, height: yconf.height,
width: 420, width: yconf.width,
minWidth: 420, minWidth: yconf.width,
position: ['top',50], position: ['top',50],
modal: false, modal: false,
resizable: true, resizable: true,
title: "YaCy P2P Web Search", title: yconf.title,
buttons: { buttons: {
Next: function() { Next: function() {
startRecord = startRecord + 10; startRecord = startRecord + maximumRecords;
$('#ysearch').trigger('submit'); $('#ysearch').trigger('submit');
}, },
Prev: function() { Prev: function() {
startRecord = startRecord - 10; startRecord = startRecord - maximumRecords;
if(startRecord < 0) startRecord = 0; if(startRecord < 0) startRecord = 0;
$('#ysearch').trigger('submit'); $('#ysearch').trigger('submit');
} }
@ -68,25 +66,21 @@ $(document).ready(function() {
$('#ysearch').submit(function() { $('#ysearch').submit(function() {
var query = $('#yquery').getValue(); var query = $('#yquery').getValue();
var url = yurl + '/yacysearch.json?callback=?' var url = yconf.url + '/yacysearch.json?callback=?'
$('#ypopup').empty(); $('#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>"); $('#ypopup').append("<div class='yloading'><h3 class='linktitle'><em>Loading: "+yconf.url+"</em><br/><img src='"+yconf.url+"/yacy/ui/img/loading2.gif' align='absmiddle'/></h3></div>");
if (!$("#ypopup").dialog('isOpen')) { if (!$("#ypopup").dialog('isOpen')) {
$("#ypopup").dialog('open'); $("#ypopup").dialog('open');
} }
$("#yquery").focus(); $("#yquery").focus();
var param = [ var param = [];
{ name : 'startRecord', value : startRecord } $("#ysearch input").each(function(i){
,{ name : 'maximumRecords', value : 10 } var item = { name : $(this).attr('name'), value : $(this).attr('value') };
,{ name : 'query', value : query} param[i] = item;
]; });
if (yparam) {
for (var pi = 0; pi < yparam.length; pi++) param[param.length] = yparam[pi];
}
$.getJSON(url, param, $.getJSON(url, param,
function(json, status){ function(json, status){
@ -98,10 +92,10 @@ $(document).ready(function() {
var total = data.channels[0].totalResults.replace(/[,.]/,""); var total = data.channels[0].totalResults.replace(/[,.]/,"");
var page = (data.channels[0].startIndex / data.channels[0].itemsPerPage) + 1; var page = (data.channels[0].startIndex / data.channels[0].itemsPerPage) + 1;
var start = startRecord + 1; var start = startRecord + 1;
var end = startRecord + 10; var end = startRecord + maximumRecords;
$("div .ybpane").remove(); $("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 ylogo = "<div class='ybpane'><a href='http://www.yacy.net' target='_blank'><img src='"+yconf.url+"/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>"; 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); $("div .ui-dialog-buttonpane").prepend(ylogo+yresult);
@ -120,7 +114,7 @@ $(document).ready(function() {
); );
$(".linktitle a").faviconize({ $(".linktitle a").faviconize({
position: "before", position: "before",
defaultImage: yurl + "/yacy/ui/img-2/article.png", defaultImage: yconf.url + "/yacy/ui/img-2/article.png",
className: "favicon" className: "favicon"
}); });
} }

View File

@ -4,50 +4,60 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head> </head>
<body> <body>
<script src="http://localhost:8080/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript"></script> <script src="http://localhost:8081/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript"></script>
<script> <script>
$(document).ready(function() { $(document).ready(function() {
$.ajaxSetup({ yconf = {
timeout: 10000, url : 'http://localhost:8081/',
cache: false theme : 'start',
}) title : 'YaCy P2P Web Search',
yurl = 'http://localhost:8080/'; width : 420,
ytheme = 'start'; height : 500
yparam = [ };
{ name : 'verify', value : 'false'} $.getScript(yconf.url+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
,{ name : 'resource', value : 'local'}
,{ name : 'urlmaskfilter', value : '.*'}
,{ name : 'prefermaskfilter', value : ''}
];
$.getScript(yurl+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
}); });
</script> </script>
<h3>YaCy Portal Search:</h3> <h3>YaCy Portal Search:</h3>
<div id="yacy"> <div id="yacy">
<form id="ysearch" method="get" accept-charset="UTF-8" action=""> <form id="ysearch" method="get" accept-charset="UTF-8" action="http://localhost:8081/yacysearch.html">
<input id="yquery" type="text" size="15" maxlength="80" value=""/> <input name="query" id="yquery" type="text" size="15" maxlength="80" value=""/>
<input type="hidden" name="verify" value="false" />
<input type="hidden" name="maximumRecords" value="10" />
<input type="hidden" name="resource" value="local" />
<input type="hidden" name="urlmaskfilter" value=".*" />
<input type="hidden" name="prefermaskfilter" value="" />
<input type="hidden" name="former" value="" />
<input type="hidden" name="display" value="2" />
<input type="submit" name="Enter" value="Suchen" />
</form> </form>
</div> </div>
<h4>Code Snippet:</h4> <h4>Code Snippet:</h4>
<pre> <pre>
&lt;script src="http://localhost:8080/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript">&lt;/script> &lt;script src="http://localhost:8081/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script> &lt;script&gt;
$(document).ready(function() { $(document).ready(function() {
yurl = 'http://localhost:8080/'; yconf = {
ytheme = 'start'; url : 'http://localhost:8081/',
yparam = [ theme : 'start',
{ name : 'verify', value : 'false'} title : 'YaCy P2P Web Search',
,{ name : 'resource', value : 'local'} width : 420,
,{ name : 'urlmaskfilter', value : '.*'} height : 500
,{ name : 'prefermaskfilter', value : ''} };
]; $.getScript(yconf.url+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
$.getScript(yurl+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
}); });
&lt;/script> &lt;/script&gt;
&lt;div id="yacy"> &lt;div id="yacy"&gt;
&lt;form id="ysearch" method="get" accept-charset="UTF-8" action=""> &lt;form id="ysearch" method="get" accept-charset="UTF-8" action="http://localhost:8081/yacysearch.html"&gt;
&lt;input id="yquery" type="text" size="15" maxlength="80" value=""/> &lt;input name="query" id="yquery" type="text" size="15" maxlength="80" value=""/&gt;
&lt;/form> &lt;input type="hidden" name="verify" value="false" /&gt;
&lt;input type="hidden" name="maximumRecords" value="10" /&gt;
&lt;input type="hidden" name="resource" value="local" /&gt;
&lt;input type="hidden" name="urlmaskfilter" value=".*" /&gt;
&lt;input type="hidden" name="prefermaskfilter" value="" /&gt;
&lt;input type="hidden" name="former" value="" /&gt;
&lt;input type="hidden" name="display" value="2" /&gt;
&lt;input type="submit" name="Enter" value="Suchen" /&gt;
&lt;/form&gt;
&lt;/div&gt; &lt;/div&gt;
</pre> </pre>
</body> </body>