Jave Script

Discussion in 'Web Design and Development' started by Butler Trumpet, Sep 19, 2006.

  1. Butler Trumpet macrumors 6502

    Butler Trumpet

    Joined:
    May 26, 2004
    Location:
    Dekalb IL
    #1
    Why cant I get this java script to work in IE? It works in the other browsers

    Here is the link..... click the pictures and they open in a pictures sized window.

    http://homepage.mac.com/michael_swope/reyman/trumpet/pictures.htm

    here is the code Im using:

    Code:
    javascript:window.open('images/golf1_big.jpg','Golf%20Outing','width=700,height=525,resizable=yes,scrollbars=no,toolbar=no,status=no,menubar=no');images/golf1_big.jpg
     
  2. ValGor macrumors newbie

    Joined:
    Feb 20, 2005
    #2
    Try second parameter of window.open without space (%20) and it should work.

    Have Fun.
     
  3. Butler Trumpet thread starter macrumors 6502

    Butler Trumpet

    Joined:
    May 26, 2004
    Location:
    Dekalb IL
    #3
    Awesome... That did it....

    I didnt even know I had a space there.

    Thanks!
     
  4. Butler Trumpet thread starter macrumors 6502

    Butler Trumpet

    Joined:
    May 26, 2004
    Location:
    Dekalb IL
    #4
    okay...
    take a look at that site again ... http://homepage.mac.com/michael_swope/reyman/trumpet/pictures.htm

    and you notice how the page shifts over when you go from the 'pictures' section to any of the other links at the top?

    Its because of the scroll bars, they cause the stuff which is centered on the page to shift because the page is a few pixels smaller..... is there anyway to avoid this?

    (this is only a problem on smaller monitors)
     
  5. Butters macrumors 6502

    Joined:
    Jan 7, 2006
    Location:
    UK
    #5
    I wouldn't worry about the page shifting. it's not really a big deal
     
  6. ValGor macrumors newbie

    Joined:
    Feb 20, 2005
    #6
    You can force vertical scrollbar on every page by adding this into your css:

    <style type="text/css">
    HTML {
    height: 100%;
    }
    BODY {
    min-height: 101%;
    }
    </style>

    than there will be no horizontal jumps.

    Have Fun
     

Share This Page