mirror/php-h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-08-31 01:29:58 +02:00
Code Issues Releases Wiki Activity

Minor changes, mainly refactoring.

Browse Source
This commit is contained in:
Lars Jung
2011-06-15 02:26:55 +02:00
parent 76855274ad
commit 9b3575ee78
6 changed files with 162 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
h5ai/footer.html
View File

@@ -1,6 +1,6 @@
<!-- generated code ends here -->
<div id="empty">empty</div>
<div id="special"></div>
<section id="h5ai-bottom"></section>
</section>
<footer>
<a id="html5" href="http://www.w3.org/html/logo/" target="_blank" title="HTML5 semantics & CSS3">
@@ -8,7 +8,7 @@
<img class="techclass" src="/h5ai/images/html5-semantics.png" alt="html5-semantics" />
<img class="techclass" src="/h5ai/images/html5-css3.png" alt="html5-css3" />
</a>
<a href="http://github.com/larrrs/h5ai" target="_blank" title="html5autoindex v0.1">h5ai</a>
<a href="http://github.com/larrrs/h5ai" target="_blank" title="html5autoindex v0.1.1">h5ai</a>
using
<a href="http://html5boilerplate.com" target="_blank" title="a rock-solid default for HTML5 awesome">HTML5 Boilerplate</a>
and

1
h5ai/header.html
View File

@@ -16,6 +16,7 @@
<div class="clearfix"></div>
</nav>
<section id="content">
<section id="h5ai-top"></section>
<!--
The following code was generated by apache's autoindex module. It is not valid HTML 5 for the
reason, that 'align' and 'valign' attributes on the td element are obsolete. Both of them are

38
h5ai/main.css
View File

@@ -31,13 +31,13 @@ nav {
-moz-box-shadow: 0px 0px 30px #555;
box-shadow: 0px 0px 30px #555;
}
nav li {
nav li.crumb {
float: left;
border-right: 1px dotted rgb(225,225,225);
cursor: pointer;
opacity: 0.7;
}
nav li.hover, nav li.hover a {
nav li.crumb:hover, nav li.crumb:hover a {
background-color: rgba(255,255,255,0.5);
opacity: 1.0;
}
@@ -54,6 +54,22 @@ nav img {
}
section#h5ai-top {
display: none;
padding: 0px 0px 10px 0px;
margin: 0px 0px 80px 0px;
border-bottom: 1px solid #999;
}
section#h5ai-bottom {
display: none;
padding: 10px 0px 0px 0px;
margin: 80px 0px 0px 0px;
border-top: 1px solid #999;
}
section#content {
max-width: 980px;
margin: 0px auto;
@@ -67,22 +83,22 @@ table {
table {
display: block;
}
table tr.hover, table tr.hover a {
table tr.entry:hover, table tr.entry:hover a {
background-color: rgb(235,245,250);
background-color: #eeeeee;
color: #333;
cursor: pointer;
}
table th, table td {
padding: 3px 6px;
text-align: left;
padding: 3px 6px;
text-align: left;
border: none;
}
table th {
padding-bottom: 18px;
opacity: 0.4;
}
table th.hover {
table th.header:hover {
cursor: pointer;
opacity: 0.9;
}
@@ -93,12 +109,12 @@ table th a, table th a:visited {
table th a img {
width: 12px;
height: 12px;
padding: 0px 8px;
padding: 0px 8px;
}
table td {
border: 1px solid #ddd;
border-left: 0px;
border-right: 0px;
border: 1px solid #ddd;
border-left: 0px;
border-right: 0px;
}
table .icon {
text-align: center;
@@ -139,7 +155,7 @@ div#empty {
}
div#special {
section#special {
display: none;
text-align: center;
margin: 50px 0px;

59
h5ai/main.js
View File

@@ -18,7 +18,7 @@
addColumnClasses();
initTableRows();
addSortOrderIcons();
//specialFiles();
addTopAndBottom();
};
@@ -39,19 +39,12 @@
var part = parts[idx];
if ( part !== "" ) {
path += part + "/";
$ul.append( $( "<li class='crumb'><a href='" + path + "'><img src='" + h5aiPath + "/icons/crumb.png' alt='>' />" + part + "</a></li>" ) );
$ul.append( $( "<li><a href='" + path + "'><img src='" + h5aiPath + "/icons/crumb.png' alt='>' />" + part + "</a></li>" ) );
}
}
$( "nav li a" ).closest( "li" )
.hover(
function () {
$( this ).addClass( "hover" );
},
function () {
$( this ).removeClass( "hover" );
}
)
.addClass( "crumb" )
.click( function () {
document.location.href = $( this ).find( "a" ).attr( "href" );
} );
@@ -84,26 +77,12 @@
function initTableRows() {
$( "th a" ).closest( "th" )
.hover(
function () {
$( this ).addClass( "hover" );
},
function () {
$( this ).removeClass( "hover" );
}
)
.addClass( "header" )
.click( function () {
document.location.href = $( this ).find( "a" ).attr( "href" );
} );
$( "td.name a" ).closest( "tr" )
.hover(
function () {
$( this ).addClass( "hover" );
},
function () {
$( this ).removeClass( "hover" );
}
)
.addClass( "entry" )
.click( function () {
document.location.href = $( this ).find( "td.name a" ).attr( "href" );
} );
@@ -136,24 +115,18 @@
};
function specialFiles() {
function addTopAndBottom() {
specialFile( "README", "readme.png" );
specialFile( "ChangeLog", "changelog.png" );
specialFile( "INSTALL", "install.png" );
specialFile( "COPYING", "copying.png" );
specialFile( "LICENSE", "copying.png" );
specialFile( "AUTHORS", "authors.png" );
};
function specialFile( name, img ) {
if ( $( "td.name a:contains(" + name + ")" ).size() > 0 ) {
$( "#special" )
.append( $( "<img src='" + h5aiPath + "/images/" + img + "' alt='readme' />" ) )
.show();
}
$( "#h5ai-top" ).load( "h5ai.top.html", function( response, status, xhr ) {
if (status != "error") {
$( "#h5ai-top" ).show();
}
} );
$( "#h5ai-bottom" ).load( "h5ai.bottom.html", function( response, status, xhr ) {
if (status != "error") {
$( "#h5ai-bottom" ).show();
}
} );
};
} )( jQuery );