Bug Tracker

Ticket #1973: toolbar.2.html

File toolbar.2.html, 5.7 KB (added by ewkoob, 14 years ago)
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html>
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<meta http-equiv='CACHE-CONTROL' content='NO-CACHE'>
6<meta http-equiv='EXPIRES' content='-1'>
7
8<link href="css/clickmenu.css" rel="stylesheet" type="text/css" />
9<script type="text/javascript" src="js/jquery-1.2.1.js"></script>
10<!-- <script type="text/javascript" src="js/jquery.pngFix.js"></script> -->
11<script type="text/javascript" src="js/jquery.clickmenu.js"></script>
12<script type="text/javascript" src="js/jquery.ui-1.0/ui.mouse.js"></script>
13
14<script type="text/javascript" src="js/jquery.ui-1.0/ui.draggable.js"></script>
15<script type="text/javascript"
16    src="js/jquery.ui-1.0/ui.draggable.ext.js"></script>
17<script type="text/javascript" src="js/jquery.ui-1.0/ui.droppable.js"></script>
18<script type="text/javascript"
19    src="js/jquery.ui-1.0/ui.droppable.ext.js"></script>
20   
21<script type="text/javascript"
22    src="js/jquery.hotkeys.js"></script>
23
24<!-- <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js" djConfig="parseOnLoad:true"></script>
25<script type="text/javascript">
26    dojo.require("dojo.dnd.Source");
27    dojo.require("dojo.parser");
28</script> -->
29
30
31<script type="text/javascript" src="js/toolbar.js"></script>
32
33<!-- <style type="text/css">
34        .target {border: 1px dotted gray; width: 300px; height: 300px;padding: 5px;}
35        .source {border: 1px dotted skyblue;height: 200px; width: 300px;}
36        .bluesquare {height:50px;width:100%;background-color:skyblue}
37        .redsquare {height:50px;width:100%;background-color:red}
38</style> -->
39
40</head>
41<body>
42
43<!-- <div id="scrollingParent"></div>
44
45  <div id="custom_headerMenus" class="menu-and-tools">
46  <ul id="menu" name="menu">
47    <li>File
48        <ul id="filesubmenu" name="filesubmenu">
49            <li id='newEntry'
50                ><img class="icon-image" src="./images/newEntry.png" />&nbsp;&nbsp;&nbsp;New Entry</li>
51            <li id='newMessage'
52                ><img class="icon-image" src="./images/newMessage.png"/>&nbsp;&nbsp;&nbsp;New Message
53            </li>   
54            <li id='addContacts'
55                ><img class="icon-image" src="./images/blank.gif"/>&nbsp;&nbsp;&nbsp;Add to Contacts
56            </li>
57            <li id='delete'
58                ><img class="icon-image" src="./images/delete.png"/>&nbsp;&nbsp;&nbsp;Delete
59            </li>
60            <li id='properties'
61                ><img class="icon-image" src="./images/properties.png"/>&nbsp;&nbsp;&nbsp;Properties
62            </li>
63        </ul>
64    </li>
65    <li>Edit
66        <ul id="editsubmenu" name="editsubmenu">
67            <li id='cut'
68                ><img class="icon-image" src="./images/cut.png"/>&nbsp;&nbsp;&nbsp;Cut</li>
69            <li id='copy'
70                ><img class="icon-image" src="./images/copy.png"/>&nbsp;&nbsp;&nbsp;Copy</li>
71            <li id='paste' 
72                ><img class="icon-image" src="./images/paste.png"/>&nbsp;&nbsp;&nbsp;Paste</li>
73        </ul>   
74    </li>
75    <li>View
76        <ul id="viewsubmenu" name="viewsubmenu">
77            <li id='toolbar'
78                ><img class="icon-image" src="./images/checkMark.png"/>&nbsp;&nbsp;&nbsp;Toolbar</li>
79        </ul>   
80    </li>
81    <li>Tools
82        <ul id="toolssubmenu" name="toolssubmenu">
83            <li id='find'
84                ><img class="icon-image" src="./images/find.png"/>&nbsp;&nbsp;&nbsp;Find</li>
85            <li id='options'
86                ><img class="icon-image" src="./images/blank.gif"/>&nbsp;&nbsp;&nbsp;Options</li>
87        </ul>   
88    </li>
89  </ul>
90
91  <div id="custom-toolbar" name="custom-toolbar" class="custom-toolbar">
92    <a class="custom-toolbar-icons" id='newEntry' title="New Entry">
93        <img src="./images/newEntry.png" class="icon-image" />
94    </a>
95    <a class="custom-toolbar-icons" id='find' title="Find Items">             
96        <img src="./images/find.png" class="icon-image" />
97    </a>
98    <a class="custom-toolbar-icons" id='properties' title="Properties">
99        <img src="./images/properties.png" class="icon-image" />
100    </a>
101    <a class="custom-toolbar-icons" id='delete' title="Delete">
102        <img src="./images/delete.png" class="icon-image" />
103    </a>
104    <a class="custom-toolbar-icons" id='newMessage' title="New Message">
105        <img src="./images/newMessage.png" class="icon-image" />
106    </a>
107  </div>
108  </div>
109  -->
110<!-- <span style="position:absolute; top: 0px; left: 0px; height: 100%; width: 100%"> -->
111<div id="drop" class="drop">drop on me 1!
112<div class="block">drag me1!
113<ul>
114    <li>hello</li>
115    <li>there</li>
116
117</ul>
118</div>
119</div>
120
121
122
123<div id="drop2" class="drop2">drop on me 2!
124<div class="block2">drag me2!
125<ul>
126    <li>hello</li>
127    <li>there</li>
128
129</ul>
130</div>
131</div>
132
133<!--  </span> -->
134
135
136<!-- Create a source with two nodes -->
137<!-- <div dojoType="dojo.dnd.Source" jsId="c1" class="source" style="position:absolute;bottom:10px;">
138        SOURCE
139        <div class="dojoDndItem" dndType="blue">
140                <div class="bluesquare">BLUE</div>
141        </div>
142        <div class="dojoDndItem" dndType="red,darkred">
143                <div class="redsquare">RED</div>
144        </div>
145</div> -->
146
147<!-- Create a target that accepts nodes of type red and blue. -->
148<!-- <div dojoType="dojo.dnd.Target" jsId="c2" class="target" accept="blue,darkred" style="position:absolute;bottom:10px;right:20px">
149        TARGET
150</div>
151
152<div dojoType="dojo.dnd.Target" jsId="c2" class="target" accept="blue,darkred" style="position:absolute;bottom:10px;right:400px">
153        TARGET2
154</div> -->
155
156
157
158
159
160</body>
161
162</html>