StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>UPDATED: using hover instead (per Scott E. comment)</p> <p>I like JQUERY and below is a way, albeit not perfect, but should get you started down the path. The reason that its not perfect is because there is a "fluttering" if you mouseover and out on the right side (interestingly) of the span. </p> <p>Note this is fully functional, but you should get local version of the JQUERY js. Also, after posting this the first time, I discovered I/E does not behave as expected.</p> <p>See <a href="http://docs.jquery.com/Events" rel="nofollow noreferrer">http://docs.jquery.com/Events</a> and <a href="http://docs.jquery.com/Core" rel="nofollow noreferrer">http://docs.jquery.com/Core</a></p> <pre><code><html> <body> <p>Today is the <span class="date"/></p> </body> </html> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ // use data object of <span> element with class 'date'. // Do this instead of using "value" attribute in <span> // which is not normal part of <span> element // instead of putting the value directly in <span> above, I'm assigning it here $(".date").data("mydates", { selected : "18/03/2009", normal: "18th of March" } ); // assign the normal value on startup $(".date").html($(".date").data("mydates").normal); // first function is executed on mouseover // second function is executed on mouseout $(".date").hover( function() { $(".date").html($(".date").data("mydates").selected); }, function() { $(".date").html($(".date").data("mydates").normal); } ); }); </script> </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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