Re: Focus not showing

Discussion in 'HTML' started by Chris F.A. Johnson, Sep 17, 2008.

  1. On 2008-09-17, sheldonlg wrote:
    > I have an application where (sometimes) the focus is not showing in a
    > textarea with that vertical bar that indicates the focus and position.
    > However, if I click there and type, the text that I type shows up.


    If I click there (in FF3), I get a vertical bar.

    > I have reproduced that situation in a sample app that is quite
    > bare-bones. It can be accessed at:
    >
    > www.sheldonlg.com/focus/index.php
    >
    > Use Firefox (or maybe IE7) to see this. It makes use of position:fixed
    > and it has two tables, each with a textarea, and one is
    > visibility:visible and the other is visibility:hidden.
    >
    > I have validated the source with W3C Validator.
    >
    > Any help I get would be appreciated. This bug has been with me for
    > months and I only now (after about 3 hours worth of reducing it) was
    > able to get the sample app in place.
    >
    > For those unwilling to click on a URL, here is the code:
    > ***************************
    >
    ><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    ><html xmlns="http://www.w3.org/1999/xhtml">
    ><head>
    ><meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
    ><title>Application</title>
    ><style type="text/css">
    > .exclude_form_class
    > {
    > position: fixed;
    > top: 50px;
    > background-color: rgb(221, 221, 221);
    > visibility: hidden;
    > margin-left:auto;
    > margin-right:auto;
    > text-align:center;
    > }
    ></style>
    >
    ></head>
    >
    ><body>
    ><div id="mainwrapper">
    > <div id="onebar" class="centercol">
    > <form action="">
    > <div id="a1" class="exclude_form_class" style="visibility:
    > visible;"> <br/>
    > <table>
    > <tr>
    > <td><textarea id="dimKeywordsAC" rows="5"
    > cols="7"></textarea></td>
    > </tr>
    > </table>
    > </div>
    > <div id="a2" class="exclude_form_class" style="visibility:
    > hidden;"> <br/>
    > <table>
    > <tr>
    > <td><textarea id="dimKeywordsEC" rows="5" cols="7"
    > ></textarea></td>

    > </tr>
    > </table>
    > </div>
    > </form>
    > </div>
    ></div>
    ></body>
    ></html>



    --
    Chris F.A. Johnson, webmaster <http://Woodbine-Gerrard.com>
    ===================================================================
    Author:
    Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
    Chris F.A. Johnson, Sep 17, 2008
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Ray Booysen
    Replies:
    2
    Views:
    625
    Ray Booysen
    Mar 28, 2006
  2. sheldonlg

    Showing focus

    sheldonlg, Mar 18, 2008, in forum: HTML
    Replies:
    17
    Views:
    712
  3. dorayme

    Re: Focus not showing

    dorayme, Sep 18, 2008, in forum: HTML
    Replies:
    4
    Views:
    429
    Sherm Pendley
    Sep 18, 2008
  4. Martin

    Set focus after showing an alert?

    Martin, Sep 3, 2004, in forum: Javascript
    Replies:
    5
    Views:
    104
    Randy Webb
    Sep 5, 2004
  5. Roger
    Replies:
    3
    Views:
    299
Loading...

Share This Page