I just completed a JavaScript course and couldn't resist messing with a web page (html file). This rotates through the first part of the Zen of Python at five second intervals (warning - newbish code):
<HTML>
<DOCUMENT>
<HEAD>
<TITLE>
The Zen of Python, by Tim Peters
</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var STYLEX = "border-width:0px;";
STYLEX += "border-style:solid;";
STYLEX += "font-family:sans-serif;";
STYLEX += "color:blue";
// function to put keys into Array
getkeysx = function(hashx) {
var keysy = [];
for (keyz in hashx) {
keysy.push(keyz);
}
return keysy;
}
addbr = function() {
var brx = document.createElement("BR");
document.formx.appendChild(brx);
}
addx = function(idx) {
addbr();
var textx = document.createElement("INPUT");
textx.type = ("TEXT");
textx.value = "";
textx.id = idx;
textx.size = 50;
textx.readonly = 'readonly';
textx.style.borderWidth = '0px';
textx.style.fontFamily = 'sans-serif';
textx.style.fontSize = '2.75em';
textx.style.color = 'blue';
textx.style.textAlign = 'center';
document.formx.appendChild(textx);
addbr();
addbr();
addbr();
}
var timex = new Date();
var objx = {timetowork:timex,
number1:'Beautiful is better than ugly.',
number2:'Explicit is better than implicit.',
number3:'Simple is better than complex.',
number4:'Complex is better than complicated.',
number5:'Flat is better than nested.',
number6:'Sparse is better than dense.',
number7:'Readability counts.'};
addtextboxes = function() {
var i = 1;
for (keyn in objx) {
addx('text' + i);
i++;
}
}
var keysx = getkeysx(objx);
var keytracker = 0;
var colortracker = 0;
colorsx = ['red', 'green', 'blue', 'black', 'indigo',
'deeppink', 'darkslategray',
'darkmagenta', 'darkturquoise']
var counter = 1;
// function to write key-value pair to text box
writeprop = function() {
objx.timetowork = Date();
if (keytracker >= keysx.length) {
for (var j = 1; j < keysx.length + 1; j++) {
document.formx['text' + j].value = '';
}
keytracker = 0;
}
if (colortracker >= colorsx.length) {
colortracker = 0;
}
if (counter >= keysx.length + 1) {
counter = 1;
}
document.formx['text' + counter].value = objx[keysx[keytracker]];
document.formx['text' + counter].style.color = colorsx[colortracker];
setTimeout('writeprop()', 5000);
keytracker++;
colortracker++;
counter++;
}
doall = function() {
addtextboxes();
writeprop();
}
// -->
</SCRIPT>
</HEAD>
<BODY ONLOAD = "setTimeout('doall()', 3000);">
<FORM NAME = "formx">
</FORM>
</BODY>
</DOCUMENT>
</HTML>
No comments:
Post a Comment