User Tools

Site Tools


Sidebar

html:level_3:clicking

This is an old revision of the document!


The Clicking Page: Displayed at Access Level "L"


<script language="javascript"> var size = 100; var htmlO_K_clearint; function htmlO_K_shrink() { var dom = document.getElementById('htmlO_K_div_1'); if(size < 15) { clearInterval(htmlO_K_clearint); dom.style.width = "100px"; dom.style.height = "100px"; size=100; return; } size-= 5; dom.style.width = size + "px"; dom.style.height = size + "px"; } function htmlO_K_start_shrink() { if(size < 100) return; htmlO_K_clearint = setInterval('htmlO_K_shrink()', 500); } function htmlO_K_substimg() { var dom = document.getElementById('htmlO_K_nude19'); var im = dom.src; if(im.match(/19thcentnudelg/)) { im = 'http://www.mturner.org/htmlOKay/19thcentnude.jpg'; dom.title = 'Click to Zoom in' } else { im = 'http://www.mturner.org/htmlOKay/19thcentnudelg.jpg'; dom.title = 'Click to Zoom out' } dom.src = im; } </script>

<style type= "text/css"> #htmlO_K_div_1 { background-color: yellow; border: solid 2px blue; width: 100px; height: 100px; position:relative;} </style>
<center>
<a href ="javascript: htmlO_K_substimg();void 0;" class="htmlO_K_ours" style="color:#3333cc;"> <img src = "http://www.mturner.org/htmlOKay/19thcentnude.jpg" id="htmlO_K_nude19" border='0' title='Click to Enlarge 19th Century Nude'> <br />19th Century Nude, After Manet<br /><br /> </a>

<table cellpading="8" width="75%"> <tr><td align="left"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur eu elit sed turpis tincidunt malesuada at nec nulla. Donec vel feugiat lacus. Nunc condimentum ullamcorper risus, id tristique elit aliquam vitae. Morbi a risus tincidunt, mollis sem sed, egestas nisl. Cras a dui eu justo pulvinar feugiat nec quis augue. Ut ornare, ex a posuere convallis, justo sem congue lacus, vel pellentesque turpis augue a elit. Pellentesque finibus, magna eget suscipit blandit, nunc massa lobortis eros, eu venenatis ipsum augue viverra tortor. Morbi malesuada, tellus quis aliquet venenatis, turpis elit faucibus lorem, at vestibulum metus est non lacus. Etiam velit diam, faucibus sit amet pretium elementum, consectetur ut magna. Curabitur scelerisque blandit eros, non luctus ligula pharetra eget. </td></tr> <tr><td> </td></tr> </table>
<br />
<div id="htmlO_K_div_1" onclick="htmlO_K_start_shrink();">
</div>
<br /><span style="color:blue;">Click The Yellow Box</span>
<IFRAME SRC="https://dokuwiki.org"></IFRAME>
</center>
<IFRAME SRC="https://dokuwiki.org"></IFRAME>

html/level_3/clicking.1444557172.txt.gz · Last modified: 2015/10/11 04:52 by tower