knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

starting to hook up a modal menu

Browse Source
This commit is contained in:
Max Ogden
2011-07-01 18:19:17 -07:00
parent 1b934faaa2
commit 4c520172a9
3 changed files with 40 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
attachments/pages/index.html
View File

@@ -17,6 +17,9 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<ul class="menu">
<li><a href="JavaScript:void(0);">yo doods</a></li>
</ul>
<div id="header"> <div id="header">
<div id="project-title" style="display: block; "></div> <div id="project-title" style="display: block; "></div>
<div id="project-controls" style="display: block; "></div> <div id="project-controls" style="display: block; "></div>

6
attachments/script/site.js
View File

@@ -30,6 +30,12 @@ app.routes = {
app.after = { app.after = {
tableContainer: function() { tableContainer: function() {
removalist.activateControls(); removalist.activateControls();
},
dataTable: function() {
$('.column-header-menu').click(function(e) {
var offset = $(e.target).offset();
$('.menu').show().css({top: offset.top + 20, left: offset.left});
})
} }
} }

31
attachments/style/demo.css
View File

@@ -42,3 +42,34 @@
a.button span.icon.loading { background-image: url(../images/loader.gif); } a.button span.icon.loading { background-image: url(../images/loader.gif); }
.loading { background-image: url(../images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;} .loading { background-image: url(../images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
a.button:hover span.icon.loading { background-image: url(../images/loader-blue.gif); } a.button:hover span.icon.loading { background-image: url(../images/loader-blue.gif); }
ul.menu {
display: none;
outline-style: none;
background: white;
color: black;
font-size: 12px;
height: auto;
list-style: none;
overflow: hidden;
position: absolute;
text-align: left;
width: 120px;
z-index: 666;
border: 1px solid #CCC;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
margin: 0; padding: 0; }
ul.menu * {
margin: 0;
padding: 0; }
ul.menu a {
line-height: 14px;
color: black;
display: block;
padding: 5px 7px;
text-decoration: none; }
ul.menu li {
height: 24px; }
ul.menu li:hover {
background-color: #DBE8F8 }