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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
attachments/pages/index.html
View File

@ -17,6 +17,9 @@
</head>
<body>
<div class="container">
<ul class="menu">
<li><a href="JavaScript:void(0);">yo doods</a></li>
</ul>
<div id="header">
<div id="project-title" 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 = {
tableContainer: function() {
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); }
.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); }
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 }