You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
116 lines
6.7 KiB
116 lines
6.7 KiB
<!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]#': Web Structure</title>
|
|
<link rel="stylesheet" media="screen" type="text/css" href="/yacy/ui/css/colorpicker.css" />
|
|
#%env/templates/metas.template%#
|
|
<script type="text/javascript" src="/js/WatchWebStructure.js"></script>
|
|
<style type="text/css">
|
|
#left {
|
|
float: left;
|
|
width: 246px;
|
|
}
|
|
form dt {
|
|
width: 70px;
|
|
}
|
|
form dd {
|
|
width: 130px;
|
|
text-align:right;
|
|
}
|
|
</style>
|
|
<script type="text/javascript">
|
|
<!--
|
|
imagestub = "WebStructurePicture_p.png?host=#[besthost]#&depth=#[depth]#&width=#[width]#&height=#[height]#&nodes=#[nodes]#&time=#[time]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#";
|
|
idx = 0;
|
|
setTimeout("doanimation()", 3000);
|
|
function doanimation() {
|
|
var accessPicture = document.getElementById("WebPicture");
|
|
if (accessPicture != null) {
|
|
idx++;
|
|
accessPicture.src = imagestub + "&idx=" + idx;
|
|
setTimeout("doanimation()", 3000);
|
|
}
|
|
}
|
|
-->
|
|
</script>
|
|
</head>
|
|
<body id="WebStructure" style="margin:0px;">
|
|
#%env/templates/header.template%#
|
|
#%env/templates/submenuWebStructure.template%#
|
|
|
|
<script type="text/javascript" src="/yacy/ui/js/jquery.colorpicker.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){
|
|
$('#colorback, #colortext, #colorline, #colordot, #colorlineend').ColorPicker({
|
|
onSubmit: function(hsb, hex, rgb, el) {
|
|
$(el).val(hex);
|
|
$(el).ColorPickerHide();
|
|
},
|
|
onBeforeShow: function () {
|
|
$(this).ColorPickerSetColor(this.value);
|
|
}
|
|
})
|
|
.bind('keyup', function(){
|
|
$(this).ColorPickerSetColor(this.value);
|
|
});
|
|
});
|
|
</script>
|
|
|
|
<div id="api"><a href="/api/webstructure.xml?about=#[besthost]#"><img src="env/grafics/api.png" width="60" height="40" alt="API" /></a>
|
|
<span>
|
|
The data that is visualized here can also be retrieved in a XML file, which lists the reference relation between the domains.
|
|
With a GET-property 'about' you get only reference relations about the host that you give in the argument field for 'about'.
|
|
With a GET-property 'latest' you get a list of references that had been computed during the current run-time of YaCy, and with each next call only an update to the next list of references.
|
|
Click the API icon to see the XML file.
|
|
To see a list of all APIs, please visit the <a href="http://www.yacy-websuche.de/wiki/index.php/Dev:API">API wiki page</a>.</span>
|
|
</div>
|
|
|
|
|
|
<h2>Web Structure</h2>
|
|
|
|
<div id="left">
|
|
<form action="/WatchWebStructure_p.html" accept-charset="UTF-8" onsubmit="return checkform(this);">
|
|
<fieldset>
|
|
<dl>
|
|
<dt>host</dt>
|
|
<dd>
|
|
<input type="text" value="#[host]#" name="host" id="host" size="20" maxlength="80" />
|
|
</dd>
|
|
<dt>depth</dt>
|
|
<dd>
|
|
<a href="WatchWebStructure_p.html?host=#[host]#&depth=#[depthd]#&width=#[width]#&height=#[height]#&nodes=#[nodes]#&time=#[time]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#"><img src="env/grafics/minus.gif" width="11" height="11" alt="minus"/></a>
|
|
<input type="text" name="depth" value="#[depth]#" size="1" maxlength="1" />
|
|
<a href="WatchWebStructure_p.html?host=#[host]#&depth=#[depthi]#&width=#[width]#&height=#[height]#&nodes=#[nodes]#&time=#[time]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#"><img src="env/grafics/plus.gif" width="11" height="11" alt="plus" /></a>
|
|
</dd>
|
|
<dt>nodes</dt>
|
|
<dd>
|
|
<a href="WatchWebStructure_p.html?host=#[host]#&depth=#[depth]#&width=#[width]#&height=#[height]#&nodes=#[nodesd]#&time=#[time]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#"><img src="env/grafics/minus.gif" width="11" height="11" alt="minus"/></a>
|
|
<input type="text" name="nodes" value="#[nodes]#" size="4" maxlength="4" />
|
|
<a href="WatchWebStructure_p.html?host=#[host]#&depth=#[depth]#&width=#[width]#&height=#[height]#&nodes=#[nodesi]#&time=#[time]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#"><img src="env/grafics/plus.gif" width="11" height="11" alt="plus"/></a>
|
|
</dd>
|
|
<dt>time</dt>
|
|
<dd>
|
|
<a href="WatchWebStructure_p.html?host=#[host]#&depth=#[depth]#&width=#[width]#&height=#[height]#&nodes=#[nodes]#&time=#[timed]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#"><img src="env/grafics/minus.gif" width="11" height="11" alt="minus"/></a>
|
|
<input type="text" name="time" value="#[time]#" size="4" maxlength="4" />
|
|
<a href="WatchWebStructure_p.html?host=#[host]#&depth=#[depth]#&width=#[width]#&height=#[height]#&nodes=#[nodes]#&time=#[timei]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#"><img src="env/grafics/plus.gif" width="11" height="11" alt="plus"/></a>
|
|
</dd>
|
|
<dt>size</dt>
|
|
<dd><input type="text" name="width" value="#[width]#" size="5" maxlength="5" /> x <input type="text" name="height" value="#[height]#" size="5" maxlength="5" /></dd>
|
|
<dt>Background</dt><dd>Color <input type="text" name="colorback" id="colorback" value="#[colorback]#" size="6" maxlength="6" /></dd>
|
|
<dt>Text</dt><dd>Color <input type="text" name="colortext" id="colortext" value="#[colortext]#" size="6" maxlength="6" /></dd>
|
|
<dt>Line</dt><dd>Color <input type="text" name="colorline" id="colorline" value="#[colorline]#" size="6" maxlength="6" /></dd>
|
|
<dt>Dot</dt><dd>Color <input type="text" name="colordot" id="colordot" value="#[colordot]#" size="6" maxlength="6" /></dd>
|
|
<dt>Dot-end</dt><dd>Color <input type="text" name="colorlineend" id="colorlineend" value="#[colorlineend]#" size="6" maxlength="6" /></dd>
|
|
<dt> </dt>
|
|
<dd><input type="submit" value="change" /></dd>
|
|
</dl>
|
|
</fieldset>
|
|
</form>
|
|
</div><br />
|
|
<div style="text-align:right;">
|
|
<img id="WebPicture" src="WebStructurePicture_p.png?host=#[besthost]#&depth=#[depth]#&width=#[width]#&height=#[height]#&nodes=#[nodes]#&time=#[time]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot=#[colordot]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#" alt="WebStructurePicture"/>
|
|
</div>
|
|
#%env/templates/footer.template%#
|
|
</body>
|
|
</html>
|