Welcome to the Java Programming Forums


The professional, friendly Java community. 21,500 members and growing!


The Java Programming Forums are a community of Java programmers from all around the World. Our members have a wide range of skills and they all have one thing in common: A passion to learn and code Java. We invite beginner Java programmers right through to Java professionals to post here and share your knowledge. Become a part of the community, help others, expand your knowledge of Java and enjoy talking with like minded people. Registration is quick and best of all free. We look forward to meeting you.


>> REGISTER NOW TO START POSTING


Members have full access to the forums. Advertisements are removed for registered users.

Results 1 to 3 of 3

Thread: onmouseover issue

  1. #1
    Junior Member
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default onmouseover issue

    Hi I'm new here and would like to ask for your valued assistance. Although I feel this should be very simple I have been stumped on it for a couple of days.

    My problem is I have a main picture and a couple of thumbnails. When you mouse over a thumbnail it enlarges in the main window. Working great so far.

    Now the problem when I mouseout of any of the thumbnails it remains in the main window and won't revert back to it's original.

    Here is my very unpleasant code:

    <body>
             <tr>
           <!-- <td><table width="100%" bgcolor="#b0b0b0" border="0" cellpadding="10" cellspacing="1"> -->
              <tbody><tr>
                <td bgcolor="#ffffff">
             <table width="86%" border="0" cellpadding="0" cellspacing="0">
                  <tbody><tr>
     
                    <script language="JavaScript" type="text/javascript"> 
    function fda(pic){ 
    document.getElementById("PicViewer").src=pic; 
    }
     
    function tst(pic){ 
    document.getElementById("PicViewer").bit=pic; 
    }</script>
     
     
    			</table>
    			<div align="center">
     
     
    <table border="0" cellPadding="0" width="950" height="650" style="border-collapse: collapse" bordercolor="#111111">
      <tr>
        <td width="15" bgcolor="#111111" height="542" rowspan="3">
        <p align="center">
        &nbsp;</td>
        <td bgcolor="#405E76" height="650" colspan="9" valign="top">
        <p align="center">
        <img src="http://i99.photobucket.com/albums/l290/big_poppa_duke/mainimg.png" class="biankuang2" id="PicViewer" border="0" width="640" height="480" vspace="55" hspace="0"></td>
        <td width="15" bgcolor="#111111" height="542" rowspan="3">
        &nbsp;</td>
      </tr>
      <tr>
        <td width="15" bgcolor="#405E76" height="80">
        &nbsp;</td>
        <td width="121" bgcolor="#405E76" align="center">
        &nbsp;</td>
        <td width="145" bgcolor="#405E76" align="center">
        &nbsp;</td>
        <td width="145" bgcolor="#405E76" align="center">
        <img border="2" src="http://i99.photobucket.com/albums/l290/big_poppa_duke/img2.png"class="biankuang2" onmouseover="fda(this.src)" width="125" height="93" vspace="2" onmouseout="tst(this.pic);" width="125" height="93" vspace="2"></td>
        <td bgcolor="#405E76" align="center" width="145">
        &nbsp;</td>
        <td width="145" bgcolor="#405E76" align="center">
        <img border="2" src="http://i99.photobucket.com/albums/l290/big_poppa_duke/img3.png"class="biankuang2" onmouseover="fda(this.src)" width="125" height="93" vspace="2" onmouseout="tst(this.pic);" width="125" height="93" vspace="2"></td>
        <td width="145" bgcolor="#405E76" align="center">
        &nbsp;</td>
        <td width="121" bgcolor="#405E76" align="center">
        &nbsp;</td>
        <td width="14" bgcolor="#405E76">
        &nbsp;</td>
        </tr>
     </table>[/td]
    [/tr]

    Oh and I have just noticed my page seems to load twice with a confirmed click sound. Any idea what's in my code causing this annoyance?
    I'm sure by now you will appreciate I am a complete newb and would like any info in laymans terms please

    I really appreciate any help
    Thank you
    Last edited by scareypirate; January 30th, 2012 at 05:16 PM. Reason: put code into proper tag


  2. #2
    Administrator copeg's Avatar
    Join Date
    Oct 2009
    Location
    US
    Posts
    5,320
    Thanks
    181
    Thanked 833 Times in 772 Posts
    Blog Entries
    5

    Default Re: onmouseover issue

    This looks to be javascript, and these are java forums. Big difference. You might have better luck on a javascript dedicated forum. I'm moving your thread to the other programming languages section.

  3. #3
    Junior Member
    Join Date
    Jan 2012
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Re: onmouseover issue

    Sorry copeg. My ignorance holds no bounds. My humble appologise. And thanks for moving it. Now I just got to find it lol!

Similar Threads

  1. issue with logging!!
    By sneha343 in forum What's Wrong With My Code?
    Replies: 5
    Last Post: November 30th, 2011, 10:31 AM
  2. not sure what the issue is here
    By Tfence in forum What's Wrong With My Code?
    Replies: 2
    Last Post: November 28th, 2011, 02:18 AM
  3. [SOLVED] if statement issue
    By Elementality in forum What's Wrong With My Code?
    Replies: 1
    Last Post: February 17th, 2011, 03:29 PM
  4. Drop-Down Menu onmouseover
    By Maylaur in forum What's Wrong With My Code?
    Replies: 1
    Last Post: October 24th, 2010, 05:40 PM
  5. [SOLVED] Calendar Issue
    By aussiemcgr in forum What's Wrong With My Code?
    Replies: 1
    Last Post: October 11th, 2010, 01:19 PM