Skip to content

Instantly share code, notes, and snippets.

@canoedf

canoedf/d3D.htm

Created December 12, 2014 19:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save canoedf/e0e85f4e7e9834e05183 to your computer and use it in GitHub Desktop.
Save canoedf/e0e85f4e7e9834e05183 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
d3D.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" -->
<head>
<meta name="viewport" content="width=device-width">
<script type="text/javascript" src="d3.min.js" charset="utf-8"></script>
<script src="datetimepicker_css.js">
/**************************************************************************
*Copyright (c) 2010-2014, Teng-Yong Ng . All rights reserved.
*http://www.rainforestnet.com/datetimepicker/datetimepicker.htm
***************************************************************************/
</script>
<script type="text/javascript" src="dropdowntabs.js">
/**************************************************************************
* Drop Down Tabs Menu script- © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***************************************************************************/
</script>
<link rel="stylesheet" type="text/css" href="d3Test.css" />
<link rel="stylesheet" type="text/css" href="ddcolortabs.css" />
<link rel="stylesheet" type="text/css" href="menu.css" />
</head>
<body>
<script src="d3Test.js"></script>
<div id="header">
<div id="colortab" class="ddcolortabs">
<ul>
<li><a ><span>Monitoring-Admin</span></a></li>
<li><a ><span>Events</span></a></li>
<li><a rel="dropmenu1_a"><span>Clients</span></a></li>
<li><a rel="dropmenu2_a"><span>Checks</span></a></li>
<li><a rel="dropmenu3_a"><span>Users</span></a></li>
<li><a ><span>Settings</span></a></li>
<li><a ><span>Logout</span></a></li>
</ul>
</div>
</div>
<div class="ddcolortabsline">&nbsp;</div>
<div id="body">
<div id="dropmenu1_a" class="dropmenudiv_a">
<a ><span>Horizontal CSS Menus</span></a>
<a >Vertical CSS Menus</a>
<a >Image CSS</a>
<a >Form CSS</a>
<a >DIVs and containers</a>
<a >Links and Buttons</a>
<a >Other</a>
</div>
<div id="dropmenu2_a" class="dropmenudiv_a" style="width: 150px;">
<a >2AA</a>
<a >2BB</a>
<a >2CC</a>
<a >2DD</a>
</div>
<div id="dropmenu3_a" class="dropmenudiv_a" style="width: 150px;">
<a >3AA</a>
<a >3BB</a>
<a >3CC</a>
<a >3DD</a>
</div>
<div id="bigbox2" style="margin-left:1px;margin-right:1px;display:!none;height:auto;width:auto">
<fieldset>
<legend>Graph settings</legend>
<FORM NAME="myform" ACTION="" METHOD="GET"><BR>
Monitor Group: <select id="value1"><option value="wmvtbbiz">wmvtbbiz<option value="wmvtbinfo">wmvtbinfo<option value="wmvtechnet">wmvtechnet</select>&nbsp;&nbsp;&nbsp;
Start: <input type="Text" id="value2" maxlength="25" size="25"/><img src="images2/cal.gif" onclick="javascript:NewCssCal('value2','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>&nbsp;&nbsp;&nbsp;
End: <input type="Text" id="value3" maxlength="25" size="25"/><img src="images2/cal.gif" onclick="javascript:NewCssCal('value3','yyyyMMdd','arrow',true,'24')" style="cursor:pointer"/>&nbsp;&nbsp;&nbsp;
<INPUT TYPE="button" NAME="button" Value="Sure" onClick="testResults(this.form)">
</FORM>
</fieldset>
</div>
</div>
</div>
<div id="footer">
<p>
<strong>Footer</strong> (always at the bottom). "Good design is as little design as possible."
</p>
</div>
<script type="text/javascript">tabdropdown.init("colortab", 0)</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment