-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
137 lines (97 loc) · 4.31 KB
/
index.php
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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoogle like Drag & Drop Portal v2.0 by Michel Hiemstra</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="Michel Hiemstra ([email protected])" />
<meta name="keywords" content="drag&drop portal, igoogle drag and drop, igoogle, drag and drop div igoogle javascript, drag and drop block like igoogle, div drag drop" />
<meta name="description" content="iGoogle like Drag & Drop Portal v2.0 by Michel Hiemstra" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.1/prototype.js"></script>
<script type="text/javascript" src="assets/js/scriptaculous.js"></script>
<script type="text/javascript" src="assets/js/portal.js"></script>
<? require_once 'get_blocks.php'; ?>
<script type="text/javascript">
var settings = {<?=getBlocks()?>};
var options = { portal : 'columns',
editorEnabled : true,
saveurl : 'save.php' };
var data = {};
var portal;
Event.observe(window, 'load', function() {
portal = new Portal(settings, options, data);
});
</script>
<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="screen" />
<link rel="stylesheet" href="assets/css/portal.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="heading"></div>
<div id="headnote">
<h1>iGoogle-like Drag & Drop Portal v2.0</h1>
<h2>based on prototype and scriptaculous. By <a href="http://michelhiemstra.nl/" target="_blank">Michel Hiemstra</a>.</h2>
</div>
<div style="clear:both;"></div>
<hr />
<div id="columns">
<div id="column-1" class="column menu"></div>
<div id="column-2" class="column blocks"></div>
<div id="column-3" class="column sidebar"></div>
<div class="portal-column" id="portal-column-block-list" style="display: none;">
<div class="block" id="block-1">
<h1 class="draghandle">Block 1</h1>
<p>Block 1 data</p>
</div>
<div class="block" id="block-2">
<h1 class="draghandle">Block 2</h1>
<p>Block 2 data</p>
</div>
<div class="block" id="block-3">
<h1 class="draghandle">Block 3</h1>
<p>Block 3 data</p>
</div>
<div class="block" id="block-4">
<h1 class="draghandle">Block 4</h1>
<p>Block 4 data</p>
</div>
</div>
</div>
<div style="clear:both;"></div>
<hr style="margin-top: 40px;" />
<div id="debug">
<h1>Debug information (no actual saving will be done in the demo):</h1>
<p style="margin:0px;" id="data"></p>
</div>
<div style="clear:both;"></div>
<hr style="margin-top: 40px;" />
<div id="debug">
<h1>Download</h1>
<p>Click <a href="http://michelhiemstra.nl/scripts/jsportal/jsportal-v2.0.tar.gz">here</a> to download the source code</p>
</div>
<div style="clear:both;"></div>
<div id="browser-support">
Supported browsers: Just about all of them: IE6, IE7, IE8, FireFox, Safari, Chrome, Opera and more.
</div>
<div style="clear:both;"></div>
<div id="licence">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/"><img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png" /></a>
</div>
<div id="donate">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" name="form">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="8004562">
My scripts are free, but feel free to buy me a beer, <a href="#" onclick="document.form.submit();">donate</a> (paypal)!
</form>
</div>
</div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-8526455-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>