root/public/javascripts/scriptaculous/test/functional/sortable3_test.html

Revision 1, 1.5 kB (checked in by falcon, 17 years ago)

Version one -> initial work from the laptop.
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4<head>
5  <title>script.aculo.us sortable functional test file</title>
6  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
7  <script src="../../lib/prototype.js" type="text/javascript"></script>
8  <script src="../../src/scriptaculous.js" type="text/javascript"></script>
9  <script src="../../src/unittest.js" type="text/javascript"></script>
10  <link rel="stylesheet" href="../test.css" type="text/css" />
11  <style type="text/css" media="screen">
12    ul { height: 100px; border:1px dotted #888; }
13  </style>
14</head>
15<body>
16<h1>script.aculo.us Sortable two-lists w/ dropOnEmpty functional test file</h1>
17
18<ul id="thelist1">
19<li id="thelist1_1">Hey there! I'm item#1/1</li>
20<li id="thelist1_2">Hey there! I'm item#1/2</li>
21<li id="thelist1_3">Hey there! I'm item#1/3</li>
22</ul>
23
24<ul id="thelist2">
25</ul>
26
27<script type="text/javascript" language="javascript" charset="utf-8">
28// <![CDATA[
29  Sortable.create('thelist1',{containment:['thelist1','thelist2'], dropOnEmpty:true});
30  Sortable.create('thelist2',{containment:['thelist1','thelist2'], dropOnEmpty:true});
31// ]]>
32</script>
33
34<a href="#" onclick="alert(Sortable.serialize('thelist1'));return false;">Serialize sortable1</a>
35<a href="#" onclick="alert(Sortable.serialize('thelist2'));return false;">Serialize sortable2</a>
36
37<div id="debug"></div>
38
39</body>
40</html>
Note: See TracBrowser for help on using the browser.