42 users online (0 members and 42 guests)  


  Results 1 to 7 of 7

Related

  1. snap view of a page on mouse over    Forum: HTML Forum
    Replies: 2
  2. Mouse Over Code To Enlarge Images    Forum: Myspace Forum
    Replies: 2
  3. Drawing Shapes    Forum: Javascript Forum
    Replies: 1
  4. Breadcrumbs and mouse over menus    Forum: Javascript Forum
    Replies: 1
  5. mouse swap?    Forum: HTML Forum
    Replies: 1
  1. #1
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652

    onClick inside anchor tag hiding mouse shapes

    Are there any techniques, such as mouse-hover: on, that would force the mouse to act normally when the HTML encoding process causes it to do otherwise?

    The recent discovery of the

    <A onClick="document.poPhoto.src='02d2303.jpg'">Opening presents</A>

    capability has vastly simplified my HTML encoding for those pages ( http://2002.edna.ciriacks.com ) that use it to display photos on the same page as the link to them. The problem arises when the normal mouse shapes don't appear when users cause the mouse to hover over the links - thereby losing the immediate awareness that that really is a clickable link.
    Last edited by HTML; 03-20-2007 at 12:56 PM.

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    two options -

    try adding href="#" to the a tag

    try adding

    Code:
    style="cursor: hand;"
    The #href may be a better cross-browser solution
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  3. #3
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    Aha! That's exactly what I needed. In fact, I saw that HREF=# technique within the past week and saved the source code for future reference and then forgot all about associating it with the onClick process.

    Am going to use both with

    #popho12 { color:#000000;cursor:hand;font-family:arial;font-size:12px;text-decoration:underline }


    included within the .css file to cover various colors and sizes used on differing pages.

    Thanks a bunch, as usual.

  4. #4
    Doorknob's Avatar
    Super Newbie

    Status
    Offline
    Join Date
    Jun 2002
    Location
    Malaysia
    Posts
    316
    why not just add
    cursor:hand into
    a:hover etc
    so that all your links are found easily?

  5. #5
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    I don't use a:hover except on certain of my 1000+ web pages - me thinking it's normally associated with coloring and sizing -- things that change from site to site. The normal <A HREF=...> anchor tag works well for almost all of them.

    And, more importantly, the lack of mouse shapes usually (more often than I really want) indicates there's an error in my coding - makes it easier to discover and fix those errors. Would the a:hover with a 'forced' mouse shape default hide those errors?

  6. #6
    Doorknob's Avatar
    Super Newbie

    Status
    Offline
    Join Date
    Jun 2002
    Location
    Malaysia
    Posts
    316
    hmm.. i think it would. u use it to detect errors in your css files?

  7. #7
    benzden's Avatar
    Senior Member

    Status
    Offline
    Join Date
    Feb 2002
    Location
    San Antonio, Texas
    Posts
    652
    No, have only one .css file. Use it to discover errors in the .htm files.



Tags for this Thread