Note that there are some explanatory texts on larger screens.

plurals
  1. POUsers cannot type into my html text boxes
    primarykey
    data
    text
    <p>As a year end prank one of the directors at the firm I work for wanted a fake bonuses application form. He found something he though was a great idea, but we squashed it as it was an executable. I slapped together an HTML page to do what he wanted, but I've got an issue -- none of the text areas are writeable. Here's the code (with some alterations for privacy):</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"&gt; &lt;head&gt;&lt;title&gt;[Company Name] Annual Bonus Application&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt; &lt;script type="text/javascript"&gt;&lt;!-- function moveObj(obj){ var w = 600, h = 400; newWidth = Math.floor(Math.random()*w); newHeight = Math.floor(Math.random()*h); obj.style.position="absolute"; obj.style.left=newWidth+"px"; obj.style.top=newHeight+"px"; } function checkObj(event,obj){ var top = obj.style.top.split("px")[0]; var left = obj.style.left.split("px")[0]; if(top+5 &gt; event.y || left+5 &gt; event.x){moveObj(obj);} } window.setTimeout("checkObj(event,document.forms[0].elements[0]", 1); document.onkeydown = function(){return false;} //--&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;p&gt; &lt;img src = "Company_logo_rgb_highres.jpg" alt = "[Company] Logo"&gt; &lt;h1&gt;[Company Name] Annual Review Bonus Submission Form &lt;/h1&gt;&lt;/p&gt;&lt;BR&gt; &lt;form&gt; Name: &lt;input type="text" size="25" name ="name" value=""&gt; Supervising Director: &lt;input type="text" size="25" name="Supervisor" value=""&gt; Hours Billed: &lt;input type="text" size="5" name="HRs_billed" value=""&gt;&lt;br&gt;&lt;br&gt; Your Top Three achievements this year:&lt;BR&gt;&lt;textarea name="Achievements" cols="75" rows="5"&gt;&lt;/textarea&gt;&lt;BR&gt; Your Top Three areas of improvement this year:&lt;br&gt; &lt;textarea name="Improvements" cols="75" rows="5"&gt;&lt;/textarea&gt;&lt;BR&gt; Your Top Three mistakes this year, and resoltution plan:&lt;br&gt;&lt;textarea name="Blunders" cols="75" rows="10"&gt;&lt;/textarea&gt;&lt;BR&gt; &lt;p&gt; In a hundred words or less, why should we give YOU a bonus?: &lt;br&gt; &lt;textarea name="Name" cols="50" rows="5"&gt;&lt;/textarea&gt; &lt;/form&gt; &lt;onMouseMove="checkObj(event,document.forms[0].elements[0]);" onKeyPress="return false;"&gt; &lt;form action="" name="frm"&gt;&lt;div&gt; &lt;input type="button" value="Submit" onMouseOver="moveObj(this);"&gt; &lt;input type="button" value="Cancel" onClick=window.close();&gt; &lt;/div&gt;&lt;/form&gt; &lt;/body&gt; &lt;footer&gt; &lt;table border =0&gt; &lt;TR bgcolor="#6D8877"&gt; &lt;TD&gt;Redacted &lt;br&gt; Redacted.&lt;/TD&gt; &lt;/footer&gt; &lt;/html&gt; </code></pre> <p>Essentially its the tired old gag where every time you try to click on the submit button the button moves... But for the sake of realism I want them to fill out the form before hitting submit...</p> <p>If anyone can see (and point out) my mistake that would great...</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload