<html><head> <title>3. Using a single function for multiple actions</title> <script> function split1() { if (document.all.table1.style.posLeft > -50) document.all.table1.style.posLeft -=10 if (document.all.table2.style.posLeft < 500) document.all.table2.style.posLeft +=10 } function split2() { if (document.all.table1.style.posLeft < 225) document.all.table1.style.posLeft +=10 if (document.all.table2.style.posLeft > 225) document.all.table2.style.posLeft -=10 } </script> <style> #table1 {position:absolute; top:200; left:225;z-index:1} #table2 {position:absolute; top:200; left:225;z-index:2} </style> </head> <body bgcolor=#cccccc text=#000099 fontsize=medium link=red alink=red vlink=red> <div id="table1"> <table bgcolor="maroon" width="100"> <td height="100" align=center> <font color=white>Cool eh</font></td></table></div> <div id="table2"> <table bgcolor="maroon" width="100"> <td height="100"> </td></table></div> </body></html>
Back to
3. Using a single function for multiple actions