Visual dynamicity
- GIF animated images
- CSS effects:
- hover
- text-decoration: blink
- JavaScript/DOM/CSS effects
- Document Object Model (DOM)
dynamic HTML
- manipulate CSS property values
- top, left, visibility, display
Concerning the Word Dynamicity [...]I wanted a word that conveyed the notion of "dynamicness" (or the quality or state of being dynamic). Someone suggested dynamism, the technically correct term. But this didn't "feel" right to me, in some way I could not define or specify. [...]
So I did a web search; and do you know what I found? I found more than two hundred uses of this word... and all of them were used in the sense in which I was instinctively using it. The overwhelming majority were in the context of programming languages.
– Hal E. Fulton
analogous to specificity
Dynamicity can be measured in different ways:
dynamic HTML
| year | CSS | JavaScript | CSS + JS |
|---|---|---|---|
| 1994 | CSS first proposed | ||
| 1995 | LiveScriptannounced | ||
| 1996 | CSS1 W3C Rec | JScript released | IE3 |
| 1997 | ECMAScript released | IE4, NS4 | |
| 1998 | CSS2 W3C Rec | Opera 3.5 |
drag and dropmissing
function SendQuery(fid)
{
tid =0;
var autoid = autos[fid].autoid;
var s = autos[fid].inputfield;
var query = s.value;
if(query.length!=0 && query.search(/\S/)!=-1)
{
var result=resultCache[query];
if(result)
{
// Found in our cache...
ShowDiv(autoid);
startswithResult(query,result[0],result[1],result[2],fid);
}
else
{
var url= httpBaseURL + "/" + startswithServlet + "?s=" + encodeURIComponent(query) +"&method=22";
if (req)
req.abort();
req = (!window.XMLHttpRequest)? (ActiveXObject ? (new ActiveXObject("Microsoft.XMLHTTP")):""):(new XMLHttpRequest());
req.open("GET", url, true);
req.onreadystatechange = new Function("Process('" + fid + "')");
req.send(null);
}
}
else
HideDiv(fid);
}
GET /main/startswith?s=dy&method=22 HTTP/1.1 User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; X11; Linux i686; en) Opera 9.00 Host: www.answers.com Accept: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1 Accept-Language: en Accept-Encoding: deflate, gzip, x-gzip, identity, *;q=0 Referer: http://www.answers.com/ Cookie: GNFirstVisit=1137626895685; GNUID=609A-A5B40-DAE0; firstTimeInit=Google%20Definition%20Link; JSESSIONID=5j1u3ouln2p4t; atomicaclientsettings=lang||prodid||fayt|1|kstation||508|0|uid||ver||cbid|0|bLdsFirst|1|pdid||prem||lds||ab|; atomicaclientsettingsS=lang||prodid||fayt|1|kstation||508|0|uid||ver||cbid|0|bLdsFirst|1|pdid||prem||lds||ab|; afid=67; tacodaSession=; nafid=0; T3CK=TANT%3D1%7CTANO%3D0 Cookie2: $Version=1 Connection: Keep-Alive, TE TE: deflate, gzip, chunked, identity, trailers GET /main/startswith?s=dyn&method=22 HTTP/1.1 User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; X11; Linux i686; en) Opera 9.00 Host: www.answers.com Accept: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1 Accept-Language: en Accept-Encoding: deflate, gzip, x-gzip, identity, *;q=0 Referer: http://www.answers.com/ Cookie: GNFirstVisit=1137626895685; GNUID=609A-A5B40-DAE0; firstTimeInit=Google%20Definition%20Link; JSESSIONID=5j1u3ouln2p4t; atomicaclientsettings=lang||prodid||fayt|1|kstation||508|0|uid||ver||cbid|0|bLdsFirst|1|pdid||prem||lds||ab|; atomicaclientsettingsS=lang||prodid||fayt|1|kstation||508|0|uid||ver||cbid|0|bLdsFirst|1|pdid||prem||lds||ab|; afid=67; tacodaSession=; nafid=0; T3CK=TANT%3D1%7CTANO%3D0 Cookie2: $Version=1 Connection: Keep-Alive, TE TE: deflate, gzip, chunked, identity, trailers GET /main/startswith?s=dyna&method=22 HTTP/1.1 User-Agent: Mozilla/4.0 (compatible; MSIE 6.0; X11; Linux i686; en) Opera 9.00 Host: www.answers.com Accept: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1 Accept-Language: en Accept-Encoding: deflate, gzip, x-gzip, identity, *;q=0 Referer: http://www.answers.com/ Cookie: GNFirstVisit=1137626895685; GNUID=609A-A5B40-DAE0; firstTimeInit=Google%20Definition%20Link; JSESSIONID=5j1u3ouln2p4t; atomicaclientsettings=lang||prodid||fayt|1|kstation||508|0|uid||ver||cbid|0|bLdsFirst|1|pdid||prem||lds||ab|; atomicaclientsettingsS=lang||prodid||fayt|1|kstation||508|0|uid||ver||cbid|0|bLdsFirst|1|pdid||prem||lds||ab|; afid=67; tacodaSession=; nafid=0; T3CK=TANT%3D1%7CTANO%3D0 Cookie2: $Version=1 Connection: Keep-Alive, TE TE: deflate, gzip, chunked, identity, trailers
HTTP/1.1 200 OK
Date: Tue, 14 Feb 2006 10:59:44 GMT
Server: Apache
Content-Length: 472
Keep-Alive: timeout=5, max=100
Connection: Keep-Alive
Content-Type: application/x-javascript; charset=UTF-8
"dy", new Array("Dy", "DY", "DY-100 class", "DY-500 class", "dy.", "Dycom Industries, Inc.", "Dynatec Corporation", "dysprosium", "derivative", "Norwegian Air Shuttle"), new Array("symbol (in chemistry)", "", "", "", "abbreviation", "NYSE: DY", "TSE: DY", "chemical element: Dy", "in math", ""), new Array("dy", "dy-1", "dy-100-class", "dy-500-class", "dy-abbreviation", "dycom-industries-inc", "dynatec-corporation", "dysprosium", "derivative", "norwegian-air-shuttle"), HTTP/1.1 200 OK
Date: Tue, 14 Feb 2006 10:59:44 GMT
Server: Apache
Content-Length: 491
Keep-Alive: timeout=5, max=99
Connection: Keep-Alive
Content-Type: application/x-javascript; charset=UTF-8
"dyn", new Array(".dyn", "dyn", "DYN", "Dyna Glo Heater Accessories", "Dyna Group International, Inc.", "Dyna-Flytes", "Dynacor Mines Inc.", "dyne", "Dynegy Inc.", "X-20 Dyna-Soar"), new Array("file extension", "abbreviation", "", "", "OTC: DGIX", "", "CVE: DYN", "unit (in physics)", "NYSE: DYN", ""), new Array("dyn-file-extension", "dyn", "dyn-1", "dyna-glo-heater-accessories", "dyna-group-international-inc", "dyna-flytes", "dynacor-mines-inc", "dyne", "dynegy-inc", "x-20-dyna-soar"), HTTP/1.1 200 OK
Date: Tue, 14 Feb 2006 10:59:45 GMT
Server: Apache
Content-Length: 474
Keep-Alive: timeout=5, max=98
Connection: Keep-Alive
Content-Type: application/x-javascript; charset=UTF-8
"dyna", new Array("Dyna Glo Heater Accessories", "Dyna Group International, Inc.", "Dyna-Flytes", "Dynabazaar, Inc.", "Dynabee", "Dynablade", "Dynabook", "Bomberman", "The Dyna-Sores", "X-20 Dyna-Soar"), new Array("", "OTC: DGIX", "", "OTC: FAIM", "", "", "", "", "Rock Band", ""), new Array("dyna-glo-heater-accessories", "dyna-group-international-inc", "dyna-flytes", "dynabazaar-inc", "dynabee", "dynablade", "dynabook", "bomberman", "the-dyna-sores", "x-20-dyna-soar"), root@cc:/root/tcpflow#
| documents | applications | |
|---|---|---|
| dynamicity | low | high |
| Turing-complete | no | yes |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Answers.com - Online Dictionary, Encyclopedia and much more</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="description" content="Answers.com - the ultimate answer engine, with quick accurate dictionary, thesaurus, encyclopedia, bios, tech terms, news, sports, weather, and much more." />
<meta name="keywords" content="search engine, answers, Answers.com, reference, dictionary, encyclopedia, thesaurus, answer, online, translation, definition, synonym, antonym" />
<link rel="stylesheet" href="http://site.answers.com/main1264/css/answers_style_new.css" type="text/css" />
<link rel="stylesheet" href="http://site.answers.com/main1264/lookup/notabs_a.css" type="text/css" />
<script type="text/javascript" src="http://site.answers.com/main1264/lookup/notabs.js"></script>
<style type="text/css">
body{ margin: 0; padding: 0; color: #000;width:100%; font-size:12px;font-family:Trebuchet MS;text-align:center;margin-left:auto;margin-right:auto; }
.pageContent {font-family: Trebuchet MS,Arial,Helvetica,sans-serif;font-size: 12px;line-height: normal;color: #000000;text-decoration: none;width:760px;text-align:center;margin-right:auto;margin-left:auto;}
.footer{width:100%;margin: 0;line-height: 1em;font-style: normal; color:#929191;}
.icon{width:100px;text-align:center;margin-right:25px;float:right;}
.iconImage {width:54px;height:55px;padding-bottom:5px;}
.box {border: 1px solid #000000; font-size:13px;text-align:left;padding:6px;font-family:Arial;width:410px;background-color:#ffffff;}
ul{margin:3px auto 0px 15px;padding-top:0px;padding-bottom:0px;padding-left:0px;}
.downloadButton{font-size:13px;width:274px;height:74px;text-align:left;background-image:url(http://site.answers.com/main1264/images/home_backDowload.gif);background-repeat:no-repeat;background-position:top left;cursor:pointer;cursor:hand;}
.downloadButton p {font-size:12px;margin:0px 0px 0px 60px;padding:7px 0px 0px 0px;color:#003399;font-weight:bold;}
.valentineButton{margin:0px;float:right;font-size:12px;width:274px;height:74px;text-align:left;background-image:url(http://site.answers.com/main1264/images/home_backValentine.gif);background-repeat:no-repeat;background-position:top left;}
.valentineButton p {font-size:12px;margin:0px 0px 0px 60px;padding:7px 0px 0px 0px;color:red;font-weight:bold;}
.valentineButton a {color:red;}
</style>
<script type="text/javascript" src="http://site.answers.com/main1264/js/anis.js"></script>
<script type="text/javascript">
var today = "http://today.answers.com/?tz=" + (new Date().getTimezoneOffset());
</script>
</head>
Cin it