Netscape/Firefox DIV switching -- how do you stop the flickering?

Discussion in 'Javascript' started by Matt MC, Jan 21, 2005.

  1. Matt MC

    Matt MC Guest

    ....apparently when switching div tags elements, such as a fixed image,
    in Netscape flavor browsers there is a brief flicker. I've read about
    this issue, it seems there could be hack approaches to remedy this, but
    can't find anything concrete. Has anyone found an approach to fix this?
    Matt MC, Jan 21, 2005
    #1
    1. Advertising

  2. Matt MC wrote:

    > ...apparently when switching div tags elements, such as a fixed image,
    > in Netscape flavor browsers there is a brief flicker.


    I think you need to show us a concrete example, what/how do you switch
    (visibility or display or the nodes), you mention div tags, then a fixed
    image, that is not clear at all.
    And what are the Netscape versions you observe the flickering with?

    --

    Martin Honnen
    http://JavaScript.FAQTs.com/
    Martin Honnen, Jan 21, 2005
    #2
    1. Advertising

  3. Matt MC

    Matt MC Guest

    Something like this is what I am talking about. This is happeneing in
    the latest version of Firefox and NS 7x

    <script>

    function image1() {
    document.getElementById("switch").innerHTML = "<img
    src=./someimage1.gif border=0>"
    }

    function image2() {
    document.getElementById("switch").innerHTML = "<img
    src=./someimage2.gif border=0>"
    }

    </script>

    <div id="switch"></div>

    <a href="javascript:image(1);">Image 1</a>
    <a href="javascript:image(2);">Image 1</a>
    Matt MC, Jan 21, 2005
    #3
  4. Matt MC

    Matt MC Guest

    Something like this is what I am talking about. This is happeneing in
    the latest version of Firefox and NS 7x

    <script>

    function image1() {
    document.getElementById("switch").innerHTML = "<img
    src=./someimage1.gif border=0>"
    }

    function image2() {
    document.getElementById("switch").innerHTML = "<img
    src=./someimage2.gif border=0>"
    }

    </script>

    <div id="switch"></div>

    <a href="javascript:image(1);">Image 1</a>
    <a href="javascript:image(2);">Image 2</a>
    Matt MC, Jan 21, 2005
    #4
  5. Matt MC

    Matt MC Guest

    (oops, in the last example, obviously it should be image1(), image2()
    not image(1), etc. for the javascript call functions..........)
    Matt MC, Jan 21, 2005
    #5
    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. MF
    Replies:
    1
    Views:
    331
    Tor Iver Wilhelmsen
    May 27, 2005
  2. Julia Briggs
    Replies:
    3
    Views:
    479
    Hywel Jenkins
    Dec 3, 2004
  3. Matt MC
    Replies:
    4
    Views:
    811
    Matt MC
    Jan 21, 2005
  4. K Viltersten

    <div ... /> and <div ...></div>

    K Viltersten, Mar 30, 2009, in forum: ASP .Net
    Replies:
    4
    Views:
    707
  5. Dwayne Madsen

    Q: Div A inside Div B is larger than Div B

    Dwayne Madsen, Jun 1, 2005, in forum: Javascript
    Replies:
    1
    Views:
    163
    David Dorward
    Jun 1, 2005
Loading...

Share This Page