added new html template for better usability
This commit is contained in:
parent
e73cfda76c
commit
136aab9ecf
|
@ -0,0 +1,62 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
|
||||||
|
NLMSvariants | Graphical Output ||
|
||||||
|
<font id="1" color="blue" onclick="clicksvg(this)">Eingangswert</font> |
|
||||||
|
<font id="2" color="red" onclick="clicksvg(this)">direkter Vorgaenger</font> |
|
||||||
|
<font id="3" color="green" onclick="clicksvg(this)">letzter Mittelwert</font>
|
||||||
|
<script>
|
||||||
|
function clicksvg(e){
|
||||||
|
id = e.id
|
||||||
|
graph = document.getElementById("svg_" + id);
|
||||||
|
if(graph.style.visibility == "hidden" || !graph.style.visibility){
|
||||||
|
graph.style.visibility = "visible";
|
||||||
|
}else{
|
||||||
|
graph.style.visibility = "hidden";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<svg height="1200" viewBox="100 50 400 -400" width="3000" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
|
<desc>NLMSvariants output graph
|
||||||
|
</desc>
|
||||||
|
<defs>
|
||||||
|
<pattern id="smallGrid" width="10" height="10" patternUnits="userSpaceOnUse">
|
||||||
|
<path d="M 10 0 L 0 0 0 10" fill="none" stroke="gray" stroke-width="0.5"></path>
|
||||||
|
</pattern>
|
||||||
|
<pattern id="grid10" width="100" height="100" patternUnits="userSpaceOnUse">
|
||||||
|
<rect width="100" height="100" fill="url(#smallGrid)"></rect>
|
||||||
|
<path d="M 100 0 L 0 0 0 100" fill="none" stroke="gray" stroke-width="1"></path>
|
||||||
|
</pattern>
|
||||||
|
</defs>
|
||||||
|
<rect fill="white" height="1200" width="3000" y="0"></rect>
|
||||||
|
<rect fill="url(#grid10)" height="1200" width="3000" y="0"></rect>
|
||||||
|
<g transform="translate(0,0) scale(1, 1)">
|
||||||
|
<line class="l1 s-black " stroke="black" x1="-200" x2="3000" y1="400" y2="400"></line>
|
||||||
|
<line class="l1 s-black " stroke="black" x1="200" x2="200" y1="-200" y2="1200"></line>
|
||||||
|
</g>
|
||||||
|
<g transform="translate(200, 400) scale(1,-1)">
|
||||||
|
<path d="M0 0
|
||||||
|
<text class="t36 t-mid bold f-black" x="50" y="50">+ +</text>
|
||||||
|
<text class="t36 t-mid bold f-black" x="-50" y="50">- +</text>
|
||||||
|
<text class="t36 t-mid bold f-black" x="50" y="-50">+ -</text>
|
||||||
|
<text class="t36 t-mid bold f-black" x="-50" y="-50">- -</text>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
|
||||||
|
|
||||||
|
<table width = "100%" border = 1>
|
||||||
|
<tr align = "top">
|
||||||
|
<td colspan = "2" bgcolor = "#fefefe">
|
||||||
|
<h1>
|
||||||
|
<font color="blue">Eingangswert</font> |
|
||||||
|
<font color="red">direkter Vorgaenger</font> |
|
||||||
|
<font color="green">letzter Mittelwert</font>
|
||||||
|
</h1>
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</body>
|
||||||
|
<html>
|
Loading…
Reference in New Issue