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.
98 lines
4.0 KiB
98 lines
4.0 KiB
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.6.0/p5.min.js" type="text/javascript"></script>
|
|
<script src="https://code.jquery.com/jquery-3.6.4.min.js" type="text/javascript"></script>
|
|
<script src="scripts/lib/BenjoLibrary.js" type="text/javascript"></script>
|
|
<script src="scripts/sketch.js" type="text/javascript"></script>
|
|
<script src="scripts/Editor.js" type="text/javascript"></script>
|
|
<script src="scripts/Graph.js" type="text/javascript"></script>
|
|
<script src="scripts/Variable.js" type="text/javascript"></script>
|
|
<script src="scripts/ObjectStore.js" type="text/javascript"></script>
|
|
<link href="styles.css" rel="stylesheet">
|
|
<link href="color_picker_styles.css" rel="stylesheet">
|
|
<title>Graph</title>
|
|
</head>
|
|
<body>
|
|
<div id="canvas_holder"></div>
|
|
<div id="displayer">
|
|
<center>
|
|
<fieldset class="holder" id="function_holder">
|
|
<legend>Funktionen</legend>
|
|
<table cellpadding="3" class="displayer" id="functions">
|
|
<!-- Javascript cells -->
|
|
</table>
|
|
</fieldset>
|
|
<fieldset class="holder" id="variable_holder">
|
|
<legend>Variablen</legend>
|
|
<table cellpadding="3" class="displayer" id="variables">
|
|
noch nicht implementiert
|
|
<!-- Javascript cells -->
|
|
</table>
|
|
</fieldset>
|
|
<fieldset class="holder" id="settings_holder">
|
|
<legend>Einstellungen</legend>
|
|
<span>Scroll-Verhalten:</span>
|
|
<input id="scroll_input" max="500" min="0" onchange="updateScroll()" type="range">
|
|
<span>X-Axen Verschiebung:</span>
|
|
<select id="x_axis_dispo" onchange="updateDisposition(this, true)">
|
|
<option value="1">1</option>
|
|
<option value="PI">PI</option>
|
|
</select>
|
|
<br>
|
|
<br>
|
|
<span>Y-Axen Verschiebung:</span>
|
|
<select id="y_axis_dispo" onchange="updateDisposition(this, false)">
|
|
<option value="1">1</option>
|
|
<option value="PI">PI</option>
|
|
</select>
|
|
</fieldset>
|
|
</center>
|
|
</div>
|
|
<div id="input_holder">
|
|
<input id="submit" onclick="addGraph()" type="button" value="OK"/>
|
|
<input id="input" type="text"/>
|
|
</div>
|
|
<div id="graph_editor_wrapper">
|
|
<div id="graph_editor">
|
|
<div id="color_picker">
|
|
<div id="saturation">
|
|
<div id="value">
|
|
<div id="sb_picker"></div>
|
|
</div>
|
|
</div>
|
|
<div id="hue">
|
|
<div id="hue_picker"></div>
|
|
</div>
|
|
</div>
|
|
<div id="color_picker_numeric">
|
|
<input class="color_picker_rgb" max="255" min="0" onchange="currentEditor.colorPicker.updateFromRGB()" oninput="currentEditor.colorPicker.updateFromRGB()" type="number"/>
|
|
<input class="color_picker_rgb" max="255" min="0" onchange="currentEditor.colorPicker.updateFromRGB()" oninput="currentEditor.colorPicker.updateFromRGB()" type="number"/>
|
|
<input class="color_picker_rgb" max="255" min="0" onchange="currentEditor.colorPicker.updateFromRGB()" oninput="currentEditor.colorPicker.updateFromRGB()" type="number"/>
|
|
<input id="color_picker_hex" onchange="currentEditor.colorPicker.updateFromHEX(this, false)" style="background-color: #F00;" style="background-color: #F00;" type="text"/>
|
|
</div>
|
|
<span style="margin-left: 5%; font-size: 25px; font-family: Tahoma, Geneva, sans-serif;">Dicke: </span>
|
|
<select id="graph_editor_thickness">
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
<option value="6">6</option>
|
|
<option value="7">7</option>
|
|
<option value="8">8</option>
|
|
<option value="9">9</option>
|
|
<option value="10">10</option>
|
|
<option value="11">11</option>
|
|
<option value="12">12</option>
|
|
<option value="13">13</option>
|
|
<option value="14">14</option>
|
|
<option value="15">15</option>
|
|
<option value="16">16</option>
|
|
</select>
|
|
<input id="graph_editor_input" type="text"/>
|
|
<input id="graph_editor_done" onclick="currentEditor.editDone()" type="button" value="OK"/>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |