styles.css
@@ -2,45 +2,16 @@
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Functional Javascript</title>
- <script type="text/javascript" src="/javascripts/prototype.js"></script>
+ <script type="text/javascript" src="/javascripts/prototype-1.6.js"></script>
<script type="text/javascript" src="../gradients.js"></script>
<script type="text/javascript" src="functional.min.js"></script>
-<!-- <script type="text/javascript" src="to-function.js"></script> -->
<script type="text/javascript" src="../osdoc/Base.js"></script>
<script type="text/javascript" src="../osdoc/osdoc.js"></script>
<script type="text/javascript" src="evaluator.js"></script>
<script type="text/javascript" src="index.js"></script>
<link rel="stylesheet" type="text/css" href="../osdoc/osdoc.css"/>
+ <link rel="stylesheet" type="text/css" href="styles.css"/>
<link rel="stylesheet" type="text/css" href="evaluator.css"/>
- <style type="text/css">
- body {padding:0pt 10pt 0 10pt; color:#222; background:#fff}
- h1 {text-align:center;margin-bottom:2pt}
- h2 .download {font-size: small}
- .navbar {font-size:medium; color:gray;text-align:center;margin-bottom:5pt}
- .navbar a {}
- p, pre {line-height:1.25em; margin-top:0}
- a {color:#888}
- a:hover {color:blue}
- samp {color:blue}
- kbd {cursor:pointer}
- kbd:hover {color:#080}
- .docs {padding-right:5em}
- #header p {margin:0pt 20pt 0pt 20pt; padding-top:5pt}
- #intro {padding-top:10pt;position:relative}
- #header pre.example {margin-left: 4em}
- #footer {color:#888; margin-top:2em; padding-top:2px; border-top:1px solid; font-size:small; text-align:center}
- #intro {margin-bottom:5px}
- #intro p {padding: 5px}
- #evaluator .content {margin-left:10px;padding-bottom:5px}
- #evaluator p {text-align:center; padding:5px; padding-top:10px;font-family:sans-serif}
- #evaluator .input-column {background:white}
- #evaluator .output-column {background:white}
- #evaluator samp {color: black}
- table {background:#f9f9f9}
- #ie-warning {font-size:large;background:#f66;position:relative;padding:5px 10px 1px 10px;max-width:550px}
- #ie-warning .close {text-align:right;display:block;font-size:x-large;margin-bottom:.5em}
- #ie-warning a {color:blue}
- </style>
</head>
<body>
<h1>Functional Javascript</h1>
@@ -49,7 +20,7 @@
| <a href="http://osteele.com/archives/2007/07/functional-javascript">announcement</a>
| <a href="http://code.google.com/p/functional-javascript/">project page</a>
| download:
- <a href="functional.min.js.gz">compressed (<3K min gz)</a>
+ <a href="functional.min.js.gz">compressed (<3K min gz)</a>
| <a href="functional-1.0.2.tgz">source</a>
</div>
<div id="ie-warning" style="display:none">
index.html
@@ -1,23 +1,18 @@
-/*
- * Author: Oliver Steele
- * Copyright: Copyright 2007 by Oliver Steele. All rights reserved.
- * License: MIT License
- * Homepage: http://osteele.com/javascripts/functional
- * Created: 2007-07-11
- * Modified: 2007-07-21
- */
-
-var gEval;
+/* Copyright 2007 by Oliver Steele. Available under the MIT License. */
-// debugging references
-var gExamples, gDocs;
+var gAPIViewer,
+ gEval;
function initialize() {
$('noscript').innerHTML = $('noscript').innerHTML.replace(
/<span.*?<\/span>/,
'If this message remains on the screen,');
- gExamples = new OSDoc.Examples({onSuccess: noteCompletion.saturate('examples'), target: $('examples')}).load('examples.js');
- gDocs = new OSDoc.APIDoc({onSuccess: noteCompletion.saturate('docs'), target: $('docs')}).load('functional.js', 'to-function.js');
+ new OSDoc.ExampleViewer().load('examples.js', {
+ onSuccess: noteCompletion.saturate('examples'),
+ target: 'examples'});
+ gAPIViewer = new OSDoc.APIViewer().load('functional.js', 'to-function.js', {
+ onSuccess: noteCompletion.saturate('docs'),
+ target: 'docs'});
gEval = new Evaluator('#evaluator', {onUpdate: showEvaluator});
initializeHeaderToggle();
initializeTestLinks();
@@ -52,12 +47,12 @@ function initializeHeaderToggle() {
function initializeTestLinks() {
Event.observe('run-tests', 'click', function(e) {
Event.stop(e);
- var results = gDocs.runTests();
+ var results = gAPIViewer.runTests();
alert(results.toHTML());
});
Event.observe('write-tests', 'click', function(e) {
Event.stop(e);
- var text = gDocs.getTestText();
+ var text = gAPIViewer.getTestText();
document.write('<pre>'+text.escapeHTML()+'</pre>');
});
}
@@ -71,7 +66,7 @@ function noteCompletion(flag) {
var inputs = $$('kbd');
gEval.makeClickable(inputs);
if (window.location.search.match(/[\?&]test\b/)) {
- var results = gDocs.runTests();
+ var results = gAPIViewer.runTests();
alert(results.toHTML());
}
scheduleGradientReset();
index.js
f94e1609d85cc4c906cf7d67865577dfd34f04b0
Oliver Steele
steele@osteele.com
http://github.com/osteele/functional-javascript/commit/f949f5cafdc829aa2ac963fca95427128d749917
f949f5cafdc829aa2ac963fca95427128d749917
2007-11-14T06:43:43-08:00
2007-11-14T06:43:43-08:00
update to prototype 1.6; factor +styles.css
31460508397ccf0673ad7e0ac2601aba63947063
Oliver Steele
steele@osteele.com