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.
120 lines
7.1 KiB
120 lines
7.1 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: 460px;
|
|
}
|
|
form dl {
|
|
width:100%;
|
|
overflow:hidden;
|
|
}
|
|
form dt {
|
|
vertical-align: middle;
|
|
height: 25px;
|
|
line-height: 25px;
|
|
float: left;
|
|
width: 38%;
|
|
}
|
|
form dd {
|
|
float: left;
|
|
height: 25px;
|
|
width: 60%;
|
|
text-align:left;
|
|
}
|
|
</style>
|
|
</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, #colordot0, #colordota, #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" target="_blank">API wiki page</a>.</span>
|
|
</div>
|
|
|
|
<h2>Web Structure</h2>
|
|
#(hosts)#::
|
|
<fieldset><legend>Host List</legend>
|
|
#{list}#
|
|
<div style="float:left; padding:1px 5px 1px 5px;">
|
|
<div style="width:160px; text-align:left; float: left; white-space:nowrap; overflow:hidden;"><a href="WatchWebStructure_p.html?host=#[host]#&depth=3&time=1000">#[host]#</a></div>
|
|
<div style="width:80px; text-align:right; float: left; white-space:nowrap; overflow:hidden;">#[count]# outlinks</div>
|
|
</div>
|
|
#{/list}#
|
|
</fieldset>
|
|
#(/hosts)#
|
|
<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]#&colordot0=#[colordot0]#&colordota=#[colordota]#&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]#&colordot0=#[colordot0]#&colordota=#[colordota]#&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]#&colordot0=#[colordot0]#&colordota=#[colordota]#&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]#&colordot0=#[colordot0]#&colordota=#[colordota]#&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]#&colordot0=#[colordot0]#&colordota=#[colordota]#&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]#&colordot0=#[colordot0]#&colordota=#[colordota]#&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>Pivot Dot</dt><dd>Color <input type="text" name="colordot0" id="colordot0" value="#[colordot0]#" size="6" maxlength="6" /></dd>
|
|
<dt>Other Dot</dt><dd>Color <input type="text" name="colordota" id="colordota" value="#[colordota]#" 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>
|
|
</dl>
|
|
<div align="center"><input type="submit" value="change" /></div>
|
|
|
|
</fieldset>
|
|
</form>
|
|
</div><br />
|
|
<div style="text-align:left;">
|
|
<img id="WebPicture" src="WebStructurePicture_p.png?host=#[besthost]#&depth=#[depth]#&width=#[width]#&height=#[height]#&nodes=#[nodes]#&time=#[time]#&colortext=#[colortext]#&colorback=#[colorback]#&colordot0=#[colordot0]#&colordota=#[colordota]#&colorline=#[colorline]#&colorlineend=#[colorlineend]#" alt="WebStructurePicture"/>
|
|
</div>
|
|
#%env/templates/footer.template%#
|
|
</body>
|
|
</html>
|