Sha256: 19deffc6e2d5c7f2195e3afe2a50542cefc3921252dc195e6fb9639e61a58f87
Contents?: true
Size: 916 Bytes
Versions: 7
Compression:
Stored size: 916 Bytes
Contents
<style>
#success {
width: 200px;
height: 64px;
border: 1px solid #000;
background: #fff;
font-size: 16px;
line-height: 16px;
padding: 80px 0px 40px;
text-align: center;
}
</style>
<p>When the JavaScript on this page finishes loading, a box with a message of success should appear.</p>
<hr/>
<p>The links below should let you hide and show the box.</p>
<p>
<a id="reveal">reveal</a> | <a id="dissolve">dissolve</a>
</p>
<div id="success">
Woot! It works!
<input type="text" />
<input type="text" id="overtext" alt="Some Placeholder" />
</div>
<p>This text is after the box and moves as it appears</p>
<script src="/depender/build?require=More/Fx.Reveal,More/OverText,Core/Element.Event"></script>
<script>
new OverText($('overtext'));
var rev = new Fx.Reveal($('success'));
$('reveal').addEvent('click', rev.reveal.bind(rev));
$('dissolve').addEvent('click', rev.dissolve.bind(rev));
</script>
Version data entries
7 entries across 7 versions & 1 rubygems