added ColorPicker to WatchWebStructure

git-svn-id: https://svn.berlios.de/svnroot/repos/yacy/trunk@7236 6c8d7289-2bf4-0310-a012-ef5d649a1542
pull/1/head
orbiter 15 years ago
parent 45b1ab3d07
commit 6d61b80fb6

@ -2,6 +2,7 @@
<html xmlns="http://www.w3.org/1999/xhtml"> <html xmlns="http://www.w3.org/1999/xhtml">
<head> <head>
<title>YaCy '#[clientname]#': Web Structure</title> <title>YaCy '#[clientname]#': Web Structure</title>
<link rel="stylesheet" media="screen" type="text/css" href="/yacy/ui/css/colorpicker.css" />
#%env/templates/metas.template%# #%env/templates/metas.template%#
<script type="text/javascript" src="/js/WatchWebStructure.js"></script> <script type="text/javascript" src="/js/WatchWebStructure.js"></script>
<style type="text/css"> <style type="text/css">
@ -22,6 +23,24 @@
#%env/templates/header.template%# #%env/templates/header.template%#
#%env/templates/submenuWebStructure.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> <div id="api"><a href="/api/webstructure.xml?about=#[besthost]#"><img src="env/grafics/api.png" width="60" height="40" alt="API" /></a>
<span> <span>
The data that is visualized here can also be retrieved in a XML file, which lists the reference relation between the domains. The data that is visualized here can also be retrieved in a XML file, which lists the reference relation between the domains.
@ -62,11 +81,11 @@ To see a list of all APIs, please visit the <a href="http://www.yacy-websuche.de
</dd> </dd>
<dt>size</dt> <dt>size</dt>
<dd><input type="text" name="width" value="#[width]#" size="5" maxlength="5" />&nbsp;x&nbsp;<input type="text" name="height" value="#[height]#" size="5" maxlength="5" /></dd> <dd><input type="text" name="width" value="#[width]#" size="5" maxlength="5" />&nbsp;x&nbsp;<input type="text" name="height" value="#[height]#" size="5" maxlength="5" /></dd>
<dt>Background</dt><dd>Color <input type="text" name="colorback" value="#[colorback]#" size="6" maxlength="6" /></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" value="#[colortext]#" 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" value="#[colorline]#" 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" value="#[colordot]#" 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" value="#[colorlineend]#" 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>&nbsp;</dt> <dt>&nbsp;</dt>
<dd><input type="submit" value="change" /></dd> <dd><input type="submit" value="change" /></dd>
</dl> </dl>

Loading…
Cancel
Save