Making <div> appear/disappear with javascript

Boylett · 05-May-2007, 06:39 AM #1

I am trying to make a script that will make a <div> appear or disappear depending on what it already is.

So if its appeared, it will disappear and vice versa.

This is what I currently have:

HTML Code:

<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" background="pixel.png"> <style type="text/css">
span {
	cursor: pointer;
}
</style> <script type="text/javascript" language="javascript">
var v = new Array(100);
v[0] = 'none';
document.GetElementByID('v0').style.display = 'none';
v[2] = 'none';
document.GetElementByID('v2').style.display = 'none';

function Display(num)
{
	v[num]=(v[num]=='none')?'':'none';
	document.GetElementByID('v'+num).style.display = v[num];
}
</script> <img border="0" src="index.php?image&type=" alt="Map" title="Map" usemap="#playermap" /> <map name="playermap"> <area shape="circle" coords="1500.5649874149,1168.3678480557,3" href="javascript:Display(0);" \><area shape="circle" coords="1213.3671951284,1200.4351679045,3" href="javascript:Display(2);" \></map> <div id="v0" style="position:absolute; left:1500.5649874149; top:1168.3678480557;"><table cellpadding="0" cellspacing="0" border="1" bordercolor="#000000" background="bg.png"><tr><td><font size="2" face="Verdana" color="#FFFFFF">[X2G]Tr1viUm</font></td></tr></table></div> <div style="position:absolute; left:5; top:5;"><span onClick="javascript:alert('Username: [X2G]Tr1viUm\nPlayerid: 0\nHealth: 50\nMoney: 5000\nLevel: 1');"><font size="2" face="Verdana" color="#FFFFFF">(0) [X2G]Tr1viUm</font></span></div> <div id="v2" style="position:absolute; left:1213.3671951284; top:1200.4351679045;"><table cellpadding="0" cellspacing="0" border="1" bordercolor="#000000" background="bg.png"><tr><td><font size="2" face="Verdana" color="#FFFFFF">[X2G]Sneaky</font></td></tr></table></div> <div style="position:absolute; left:5; top:20;"><span onClick="javascript:alert('Username: [X2G]Sneaky\nPlayerid: 2\nHealth: 50\nMoney: 5000\nLevel: 1');"><font size="2" face="Verdana" color="#FFFFFF">(2) [X2G]Sneaky</font></span></div> </body>

Its at this location: http://www.xendot.com/samp/map/

The problem is when I click and activate the href in the <area> tags, it doesnt change the <div> appearance. Its just always appeared.

Can someone help, thanks.

haswalt · 08-May-2007, 10:12 AM #2

not relaly sure what you need exactly, but you will need to set the style.visibility to 'hidden' or 'visible' you can also check this value of the div to switch on it.

Harry

Search
Search in:
Show Threads Show Posts
Advanced Search

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)