blob: 7f8cd0e593d3fa15cdce7b60ab3e6c17496d681f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
<!DOCTYPE html>
<!--conf
<sample in_favorites="true">
<product version="1.0" edition="std"/>
<modifications>
<modified date="080205"/>
</modifications>
<sampledescription><![CDATA[ ]]></sampledescription></sample>
-->
<html>
<head>
<title>Connecting to database</title>
<script src="../dhtmlx/dhtmlx.js" type="text/javascript"></script>
<link rel="STYLESHEET" type="text/css" href="../dhtmlx/dhtmlx.css">
<style type="text/css" media="screen">
body { background-color:#EBEBEB; };
</style>
<body>
<h1>Connecting to database</h1>
<form style="float:right;">
Product <input type="text" id="p_name" value="dhtmlxDataView"><br>
Version <input type="text" id="v_name" value="3.0"><br>
Maintainer <input type="text" id="m_name" value="Ivan"><br>
<input type="button" value="Add →" onclick='add_data()'>
<hr>
<input type="button" value="Remove selected →" onclick='remove_data()'>
</form>
<div id="data_container" style="border:1px solid #A4BED4; background-color:white;width:596px;height:396px;"></div>
<script>
data = new dhtmlXDataView({
container:"data_container",
edit:true,
type:{
template:"{obj.Package} : {obj.Version}<br/>{obj.Maintainer}",
template_edit:"<input class='dhx_item_editor' bind='obj.Package'>",
height:40
}
});
data.load("03_adding.php");
var dp = new dataProcessor("03_adding.php");
dp.init(data);
function add_data(argument) {
data.add({
Package: document.getElementById("p_name").value,
Version: document.getElementById("v_name").value,
Maintainer: document.getElementById("m_name").value,
},0)
}
function remove_data(){
data.remove(data.getSelected());
}
</script>
</body>
</html>
|
