roll over

Discussion in 'Javascript' started by HVTN Recruitment, Sep 24, 2003.

  1. i am trying to add a very simple roll over for my website. when the pages
    load most of the images load but there are a couple that don't. if i roll my
    mouse over the images that don't come up, they will appear. does anyone have
    any suggestions? i checked my image size and it's ok.

    thanks!

    ~kim
    HVTN Recruitment, Sep 24, 2003
    #1
    1. Advertising

  2. HVTN Recruitment

    Lee Guest

    HVTN Recruitment said:
    >
    >i am trying to add a very simple roll over for my website. when the pages
    >load most of the images load but there are a couple that don't. if i roll my
    >mouse over the images that don't come up, they will appear. does anyone have
    >any suggestions? i checked my image size and it's ok.


    You've mistyped the names in the src attribute of the image tags.
    Maybe because your SHIFT key isn't working.
    Lee, Sep 24, 2003
    #2
    1. Advertising

  3. > >i am trying to add a very simple roll over for my website. when the pages
    > >load most of the images load but there are a couple that don't. if i roll my
    > >mouse over the images that don't come up, they will appear. does anyone have
    > >any suggestions? i checked my image size and it's ok.

    >
    > You've mistyped the names in the src attribute of the image tags.
    > Maybe because your SHIFT key isn't working.


    Too legit to shift.
    Douglas Crockford, Sep 24, 2003
    #3
  4. HVTN Recruitment

    Kim Louis Guest

    Hi Douglas, thanks for your reply. I'm new at this so could you please
    explain your answer?

    I checked the spelling and couldn't find anything.

    This is the source:

    <script language="javascript">
    <!--

    if (document.images) {

    // On images

    image1on = new Image();
    image1on.src="images/home-on.gif";

    image2on = new Image();
    image2on.src="images/volunteer-on.gif";

    image3on = new Image();
    image3on.src="images/faq-on.gif";

    image4on = new Image();
    image4on.src="images/trials-on.gif";

    image5on = new Image();
    image5on.src="images/safety-on.gif";

    image6on = new Image();
    image6on.src="images/community-on.gif";

    image7on = new Image();
    image7on.src="images/staff-on.gif";

    image8on = new Image();
    image8on.src="images/links-on.gif";

    image9on = new Image();
    image9on.src="images/contacts-on.gif";


    // Off images

    image1off = new Image();
    image1off.src="images/home-off.gif";

    image2off = new Image();
    image2off.src="images/volunteer-off.gif";

    image3off = new Image();
    image3off.src="images/faq-off.gif";

    image4off = new Image();
    image4off.src="images/trials-off.gif";

    image5off = new Image();
    image5off.src="images/safety-off.gif";

    image6off = new Image();
    image6off.src="images/community-off.gif";

    image7off = new Image();
    image7off.src="images/staff-off.gif";

    image8off = new Image();
    image8off.src="images/links-off.gif";

    image9off = new Image();
    image9off.src="images/contacts-off.gif";
    }

    function imgOn (imgName) {
    if (document.images) {
    document [imgName].src = eval(imgName + "on.src");
    }
    }
    function imgOff(imgName) {
    if (document.images) {
    document[imgName].src = eval(imgName + "off.src");
    }
    }
    // -->

    </script>

    *** Sent via Developersdex http://www.developersdex.com ***
    Don't just participate in USENET...get rewarded for it!
    Kim Louis, Sep 24, 2003
    #4
  5. HVTN Recruitment

    Lee Guest

    Kim Louis said:
    >
    >Hi Douglas, thanks for your reply. I'm new at this so could you please
    >explain your answer?
    >
    >I checked the spelling and couldn't find anything.
    >
    >This is the source:


    The error is probably in your HTML, not the JavaScript.
    Lee, Sep 24, 2003
    #5
  6. HVTN Recruitment

    Evertjan. Guest

    Kim Louis wrote on 24 sep 2003 in comp.lang.javascript:

    > document[imgName].src = eval(imgName + "off.src");
    >


    Why the eval ?

    document[imgName].src = imgName + "off.src";

    ===

    Special taskforce against the senseless proliferation of the evil eval.

    --
    Evertjan.
    The Netherlands.
    (Please change the x'es to dots in my emailaddress)
    Evertjan., Sep 24, 2003
    #6
  7. > I'm new at this

    > function imgOn (imgName) {
    > if (document.images) {
    > document [imgName].src = eval(imgName + "on.src");
    > }
    > }


    Who taught you to do this? Who told you to misuse the eval() function that way?
    I want to know.

    People who are new at this should never use eval(). Never. But you should get in
    the habit of making your code more readable. It is hard to make it right if it
    is hard to look at.

    function imgOn(imgName) {
    if (document.images) {
    document[imgName].src = imgName + "on.src";
    }
    }

    http://www.crockford.com/javascript/survey.html
    Douglas Crockford, Sep 24, 2003
    #7
  8. HVTN Recruitment

    Kim Louis Guest

    hmm? i'm not sure why the eval is in there but if i take it out, none of
    my images load...

    any more suggestions?



    *** Sent via Developersdex http://www.developersdex.com ***
    Don't just participate in USENET...get rewarded for it!
    Kim Louis, Sep 24, 2003
    #8
  9. HVTN Recruitment

    Kim Louis Guest

    Thanks! I checked and checked my html but still can't find anything.
    Would it be bad to post it to see if you can find something wrong?
    Please forgive me if this is not appropriate.

    <body bgcolor="#ffffff" text="#000000" link="#cc0000" alink="#66cc00"
    vlink="#cc3333">
    <table summary="This table contains links to the HVTN" cellpadding="1"
    cellspacing="4" border="0" width="406">
    <tr valign="center">
    <td width="130" align="left">
    <a accesskey="b" href="http://www.hvtn.org/">

    <img src="images/hvtn.jpg" border="0" alt="HIV Vaccine Trials Network"
    LONGDESC="http://www.hvtn.org/" width="130" height="82"></a>
    </td>

    <td width="360"><center>
    <img src="images/hvtu.gif" border="0" alt="HIV Vaccine Trials Unit
    Seattle, Washington"
    LONGDESC="Welcome to the Fred Hutch HIV Vaccine Trials Unit"
    width="360" height="127"></center>
    </td>
    <td width="150" align="right"><a accesskey="c"
    href="http://www.fhcrc.org/">
    <img src="images/fhcrc.gif" width="118" height="65"
    border="0" alt="Fred Hutchinson Cancer Research Center"
    LONGDESC="http://www.fhcrc.org/"></a>

    <a href="http://www.washington.edu">
    <img src="images/uw.gif" width="150" height="36"
    border="0" alt="University of Washington"
    LONGDESC="http://www.washington.edu/"></a></td>
    </tr></table>

    <hr width=100% size="4" color="#000000">

    <table summary="This table contains links to other pages with in this
    site"
    cellpadding="1" cellspacing="0" border="0" width="630" >
    <tr valign="top" align="left">
    <td width="115" background="images/bg.gif" width="115" height="189">



    &nbsp;

    <a accesskey="d" href="volunteering.htm"
    onMouseOver = "imgOn('image2')"
    onMouseOut = "imgOff('image2')">
    <img name="image2" src="images/volunteer-off.gif" border="0"
    alt="Volunteering" LONGDESC="Link to how to volunteer for a HIV vaccine
    trial"
    width="115" height="21"></a>


    <a accesskey="i" href="faq.htm"
    onMouseOver = "imgOn('image3')"
    onMouseOut = "imgOff('image3')">
    <img name="image3" src="images/faq.gif-off" border="0"
    alt="FAQs" LONGDESC="Link to list of frequently asked questions about
    HIV vaccine trials"
    width="115" height="21"></a>



    <a accesskey="y" href="trials.htm"
    onMouseOver = "imgOn('image4')"
    onMouseOut = "imgOff('image4')">
    <img name="image4" src="images/trials-off.gif" border="0" width="115"
    height="21"
    alt="Trials" LONGDESC="Link to information about our trials"></a>


    <a accesskey="k" href="safety.htm"
    onMouseOver = "imgOn('image5')"
    onMouseOut = "imgOff('image5')">
    <img name="image5" src="images/safety-off.gif" border="0" width="115"
    height="21"
    alt="Safety and Ethics page" LONGDESC="Link to information about safety
    and ethics"></a>


    <a accesskey="l" href="community.htm"
    onMouseOver = "imgOn('image6')"
    onMouseOut = "imgOff('image6')">
    <img name="image6" src="images/community-off.gif" border="0"
    alt="Community Education" LONGDESC="link to a description about our
    Community Education"
    width="115" height="21"></a>




    <a accesskey="n" href="staff.htm"
    onMouseOver = "imgOn('image7')"
    onMouseOut = "imgOff('image7')">
    <img name="image7" src="images/staff-off.gif" border="0" width="115"
    height="21"
    alt="Staff" LONGDESC="Link to a list of our staff"></a>


    <a accesskey="o" href="Links.htm"
    onMouseOver = "imgOn('image8')"
    onMouseOut = "imgOff('image8')">
    <img name="image8" src="images/links-off.gif" border="0" width="115"
    height="21"
    alt="Web Resources" LONGDESC="Link to other sites regarding HIV and
    vaccines"></a>

    <a accesskey="p" href="contacts.htm"
    onMouseOver = "imgOn('image9')"
    onMouseOut = "imgOff('image9')">
    <img name="image9" src="images/contacts.gif" border="0" width="115"
    height="21"
    alt="Contact Information" LONGDESC="Link to how to contact the
    HVTU"></a>


    <p>

    <br>

    <br>

    </td>


    *** Sent via Developersdex http://www.developersdex.com ***
    Don't just participate in USENET...get rewarded for it!
    Kim Louis, Sep 24, 2003
    #9
  10. HVTN Recruitment

    Evertjan. Guest

    Kim Louis wrote on 24 sep 2003 in comp.lang.javascript:

    > hmm? i'm not sure why the eval is in there but if i take it out, none of
    > my images load...
    >
    > any more suggestions?


    should not.

    show us the code.

    --
    Evertjan.
    The Netherlands.
    (Please change the x'es to dots in my emailaddress)
    Evertjan., Sep 24, 2003
    #10
  11. "Douglas Crockford" <> writes:

    > People who are new at this should never use eval(). Never. But you
    > should get in the habit of making your code more readable. It is
    > hard to make it right if it is hard to look at.


    Except that this doesn't work.

    >
    > function imgOn(imgName) {
    > if (document.images) {
    > document[imgName].src = imgName + "on.src";


    Should be:
    document[imgName].src = window[imgName + "on"].src;
    > }
    > }


    /L
    --
    Lasse Reichstein Nielsen -
    Art D'HTML: <URL:http://www.infimum.dk/HTML/randomArtSplit.html>
    'Faith without judgement merely degrades the spirit divine.'
    Lasse Reichstein Nielsen, Sep 24, 2003
    #11
  12. HVTN Recruitment

    Lee Guest

    Kim Louis said:
    >
    >
    >Thanks! I checked and checked my html but still can't find anything.
    >Would it be bad to post it to see if you can find something wrong?
    >Please forgive me if this is not appropriate


    Here's one example of a mistyped src:


    <img name="image3" src="images/faq.gif-off" border="0"
    Lee, Sep 24, 2003
    #12
    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. david
    Replies:
    2
    Views:
    7,318
    brucie
    Oct 3, 2003
  2. =?Utf-8?B?QWxleCBNYWdoZW4=?=

    DataGrid Roll-Over Rows

    =?Utf-8?B?QWxleCBNYWdoZW4=?=, Jun 19, 2006, in forum: ASP .Net
    Replies:
    2
    Views:
    3,122
    Walter Wang [MSFT]
    Jun 20, 2006
  3. pozz
    Replies:
    10
    Views:
    504
  4. Biswa
    Replies:
    1
    Views:
    342
    Joshua Cranmer
    Mar 7, 2007
  5. Don Wilde

    Each roll-over in File?

    Don Wilde, Jan 20, 2011, in forum: Ruby
    Replies:
    2
    Views:
    91
    Don Wilde
    Jan 20, 2011
Loading...

Share This Page