- http://forum.yacy-websuche.de/viewtopic.php?f=9&t=1127#p12781 git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@5630 6c8d7289-2bf4-0310-a012-ef5d649a1542pull/1/head
parent
ef62ec635e
commit
be29ece9d0
@ -0,0 +1,29 @@
|
|||||||
|
/* Body */
|
||||||
|
body {
|
||||||
|
font-size: 75.0%;
|
||||||
|
}
|
||||||
|
p.url {
|
||||||
|
padding-top: 1px;
|
||||||
|
font-size: 0.9em;
|
||||||
|
line-height: 1.1em;
|
||||||
|
margin-bottom:0.6em;
|
||||||
|
margin-left: 26px;
|
||||||
|
}
|
||||||
|
p.linktitle {
|
||||||
|
margin-top:2px;
|
||||||
|
margin-bottom: -0.5em;
|
||||||
|
font-size: 1.0em;
|
||||||
|
line-height: 1.1em;
|
||||||
|
color:#239AFF;
|
||||||
|
margin-left: 26px;
|
||||||
|
}
|
||||||
|
a.favicon {
|
||||||
|
color:#20A020;
|
||||||
|
text-decoration:none;
|
||||||
|
}
|
||||||
|
img.favicon{
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
vertical-align: middle;
|
||||||
|
margin-bottom: -40px;
|
||||||
|
}
|
@ -0,0 +1,11 @@
|
|||||||
|
/**
|
||||||
|
* jQuery.ScrollTo - Easy element scrolling using jQuery.
|
||||||
|
* Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
|
||||||
|
* Dual licensed under MIT and GPL.
|
||||||
|
* Date: 9/11/2008
|
||||||
|
* @author Ariel Flesler
|
||||||
|
* @version 1.4
|
||||||
|
*
|
||||||
|
* http://flesler.blogspot.com/2007/10/jqueryscrollto.html
|
||||||
|
*/
|
||||||
|
;(function(h){var m=h.scrollTo=function(b,c,g){h(window).scrollTo(b,c,g)};m.defaults={axis:'y',duration:1};m.window=function(b){return h(window).scrollable()};h.fn.scrollable=function(){return this.map(function(){var b=this.parentWindow||this.defaultView,c=this.nodeName=='#document'?b.frameElement||b:this,g=c.contentDocument||(c.contentWindow||c).document,i=c.setInterval;return c.nodeName=='IFRAME'||i&&h.browser.safari?g.body:i?g.documentElement:this})};h.fn.scrollTo=function(r,j,a){if(typeof j=='object'){a=j;j=0}if(typeof a=='function')a={onAfter:a};a=h.extend({},m.defaults,a);j=j||a.speed||a.duration;a.queue=a.queue&&a.axis.length>1;if(a.queue)j/=2;a.offset=n(a.offset);a.over=n(a.over);return this.scrollable().each(function(){var k=this,o=h(k),d=r,l,e={},p=o.is('html,body');switch(typeof d){case'number':case'string':if(/^([+-]=)?\d+(px)?$/.test(d)){d=n(d);break}d=h(d,this);case'object':if(d.is||d.style)l=(d=h(d)).offset()}h.each(a.axis.split(''),function(b,c){var g=c=='x'?'Left':'Top',i=g.toLowerCase(),f='scroll'+g,s=k[f],t=c=='x'?'Width':'Height',v=t.toLowerCase();if(l){e[f]=l[i]+(p?0:s-o.offset()[i]);if(a.margin){e[f]-=parseInt(d.css('margin'+g))||0;e[f]-=parseInt(d.css('border'+g+'Width'))||0}e[f]+=a.offset[i]||0;if(a.over[i])e[f]+=d[v]()*a.over[i]}else e[f]=d[i];if(/^\d+$/.test(e[f]))e[f]=e[f]<=0?0:Math.min(e[f],u(t));if(!b&&a.queue){if(s!=e[f])q(a.onAfterFirst);delete e[f]}});q(a.onAfter);function q(b){o.animate(e,j,a.easing,b&&function(){b.call(this,r,a)})};function u(b){var c='scroll'+b,g=k.ownerDocument;return p?Math.max(g.documentElement[c],g.body[c]):k[c]}}).end()};function n(b){return typeof b=='object'?b:{top:b,left:b}}})(jQuery);
|
@ -0,0 +1,11 @@
|
|||||||
|
/**
|
||||||
|
* jQuery[a] - Animated scrolling of series
|
||||||
|
* Copyright (c) 2007-2008 Ariel Flesler - aflesler(at)gmail(dot)com | http://flesler.blogspot.com
|
||||||
|
* Dual licensed under MIT and GPL.
|
||||||
|
* Date: 3/20/2008
|
||||||
|
* @author Ariel Flesler
|
||||||
|
* @version 1.2.1
|
||||||
|
*
|
||||||
|
* http://flesler.blogspot.com/2008/02/jqueryserialscroll.html
|
||||||
|
*/
|
||||||
|
;(function($){var a='serialScroll',b='.'+a,c='bind',C=$[a]=function(b){$.scrollTo.window()[a](b)};C.defaults={duration:1e3,axis:'x',event:'click',start:0,step:1,lock:1,cycle:1,constant:1};$.fn[a]=function(y){y=$.extend({},C.defaults,y);var z=y.event,A=y.step,B=y.lazy;return this.each(function(){var j=y.target?this:document,k=$(y.target||this,j),l=k[0],m=y.items,o=y.start,p=y.interval,q=y.navigation,r;if(!B)m=w();if(y.force)t({},o);$(y.prev||[],j)[c](z,-A,s);$(y.next||[],j)[c](z,A,s);if(!l.ssbound)k[c]('prev'+b,-A,s)[c]('next'+b,A,s)[c]('goto'+b,t);if(p)k[c]('start'+b,function(e){if(!p){v();p=1;u()}})[c]('stop'+b,function(){v();p=0});k[c]('notify'+b,function(e,a){var i=x(a);if(i>-1)o=i});l.ssbound=1;if(y.jump)(B?k:w())[c](z,function(e){t(e,x(e.target))});if(q)q=$(q,j)[c](z,function(e){e.data=Math.round(w().length/q.length)*q.index(this);t(e,this)});function s(e){e.data+=o;t(e,this)};function t(e,a){if(!isNaN(a)){e.data=a;a=l}var c=e.data,n,d=e.type,f=y.exclude?w().slice(0,-y.exclude):w(),g=f.length,h=f[c],i=y.duration;if(d)e.preventDefault();if(p){v();r=setTimeout(u,y.interval)}if(!h){n=c<0?0:n=g-1;if(o!=n)c=n;else if(!y.cycle)return;else c=g-n-1;h=f[c]}if(!h||d&&o==c||y.lock&&k.is(':animated')||d&&y.onBefore&&y.onBefore.call(a,e,h,k,w(),c)===!1)return;if(y.stop)k.queue('fx',[]).stop();if(y.constant)i=Math.abs(i/A*(o-c));k.scrollTo(h,i,y).trigger('notify'+b,[c])};function u(){k.trigger('next'+b)};function v(){clearTimeout(r)};function w(){return $(m,l)};function x(a){if(!isNaN(a))return a;var b=w(),i;while((i=b.index(a))==-1&&a!=l)a=a.parentNode;return i}})}})(jQuery);
|
@ -0,0 +1,126 @@
|
|||||||
|
<!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>
|
Loading…
Reference in new issue