Skip to content

Instantly share code, notes, and snippets.

@savetheclocktower

savetheclocktower/forum-f3-t19.html

Created January 29, 2011 03:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save savetheclocktower/801471 to your computer and use it in GitHub Desktop.
Save savetheclocktower/801471 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
forum-f3-t19.html
<!DOCTYPE HTML>
<html>
<head>
<title>Test page</title>
<script type="text/javascript">
if (HTMLDivElement) {
HTMLDivElement.prototype.foo = function() { alert('aha!'); };
}
</script>
<style>
#target {
border: 1px solid #696;
padding: 60px 0;
text-align: center; width: 200px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #EEFF99;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -moz-linear-gradient(#EEFF99, #66EE33);
-pie-background: linear-gradient(#EEFF99, #66EE33);
behavior: url(../../build/test.htc);
}
</style>
</head>
<body>
<div id="target">Hello.</div>
</body>
</html>
Raw
test.htc
<PUBLIC:COMPONENT lightWeight="true">
<PUBLIC:ATTACH EVENT="oncontentready" FOR="element" ONEVENT="init()" />
<PUBLIC:ATTACH EVENT="ondocumentready" FOR="element" ONEVENT="init()" />
<script type="text/javascript">
function init() {
element.runtimeStyle;
}
</script>
</PUBLIC:COMPONENT>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment