This page now can change width and font-size with CTRL + mouse middle button in IE, and index letters can be clicked more easier.
if you like it, just use it! see attachment.
2006/8/9, John Resig <[EMAIL PROTECTED]>:
Hi Everyone -
I've been busy the past couple nights working on the new
documentation. You can see it being generated on the fly here (this is
also in SVN, rev 172 - look in the docs folder):
http://john.jquery.com/jquery/docs/
It's still very basic, pretty crude - and missing a couple functions
(including the Ajax module) but it's getting there. The big feature
that I'm going to work in next is going to be categorization by
category - this way you can find all the methods related to DOM
traversing (for example) right on one page.
Any/all feedback is appreciated - let me know if you spot any specific
bugs - and especially bugs with the actual docs themselves.
Some tech details:
- The docs are (currently) written inline inside of the jQuery
_javascript_ files using a pseudo-JSDoc-like way of writingi docs.
- This is parsed out with a simple Perl program and converted to two JSON files.
- These files are then loaded into the docs html page that you see.
- I use a re-written version of Klaus' pager plugin and an un-touched
copy Sam's tooltip code to help make things run smoothly.
- I also use strictly JSON/JSONP/JSONT to get the job done - no AJAX needed :-)
All feedback is appreciated!
--John
_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/
--
realazy.org
html, body {
background: #212121;
color: #fff;
font: .95em/1.5 Arial, Helvetica, sans-serif;
text-align: center;
}
body {
width: 56em;
min-width: 600px;
max-width: 96%;
margin: 12px auto;
}
h1 {
margin: 15px auto;
text-align: left;
font-size: 2.4em;
}
.nav-page {
position: relative;
padding: 0 0 6px 5.5em;
list-style: none;
_height: 1%;
}
.nav-page:after {
content: " ";
display: block;
clear: both;
}
.nav-page li {
float: left;
height: 1.8em;
margin: 0 4px;
line-height: 1.8em;
}
.nav-page a {
padding: 1px 4px;
font: 1em "Courier New", Courier, "BitStream Vera Sans Mono", monospace;
color: #fff;
text-decoration: none;
zoom: 1;
}
.nav-page .cur a {
font-weight: bold;
font-size: 1.4em;
color: #fff;
}
.nav-page a:hover {
background: #fff;
color: #333;
}
.nav-page li.prev {
position: absolute;
left: 0;
top: 0;
}
.nav-page li.next {
margin-left: 1em;
_margin-left: .5em;
white-space: nowrap;
}
.nav-page .prev a, .nav-page .next a {
border: none;
font-size: 1.2em;
font-weight: bold;
}
#docs {
list-style: none;
margin: 0 auto;
padding: 5px;
background: #fff;
text-align: left;
}
#docs li {
margin: 5px 0;
}
#docs li span.tooltip {
border-bottom: 1px dashed #666;
color: #666;
}
#docs li a.name {
font-weight: bold;
text-decoration: none;
}
#docs li span.type {
display: block;
float: left;
color: #666;
width: 9em;
margin-right: 10px;
line-height: 1.5em;
font-family: "Courier New", Courier, "BitStream Vera Sans Mono", monospace;
text-align: right;
}
#docs li span.arg-type {
color: #666;
}
#docs li div.short {
color: #666;
margin-left: 10em;
margin-top: 5px;
}
#docs span.fn {
font-family: "Courier New", Courier, "BitStream Vera Sans Mono", monospace;
}
#docs div.tooltipdemo {
color: #333;
}
#docs li div.more {
display: none;
margin-left: 110px;
margin-top: 5px;
}
#docs li div.example {
overflow: auto;
}
#docs li div.example h5 {
font-size: 16px;
}
#docs li div.example pre {
color: #4f4;
background: #000;
padding: 5px;
overflow: auto;
}
_______________________________________________ jQuery mailing list [email protected] http://jquery.com/discuss/
