dd/tests/index.html

	index.html revision 8f7b9676f7c6c201e07b2c9542775a43743012a5
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun<html>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun<head>
0a05fab9aadd37834734ffe106fc8ad4488fb3e3rbowen    <title>DragDrop Tests</title>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun    <script type="text/javascript" src="/build/yui/yui.js"></script>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun    <style>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        #wrap {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            width: 900px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            height: 600px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            border: 1px solid black;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            position: relative;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        #drag {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            height: 100px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            width: 100px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            border: 1px solid black;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            background-color: #ccc;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            position: relative;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            z-index: 1;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        #drop {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            position: absolute;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            height: 200px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            width: 200px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            border: 1px solid black;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            background-color: #ccc;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            top: 10px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            right: 10px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        .yui-skin-sam .yui-console-entry-pass .yui-console-entry-cat {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            background-color: green;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            color: white;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            font-weight: bold;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        .yui-skin-sam .yui-console-entry-src,
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        .yui-skin-sam .yui-console-entry-time {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            display: none;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        .yui-skin-sam .yui-console-entry {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            position: relative;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        .yui-skin-sam .yui-console-entry-pass .yui-console-entry-content {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            position: absolute;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            top: 1px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            right: 4px;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        .yui-skin-sam .yui-console-entry-fail .yui-console-entry-cat {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            background-color: red;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            color: white;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            font-weight: bold;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        .yui-skin-sam .yui-console-bd {
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            height: auto !important;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun
71c10d94d9dcec087859cdb44231ccc02ecaef9dnilgun        #del {
71c10d94d9dcec087859cdb44231ccc02ecaef9dnilgun            display: none;
71c10d94d9dcec087859cdb44231ccc02ecaef9dnilgun        }
71c10d94d9dcec087859cdb44231ccc02ecaef9dnilgun        #del li.disabled {
71c10d94d9dcec087859cdb44231ccc02ecaef9dnilgun            opacity: .5;
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        }
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun    </style>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun</head>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun<body class="yui3-skin-sam">
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun    <div id="wrap">
71c10d94d9dcec087859cdb44231ccc02ecaef9dnilgun        <div id="drag"></div>
71c10d94d9dcec087859cdb44231ccc02ecaef9dnilgun        <div id="drop"></div>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun    </div>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun    <div id="del">
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        <ul>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            <li>item</li>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            <li>item</li>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            <li>item</li>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            <li>item</li>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            <li>item</li>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            <li class="disabled">item</li>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun            <li>item</li>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun        </ul>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun    </div>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun<script type="text/javascript" src="dd.js"></script>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun</body>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun</html>
e09595826656839c22c18b47ba1d6b6bae9dba5anilgun