Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Here is a simple example, all it does is overlay an image (with whatever wording you want). I saw this technique somewhere. I am using the prototype library so you would need to modify if using something else. With the image loading after window.load it fails gracefully if javascript is disabled.</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" &gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" &gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=ISO-8859-1;" /&gt; &lt;meta http-equiv="Expires" content="Fri, Jan 1 1981 08:00:00 GMT" /&gt; &lt;meta http-equiv="Pragma" content="no-cache" /&gt; &lt;meta http-equiv="Cache-Control" content="no-cache" /&gt; &lt;style type="text/css" &gt; input.searcher { background-image: url(/images/search_back.png); background-repeat: no-repeat; background-attachment: scroll; background-x-position: left; background-y-position: center; } &lt;/style&gt; &lt;script type="text/javascript" src="/logist/include/scripts/js/prototype.js" &gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;input type="text" id="q" name="q" value="" /&gt; &lt;script type="text/javascript" language="JavaScript" &gt; // &lt;![CDATA[ function f(e){ $('q').removeClassName('searcher'); } function b(e){ if ( $F('q') == '' ) { $('q').addClassName('searcher'); } } Event.observe( 'q', 'focus', f); Event.observe( 'q', 'blur', b); Event.observe( window, 'load', b); // ]]&gt; &lt;/script&gt; &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.
    2. VO
      singulars
      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