You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
jsde/index.html

94 lines
2.8 KiB
HTML

<!doctype html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Javascript Desktop Environment</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jsde.js"></script>
<script type="text/javascript">
$(function(){
/*createWindow(140, 30, "Test title", "<strong>Test contents</strong><pre></pre>", 500, 620, false);
var secondWindow = createWindow(440, 120, "Test title", "<strong>Test contents</strong>", 300, 150).bringToForeground();
debugEl = secondWindow;
secondWindow.minHeight = 100;
secondWindow.minWidth = 100;
secondWindow.maxHeight = 400;
secondWindow.maxWidth = 400;*/
new JsdeWindow({
x: 20,
y: 20,
width: 400,
height: 300,
title: "Hi"
});
new JsdeWindow({
x: 120,
y: 40,
width: 400,
height: 300,
title: "Whee!"
});
$("#demo_button").click(function(event){
new JsdeWindow({
width: parseInt($("#w").val()),
height: parseInt($("#h").val()),
x: parseInt($("#x").val()),
y: parseInt($("#y").val()),
title: $("#title").val(),
contents: $("#contents").val()
});
});
})
</script>
<link href='http://fonts.googleapis.com/css?family=Varela+Round' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="base.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="make-window">
<span id="id1">140, -8</span><br>
<span id="id2">733, 85<br>873, 77</span><br><br>
X: <input id="x" value="200" type="text"><br>
Y: <input id="y" value="250" type="text"><br>
Title: <input id="title" value="Sample title" type="text"><br>
Contents (HTML): <br>
<textarea id="contents" style="width: 300px; height: 180px;">&lt;strong&gt;ohai!&lt;/strong&gt;&lt;br&gt;
lol&lt;hr&gt;
&lt;button&gt;:3&lt;/button&gt;
</textarea><br>
Width: <input id="w" value="400" type="text"><br>
Height: <input id="h" value="300" type="text"><br>
<button id="demo_button">Make new window</button>
</div>
<div class="workspace-bar">
<span id="workspace-tab-list">
<!-- workspace tabs go here -->
</span>
<a class="workspace-tab workspace-tab-add" id="workspace_tab_add" href="#">+</a>
</div>
<div id="jsde_templates">
<div class="template_window window-wrapper window-styled">
<div class="window-title">
<span class="window-title-inner">
Test title
</span>
<div class="window-close">
<a href="#">X</a>
</div>
</div>
<div class="window-outer">
<div class="window-inner">
<strong>Test contents</strong>
</div>
<div class="window-resizer">
</div>
</div>
<input type="hidden" name="MDIWindowIdentifier" value="1" class="MDIWindowIdentifier">
</div>
</div>
</body>
</html>