Bug Tracker

Ticket #1973: toolbar.2.html
File toolbar.2.html, 5.7 KB (added by ewkoob, November 26, 2007 07:52PM UTC)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv='CACHE-CONTROL' content='NO-CACHE'>
<meta http-equiv='EXPIRES' content='-1'>

<link href="css/clickmenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.2.1.js"></script>
<!-- <script type="text/javascript" src="js/jquery.pngFix.js"></script> -->
<script type="text/javascript" src="js/jquery.clickmenu.js"></script>
<script type="text/javascript" src="js/jquery.ui-1.0/ui.mouse.js"></script>

<script type="text/javascript" src="js/jquery.ui-1.0/ui.draggable.js"></script>
<script type="text/javascript"
    src="js/jquery.ui-1.0/ui.draggable.ext.js"></script>
<script type="text/javascript" src="js/jquery.ui-1.0/ui.droppable.js"></script>
<script type="text/javascript"
    src="js/jquery.ui-1.0/ui.droppable.ext.js"></script>
    
<script type="text/javascript"
    src="js/jquery.hotkeys.js"></script>

<!-- <script type="text/javascript" src="http://o.aolcdn.com/dojo/1.0.0/dojo/dojo.xd.js" djConfig="parseOnLoad:true"></script>
<script type="text/javascript">
    dojo.require("dojo.dnd.Source");
    dojo.require("dojo.parser");
</script> -->


<script type="text/javascript" src="js/toolbar.js"></script>

<!-- <style type="text/css">
        .target {border: 1px dotted gray; width: 300px; height: 300px;padding: 5px;}
        .source {border: 1px dotted skyblue;height: 200px; width: 300px;}
        .bluesquare {height:50px;width:100%;background-color:skyblue}
        .redsquare {height:50px;width:100%;background-color:red}
</style> -->

</head>
<body>

<!-- <div id="scrollingParent"></div>

  <div id="custom_headerMenus" class="menu-and-tools">
  <ul id="menu" name="menu"> 
    <li>File 
        <ul id="filesubmenu" name="filesubmenu"> 
            <li id='newEntry'
                ><img class="icon-image" src="./images/newEntry.png" />&nbsp;&nbsp;&nbsp;New Entry</li> 
            <li id='newMessage'
                ><img class="icon-image" src="./images/newMessage.png"/>&nbsp;&nbsp;&nbsp;New Message
            </li>    
            <li id='addContacts'
                ><img class="icon-image" src="./images/blank.gif"/>&nbsp;&nbsp;&nbsp;Add to Contacts
            </li>
            <li id='delete'
                ><img class="icon-image" src="./images/delete.png"/>&nbsp;&nbsp;&nbsp;Delete
            </li>
            <li id='properties'
                ><img class="icon-image" src="./images/properties.png"/>&nbsp;&nbsp;&nbsp;Properties
            </li>
        </ul> 
    </li> 
    <li>Edit
        <ul id="editsubmenu" name="editsubmenu"> 
            <li id='cut'
                ><img class="icon-image" src="./images/cut.png"/>&nbsp;&nbsp;&nbsp;Cut</li> 
            <li id='copy'
                ><img class="icon-image" src="./images/copy.png"/>&nbsp;&nbsp;&nbsp;Copy</li>
            <li id='paste'  
                ><img class="icon-image" src="./images/paste.png"/>&nbsp;&nbsp;&nbsp;Paste</li>
        </ul>    
    </li>
    <li>View
        <ul id="viewsubmenu" name="viewsubmenu"> 
            <li id='toolbar'
                ><img class="icon-image" src="./images/checkMark.png"/>&nbsp;&nbsp;&nbsp;Toolbar</li> 
        </ul>    
    </li>
    <li>Tools
        <ul id="toolssubmenu" name="toolssubmenu"> 
            <li id='find'
                ><img class="icon-image" src="./images/find.png"/>&nbsp;&nbsp;&nbsp;Find</li> 
            <li id='options'
                ><img class="icon-image" src="./images/blank.gif"/>&nbsp;&nbsp;&nbsp;Options</li>
        </ul>    
    </li>
  </ul>

  <div id="custom-toolbar" name="custom-toolbar" class="custom-toolbar">
    <a class="custom-toolbar-icons" id='newEntry' title="New Entry">
        <img src="./images/newEntry.png" class="icon-image" />
    </a>
    <a class="custom-toolbar-icons" id='find' title="Find Items">             
        <img src="./images/find.png" class="icon-image" />
    </a>
    <a class="custom-toolbar-icons" id='properties' title="Properties">
        <img src="./images/properties.png" class="icon-image" />
    </a>
    <a class="custom-toolbar-icons" id='delete' title="Delete">
        <img src="./images/delete.png" class="icon-image" />
    </a>
    <a class="custom-toolbar-icons" id='newMessage' title="New Message">
        <img src="./images/newMessage.png" class="icon-image" />
    </a>
  </div>
  </div>
  -->
<!-- <span style="position:absolute; top: 0px; left: 0px; height: 100%; width: 100%"> -->
<div id="drop" class="drop">drop on me 1!
<div class="block">drag me1!
<ul>
    <li>hello</li>
    <li>there</li>

</ul>
</div>
</div>



<div id="drop2" class="drop2">drop on me 2!
<div class="block2">drag me2!
<ul>
    <li>hello</li>
    <li>there</li>

</ul>
</div>
</div>

<!--  </span> -->


<!-- Create a source with two nodes -->
<!-- <div dojoType="dojo.dnd.Source" jsId="c1" class="source" style="position:absolute;bottom:10px;">
        SOURCE
        <div class="dojoDndItem" dndType="blue">
                <div class="bluesquare">BLUE</div>
        </div>
        <div class="dojoDndItem" dndType="red,darkred">
                <div class="redsquare">RED</div>
        </div>
</div> -->

<!-- Create a target that accepts nodes of type red and blue. -->
<!-- <div dojoType="dojo.dnd.Target" jsId="c2" class="target" accept="blue,darkred" style="position:absolute;bottom:10px;right:20px">
        TARGET
</div>

<div dojoType="dojo.dnd.Target" jsId="c2" class="target" accept="blue,darkred" style="position:absolute;bottom:10px;right:400px">
        TARGET2
</div> -->





</body>

</html>

Download in other formats:

Original Format