Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Sample code working on all browser, just draw rectangle with mouse click, but give some highlight flicking in chrome, didn't find any solution to it :-C.... </p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;Draw on Web&lt;/title&gt; &lt;style type="text/css"&gt; .square { border: 3px solid #FF0000; position: absolute; } .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.1; opacity:.10; filter: alpha(opacity=10); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 16px solid orange; background-color: white; z-index:1002; overflow: auto; } &lt;/style&gt; &lt;script type="text/JavaScript"&gt; var d; var posx; var posy; var initx=false; var inity=false function getMouse(obj,e){ posx=0; posy=0; var ev=(!e)?window.event:e;//Moz:IE if (ev.pageX){//Moz posx=ev.pageX+window.pageXOffset; posy=ev.pageY+window.pageYOffset; } else if(ev.clientX){//IE posx=ev.clientX+document.body.scrollLeft; posy=ev.clientY+document.body.scrollTop; } else{ return false }//old browsers obj.onmousedown=function(){ initx=posx; inity=posy; d = document.createElement('div'); d.className='square' d.style.left=initx+'px';d.style.top=inity+'px'; //d.style.background='#434343'; document.getElementsByTagName('body')[0].appendChild(d) } obj.onmouseup=function(){initx=false;inity=false;} if(initx){ d.style.width=Math.abs(posx-initx)+'px';d.style.height=Math.abs(posy-inity)+'px'; d.style.left=posx-initx&lt;0?posx+'px':initx+'px'; d.style.top=posy-inity&lt;0?posy+'px':inity+'px'; } } document.onmousemove=function(event){ getMouse(document,event); } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;FORM METHOD=POST ACTION="mailto:someone@$nailmail.com" ENCTYPE="text/plain"&gt; &lt;table border=0 cellspacing=0 cellpadding=2&gt; &lt;tr&gt; &lt;td colspan=2&gt; &lt;font size=2 face="arial" color="#000000"&gt; &lt;INPUT type="text" name=URL size=17 value="http://"&gt; :Your URL&lt;BR&gt; &lt;INPUT type="text" name=user size=17&gt; :Your Username&lt;BR&gt; &lt;INPUT type="text" name=email size=17&gt; :Your E-mail &lt;/font&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt; &lt;font size=1 face="arial" color="#000000"&gt; &lt;INPUT name=subscribe type=radio value="yes" CHECKED&gt; subscribe&lt;BR&gt; &lt;INPUT name=subscribe type=radio value="no"&gt; unsubscribe&lt;BR&gt; &lt;/font&gt; &lt;/td&gt; &lt;td&gt; &lt;SELECT name="choices" size=1&gt; &lt;OPTION selected&gt; OPTIONS &lt;OPTION&gt; OPTION 1 &lt;OPTION&gt; OPTION 2 &lt;OPTION&gt; OPTION 3 &lt;OPTION&gt; OPTION 4 &lt;OPTION&gt; OPTION 5 &lt;/SELECT&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan=2&gt; &lt;font size=1 face="arial" color="#000000"&gt; &lt;INPUT type=checkbox name="html" value="sendme" CHECKED&gt; i can recive email as html&lt;BR&gt; &lt;INPUT type=checkbox name="receipt" value="sendme"&gt; send me a recipt for this email&lt;BR&gt; &lt;/font&gt; &lt;TEXTAREA cols=20 rows=10&gt; Hey ! what do you think of the form? cool huh? &lt;/TEXTAREA&gt;&lt;br&gt; &lt;center&gt; &lt;INPUT NAME="redirect" TYPE="hidden" VALUE="index.html"&gt; &lt;INPUT NAME="NEXT_URL" TYPE="hidden" VALUE="index.html"&gt; &lt;INPUT type=submit value=Send&gt; &lt;INPUT type=reset value="Clear"&gt; &lt;/center&gt; &lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;/FORM&gt; &amp;nbsp; &lt;/body&gt; &lt;/html&gt; </code></pre>
    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.
    1. This table or related slice is empty.
    1. VO
      singulars
      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