www.webdeveloper.com
Results 1 to 8 of 8

Thread: null or not an object?

  1. #1
    Join Date
    Aug 2004
    Posts
    147

    null or not an object?

    This code is for a little menu to the left on one of my pages,
    this menu has 4 links which are images home,index,links and about.
    when the mouse is over the image it's supposed to swap the image
    for an efect but it has an error:
    menu[...] is null or not an object.

    Heres the link for home:
    PHP Code:
    <a href="javascript:;" OnMouseOver="menuselection('2','1');" OnMouseOut="menuselection('1','1');">
    <
    img src="menu/halloween/home-1.bmp" id="menu_1" border="0" alt="Home"></a
    And the script:
    PHP Code:
    menu=new Array()    
    menu[1][1]=new Image
    menu
    [1][1].src="menu/halloween/home-1.bmp" 
    menu[1][2]=new Image
    menu
    [1][2].src="menu/halloween/home-2.bmp"   
    menu[2][1]=new Image
    menu
    [2][1].src="menu/halloween/index-1.bmp" 
    menu[2][2]=new Image
    menu
    [2][2].src="menu/halloween/index-2.bmp"
    menu[3][1]=new Image
    menu
    [3][1].src="menu/halloween/links-1.bmp" 
    menu[3][2]=new Image
    menu
    [3][2].src="menu/halloween/links-2.bmp"
    menu[4][1]=new Image
    menu
    [4][1].src="menu/halloween/about-1.bmp" 
    menu[4][2]=new Image
    menu
    [4][2].src="menu/halloween/about-2.bmp"

    function menuselection(onoff,sel){
    document.getElementById('menu_'+sel+'').src =menu[sel][onoff].src;

    Last edited by ck_net_2004; 10-12-2004 at 03:39 AM.

  2. #2
    Join Date
    Jul 2004
    Location
    Singapore, SG
    Posts
    654
    Parse the arguments as numbers instead of strings.
    Code:
    OnMouseOver="menuselection(2,1);" OnMouseOut="menuselection(1,1);

  3. #3
    Join Date
    Aug 2004
    Posts
    147
    I still cant get it to work.
    Heres the entire pages code:
    PHP Code:
    <html>
    <
    title>Horror</title>
    <
    script language="JavaScript">

    menu=new Array()    
    menu[1][1]=new Image
    menu
    [1][1].src="menu/halloween/home-1.bmp" 
    menu[1][2]=new Image
    menu
    [1][2].src="menu/halloween/home-2.bmp"   
    menu[2][1]=new Image
    menu
    [2][1].src="menu/halloween/index-1.bmp" 
    menu[2][2]=new Image
    menu
    [2][2].src="menu/halloween/index-2.bmp"
    menu[3][1]=new Image
    menu
    [3][1].src="menu/halloween/links-1.bmp" 
    menu[3][2]=new Image
    menu
    [3][2].src="menu/halloween/links-2.bmp"
    menu[4][1]=new Image
    menu
    [4][1].src="menu/halloween/about-1.bmp" 
    menu[4][2]=new Image
    menu
    [4][2].src="menu/halloween/about-2.bmp"

    function menuselection(onoff,sel){
    document.getElementById('menu_'+sel+'').src menu[sel][onoff].src;
    }
    </script>
    <body bgcolor="#000000" text="red">
    <div style="left: 15; top: 15; width: 746; height: 417; position: absolute">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr><td  width="15" height="15" style="background-color: #FFFFFF"></td>
    <td  width="710" height="15" style="background-color: #FFFFFF"></td>
    <td  width="15" height="15" style="background-color: #FFFFFF"></td></tr>
    <tr><td  width="15" height="375" style="background-color: #FFFFFF"></td>
    <td  width="710" height="375" style="background-color: #000000"></td>
    <td  width="15" height="375" style="background-color: #FFFFFF"></td></tr>
    <tr><td  width="15" height="15" style="background-color: #FFFFFF"></td>
    <td  width="710" height="15" style="background-color: #FFFFFF"></td>
    <td  width="15" height="15" style="background-color: #FFFFFF"></td></tr>
    </table>
    </div>
    <div style="left: 35; top: 35; width: 120; height: 365; position: absolute">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr><td  width="120" height="365" style="background-color: #FFFFFF"></td></tr>
    </table>
    </div>
    <div style="left: 36; top: 36; width: 118; height: 363; position: absolute">
    <table border="0" cellspacing="0" cellpadding="0">
    <tr><td><img src="menu/halloween/HMA.bmp"></td></tr>
    <tr><td height="1" style="background-color: #FFFFFF"></td></tr>
    <tr><td>
    <a href="javascript:;" OnMouseOver="menuselection(2,1);" OnMouseOut="menuselection(1,1);">
    <img src="menu/halloween/home-1.bmp" id="menu_1" border="0" alt="Home"></a></td></tr>
    <tr><td height="1" style="background-color: #FFFFFF"></td></tr>
    <tr><td>
    <a href="halloween.htm" OnMouseOver="menuselection(2,2);" OnMouseOut="menuselection(1,2);">
    <img src="menu/halloween/index-1.bmp" id="menu_2" border="0" alt="Index"></a></td></tr>
    <tr><td height="1" style="background-color: #FFFFFF"></td></tr>
    <tr><td>
    <a href="javascript:;" OnMouseOver="menuselection(2,3);" OnMouseOut="menuselection(1,3);">
    <img src="menu/halloween/links-1.bmp" id="menu_3" border="0" alt="Links"></a></td></tr>
    <tr><td height="1" style="background-color: #FFFFFF"></td></tr>
    <tr><td>
    <a href="javascript:;" OnMouseOver="menuselection(2,4);" OnMouseOut="menuselection(1,4);">
    <img src="menu/halloween/about-1.bmp" id="menu_4" border="0" alt="About"></a></td></tr>
    <tr><td height="1" style="background-color: #FFFFFF"></td></tr>
    <tr><td height="125" style="background-color: #000000"></td></tr>
    </table>
    </div>
    <div style="left: 160; top: 35; width: 575; height: 365; position: absolute">
    <iframe id="horrorframe" src="start.htm" width="575" height="365">
    </iframe>
    </div>
    </body>                                 
    </html> 

  4. #4
    Join Date
    Jul 2004
    Location
    Singapore, SG
    Posts
    654
    You need to call each array element as a new array
    Code:
    var menu=new Array(); 
    menu[1] = new Array()
    menu[1][1]=new Image();
    menu[1][1].src="menu/halloween/home-1.bmp";
    menu[1][2]=new Image();
    menu[1][2].src="menu/halloween/home-2.bmp";

  5. #5
    Join Date
    Aug 2004
    Posts
    147
    Thanks its working great now,
    By the way in the code theres a iframe, how do i change the iframes
    page with the menu links?

  6. #6
    Join Date
    Jul 2004
    Location
    Singapore, SG
    Posts
    654
    I don't get you. You want to replace that iframe with a menu? what's start.htm?

  7. #7
    Join Date
    Aug 2004
    Posts
    147
    This page is framed but instead of using normal frames im using a
    iframe in the center but i dont know how to change the frame from
    outside of it, ie click a link from outside of the iframe and that
    link opens in the iframe.

  8. #8
    Join Date
    Jul 2004
    Location
    Singapore, SG
    Posts
    654
    you will need to use the 'target' attribute of the <a> elements.
    Code:
    <a href="page.htm" target="<iframe name here>">Some Page</a>

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles