ViolaWWW
- a simple stylesheet mechanism used for inserting style information such as fonts, color and alignments into a document. This was implemented in Viola well before CSS was developed in 1998:
| A viola-style stylesheet | A CSS stylesheet |
|---|---|
| (BODY,INPUT,P FGColor=black BGColor=grey70 BDColor=grey70 align=left (H1 FGColor=white BGColor=red BDColor=black align=center | body, input, p { color: black; background-color: #707070; text-align: left; } h1 { color: white; background-color: red; border: solid 1px black; text-align: center; } |
- a sidebar panel used for displaying "meta" information, intra document navigational links, and other information, similar to (but not as sophisticated as) features found in several modern browsers.
- a scripting language that can be accessed from an HTML document, such that an HTML document can embed highly interactive scripts/applets. This can be seen as the precursor to JavaScript and embedded objects.
| ViolaWWW method | JavaScript equivalent | |
|---|---|---|
| Scripting | \class {txtDisp} \name {showTime} \script { switch (arg) { case "tick": set("content"), date); after(1000, self, "tick"); return; break; case "init": after(1000, self, "tick"); break; } usual; } \width {100} \height {50} \ | function showTimeInDoc { var theTime = document. getElementById('theTime'); var tDate = new Date; theTime.innerHTML= tDate.getHours + ":" + tDate.getMinutes + ":" + tDate.getSeconds; setTimeout("showTimeInDoc", 1000); } |
| Embedding a script into a web page |
And, the time now is: |
|