images and events

twinkle · March 17th, 2004, 02:01 PM

<head><script language="javascript"/>

function show(text)
{
    for(var i=1;i<4;i++)
    {
    eval("document.all.undermeny"+[i]+".style.visibility='hidden'");
    }

    if (text==1)
    {
    document.all.undermeny1.style.visibility="visible" ;
    }
    else if (text==2)
    {
    document.all.undermeny2.style.visibility="visible" ;
    }
    else if (text==3)
    {
    document.all.undermeny3.style.visibility="visible" ;
    }
    }
</script>
</head>

<body>
<div id="mspot2">
<table border="0">
<tr>
<td><div id="1" onMouseOver="show(1)"><img src="pic1.gif"></div></td>
<td><div id="2" onMouseOver="show(2)"><img src="pic2.gif"></div></td>
<td><div id="3" onMouseOver="show(3)"><img src="pic3.gif"></div></td></tr></table></div>

<div id="undermeny1">
<table cellspacing="0" cellpadding="0" border="0" width="140" height="10">
    <tr><td><a href="eyes.html" target="right"> >-- EYE -- < </a></div></td></tr></div></table></div>
<div id="undermeny2" >
<table cellspacing="0" cellpadding="0" border="0" width="140" height="10">
    <tr><td><a href="lips.html" target="right">>-- LIPS --< </a></div></td></tr></div></table></div>
<div id="undermeny3">
<table cellspacing="0" cellpadding="0" border="0" width="140" height="10"
    <tr><td><a href="skin.html" target="right">>-- SKIN --< </a></div></td></tr></div></table></div>

for those who under this codeplz tell me how can i make <div undermeny2 AND undermeny3 to appear at the same thime - the code only refers to one undermeny3 at a time

twinkle · March 17th, 2004, 02:03 PM

for those who under this code plz tell me how can i make undermeny2 AND undermeny3 to appear at the same time - the code only refers to one undermeny at a time

Snib · March 17th, 2004, 02:09 PM

Well, I think that in your for statement instead of [i] you should just put i

However, this may not solve your problem.

<script language="javascript"/>

I assume this is a typo if your getting anywhere at all...

<script language="javascript">//your code</script>

HTH,

----------
---Snib---
----------

<><

joefawcett · March 18th, 2004, 05:39 AM

Quote:

quote:
for(var i=1;i<4;i++)
{
eval("document.all.undermeny"+[i]+".style.visibility='hidden'");
}

The above code is awful. This will create three new instances of the Script Engine. NEVER use 'eval'. Just use:

Code:

for(var i=1;i<4;i++)
{
  document.all["undermeny" + i].style.visibility="hidden";
}

As for your main question your function first hides all the divs then shows one. What exactly did you want it to do?

Please don't be offended by this next comment:)
I recommend reading Wrox's Beginning JavaScript by Paul Wilton. It's taking you about a week to knock up a page that should have taken about an hour because you haven't taken the initial time to learn JavaScript basics and the Browser/Document object model.

--

Joe

twinkle · March 19th, 2004, 11:06 AM

no joe, im not offended by ur comment

its true that i know very little about javascript, thats y i joined this forum - ive just started a course in webdesign and so im a bit slow in understanding ur suggestions and being able to explain my problem!

anyway,

i do know what my code means thats y i want to develop it and make it show TWO undermeny's (ex. undermeny2 undermeny3) at the same time when i click on an image