Hello World: yesterday, today and tomorrow
Date : 2008 02 22 Category : Tech & Development
AjaxianVlad Shamgin sent in this little history on "Hello World" on the Web.
1998
PLAIN TEXT HTML:<font><b>Hello World</b></font>
2000
PLAIN TEXT JAVASCRIPT:var myText = "Hello World";
var _textNodeParent;
var docNodes = document.childNodes[1].lastChild.childNodes;
for(var j=0; j<document .childNodes.length; j++){
if(document.childNodes[j].lastChild){
for(var i=0; i<docNodes.length; i++){
if('div' == docNodes.item(i).nodeName.toLowerCase()){
if('layer_main' == docNodes.item(i).id.toLowerCase()){
if (null != document.getElementById('bparent')) { document.getElementById('bparent').parentNode.removeChild(document.getElementById('bparent'));
}
_textNodeParent = document.createElementNS("http://www.w3.org/1999/xhtml", "html:b");
_textNodeParent.id = 'bparent';
docNodes.item(i).appendChild(_textNodeParent);
_textNodeParent.appendChild(document.createTextNode(myText));
}
}
}
}
}
2003
PLAIN TEXT JAVASCRIPT:var myText = "<b>Hello World</b>";
document.getElementById('layer_main').innerHTML = myText;
2008
PLAIN TEXT JAVASCRIPT:myVp = new Ext.Viewport({
layout:'fit',
autoHeight:true,
id:'myVPid',
items:[
new Ext.XTemplate('<tpl>',
'<span id="bparent" style="width:100%;font-weight:bold">{text1}{text2}{text3}</span>',
'</tpl>').overwrite(Ext.get('layer_main'),{text1:'Hello',text2:' ',text3:'World'})
]
});
What will 2010 be?