mirror of
https://github.com/yacy/yacy_search_server.git
synced 2024-09-19 00:01:41 +02:00
3d5f2ff544
- moved some servlets from here to there.. - changed menu structure - removed yacyui-portaltest.html which contained an example for the live search which is now integrated on all pages in yacy. The code snippet example from that page is integrated into the ConfigLiveSearch.html servlet git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@5994 6c8d7289-2bf4-0310-a012-ef5d649a1542
88 lines
4.5 KiB
HTML
88 lines
4.5 KiB
HTML
<!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>
|
|
<title>YaCy '#[clientname]#': Integration of a Search Field for Live Search</title>
|
|
#%env/templates/metas.template%#
|
|
</head>
|
|
<body id="ConfigSkins">
|
|
#%env/templates/header.template%#
|
|
#%env/templates/submenuIntegration.template%#
|
|
<h2>Integration of a Search Field for Live Search</h2>
|
|
<p>
|
|
A 'Live-Search' input field that reacts as search-as-you-type in a pop-up window can easily be integrated in any web page.
|
|
This is the same function as can be seen on all pages of the YaCy online-interface (look at the window in the upper right corner).
|
|
Just use the code snippet below to integrate that in your own web pages.
|
|
Please check if the address, as given in the example '#[ip]#:#[port]#' here is correct and replace it with more appropriate values if necessary.
|
|
</p>
|
|
|
|
<h4>Code Snippet:</h4>
|
|
<pre>
|
|
<script src="http://#[ip]#:#[port]#/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
yconf = {
|
|
url : 'http://#[ip]#:#[port]#',
|
|
logo : '/yacy/ui/img/yacy-logo.png',
|
|
link : 'http://www.yacy.net',
|
|
global : false,
|
|
width : 500,
|
|
height : 620,
|
|
position : ['top',30],
|
|
theme : 'start',
|
|
title : 'YaCy Portal Search'
|
|
};
|
|
$.getScript(yconf.url+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
|
|
});
|
|
</script>
|
|
<div id="yacylivesearch">
|
|
<form id="ysearch" method="get" accept-charset="UTF-8" action="http://#[ip]#:#[port]#/yacysearch.html">
|
|
Live Search <input name="query" id="yquery" class="fancy" 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="Search" />
|
|
</form>
|
|
</div>
|
|
</pre>
|
|
<h4>Configuration options and defaults for 'yconf':</h4>
|
|
<h5>Defaults</h5>
|
|
<form><dl>
|
|
<dt>url</dt><dd>is a mandatory property - no default</dd>
|
|
<dt>global</dt><dd>false</dd>
|
|
<dt>theme</dt><dd>'start'</dd>
|
|
<dt>title</dt><dd>'YaCy P2P Web Search'</dd>
|
|
<dt>logo</dt><dd>'/yacy/ui/img/yacy-logo.png'</dd>
|
|
<dt>link</dt><dd>'http://www.yacy.net'</dd>
|
|
<dt>width</dt><dd>420</dd>
|
|
<dt>height</dt><dd>500</dd>
|
|
<dt>position</dt><dd>['top',50]</dd>
|
|
<dt>modal</dt><dd>false</dd>
|
|
<dt>resizable</dt><dd>true</dd>
|
|
<dt>show</dt><dd>''</dd>
|
|
<dt>hide</dt><dd>''</dd>
|
|
</dl></form>
|
|
<h5>Size and position (width | height | position)</h5>
|
|
Specifies where the dialog should be displayed. Possible values for position: 'center', 'left', 'right', 'top', 'bottom', or an array containing a coordinate pair (in pixel offset from top left of viewport) or the possible string values (e.g. ['right','top'] for top right corner).
|
|
<h5>Animation effects (show | hide)</h5>
|
|
The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.
|
|
<h5>Interaction (modal | resizable)</h5>
|
|
If modal is set to true, the dialog will have modal behavior; other items on the page will be disabled (i.e. cannot be interacted with). Modal dialogs create an overlay below the dialog but above other page elements.
|
|
<p/>
|
|
If resizable is set to true, the dialog will be resizeable.
|
|
<h5>Themes</h5>
|
|
<p>You can <a href="http://jquery-ui.googlecode.com/files/jquery-ui-themes-1.7.zip" target="_blank">
|
|
download</a> ready made themes or <a href="http://jqueryui.com/themeroller/" target="_blank">create</a>
|
|
your own custom theme. <br/>Themes are installed into: DATA/HTDOCS/yacy/ui/css/themes/</p>
|
|
<h4>Bookmarklet:</h4>
|
|
<p>
|
|
<a href="javascript:q = "" + (window.getSelection ? window.getSelection() : document.getSelection ? document.getSelection() : document.selection.createRange().text); if (!q) q = prompt("You didn't select any text. Enter a search phrase:", ""); if (q!=null) location="http://#[ip]#:#[port]#/yacysearch.html?display=2&verify=true&query=" + escape(q).replace(/ /g, "+"); void 0" name="yacy">YaCy</a>
|
|
</p>
|
|
|
|
#%env/templates/footer.template%#
|
|
</body>
|
|
</html>
|