Html code for an animated quill pen signature... what did I do wrong?

M

Morgan

New member
<input value="Move the quill pen" onclick="movePen();return false;" type="button">

function changePcs ()
{ var redpc = document.layers["redpc"];
var bluepc = document.layers["bluepc"];
var whitepc = document.layers["whitepc"];
var pen = document.layers["quillpen"];
pen.moveAbove (pen);
bluepc.moveAbove (pen);
whitepc.moveAbove (bluepc);}
function restoresPcs ()
{var redpc = document.layers["redpc"];
var bluepc = document.layers["bluepc"];
var whitepc = document.layers["whitepc"];
var pen = document.layers["quillpen"];
bluepc.moveAbove(redpc);
whitepc.moveAbove(bluepc);
pen.moveAbove(whitepc);
<layer id="quillpenR" visibility="hide">
<img src="http://www.ispnet.com/%7Epetrovsk/content/images/penR.gif">
</layer>
function initializePen() {
var pen = document.layers["quillpen"]; var penR =
document.layers["quillpenR"];pen.direction = "forward";
pen.forwardimg = pen.document.images["pen"].src; pen.reverseimg = penR.document.images["penR"].src;}
function movePenP()
{var pen = document.layers["quillpen"];
if (pen.direction == "forward")
{if (pen.left < 300) {pen. moveBy(10, 0);}
else {restorePcs();changeDir();}}
else (if (pen.left > 20) {pen.moveBy(-10, 0);}
else {restoredPcs();changeDir();}}
setTimeout("movepen"()", 15); return;)
function changeDir ()
{var pen = document.layers["quillpen"];
if (pen.direction == "forward")
{pen.direction = "backward";
pen.document.images["pen"].src=
pen.forwardimg;}return;}
<h1>1Horseluver23</h1>
<layer id="penButton" left="30" top="100">
<form>
<input value="Move the quill pen" onclick="initializePen(); movePenP(); return false;" type="button">
</form>
</layer>



Here is the code I got from my HTML book. Did I enter something wrong?
 
Back
Top