/    Sign up×
Community /Pin to ProfileBookmark

Please help me about this

Hello..I really need your help pleaseee anyone can help me??..

This my coding..The problem is this function only can appear in IE but in other browser this function cannot appear..

<body>

<script type=”text/javascript”>

function umieover(a)
{
a.document.getElementById(“PopUp1”).style.display = “block”;
}

function umieout(a)
{
a.document.getElementById(“PopUp1”).style.display = “none”;
}

function umieboxover(a)
{
a.document.getElementById(“PopUp1”).style.display = “block”;
}

function umieboxout(a)
{
a.document.getElementById(“PopUp1”).style.display = “none”;
}

function arcadiaover(b)
{
b.document.getElementById(“PopUp2”).style.display = “block”;
}

function arcadiaout(b)
{
b.document.getElementById(“PopUp2”).style.display = “none”;
}

function arcadiaboxover(b)
{
b.document.getElementById(“PopUp2”).style.display = “block”;
}

function arcadiaboxout(b)
{
b.document.getElementById(“PopUp2”).style.display = “none”;
}

function breadtimeover(c)
{
c.document.getElementById(“PopUp3”).style.display = “block”;
}

function breadtimeout(c)
{
c.document.getElementById(“PopUp3”).style.display = “none”;
}

function breadtimeboxover(c)
{
c.document.getElementById(“PopUp3”).style.display = “block”;
}

function breadtimeboxout(c)
{
c.document.getElementById(“PopUp3”).style.display = “none”;
}

</script>

<div align=”center”>

<!– for display picture flor plan –>
<img src=”Tropicana new.png” width=”800″ height=”500″ border=”0″ usemap=”#map” />

<map name=”map”>

<!– START –>
<!– Coding for mouse over & out for umie–>
<a name=”umie” onmouseover=”umieover(this)” onmouseout=”umieout(this)” >

<area shape=”poly” coords=”127,92,129,116,145,116,144,107,149,107,149,80,173,82,172,131,154,157,123,156,94,133,93,125,128,92,127,115,128,112″ />

<!– for display popup for umie –>
<a name=”umiebox” onmouseover=”umieboxover(this)” onmouseout=”umieboxout(this)”>
<div id=”PopUp1″ style=”display: none; position: absolute; left: 50px; top: 50px; border:solid black 1px; padding: 10px; background-color: #E2E2E2; font-size:12px; width: 299px;” >

<!– for message diaplay for umie–>
<div id=”PopUp1″ align=”center” ><h3>Umie</h3>
<img border=”1″ src=”images/umieNew.png” />
<br /><br />
Umie Slim, Umie Young, Apple Stem Cell, Anti-Wrinkle, Sabun Jongkong Emas = Stem Cell, Set pencerahan 3 in 1, 24k Pure Gold Collagen Serum.
<br /><br />
Our Website : <a onMouseOver=”umieboxover(this)” href=”http://www.gagoda.com/umie/” target=”_blank” >Umie: Rahsia Kekal Remaja</a>
<br /> <br />
</div>
</div></a>
<!– END –>

<!– START –>
<!– Coding for mouse over & out for Arcadia–>
<a name=”arcadia” onmouseover=”arcadiaover(this)” onmouseout=”arcadiaout(this)”>
<area shape=”rect” coords=”173,82,197,133″ /></a>

<!– for display popup for arcadia –>
<a name=”arcadiabox” onmouseover=”arcadiaboxover(this)” onmouseout=”arcadiaboxout(this)”>
<div id=”PopUp2″ style=”display: none; position: absolute; right: 540px; top: 50px; border:solid black 1px; padding: 10px; background-color: #E2E2E2; font-size:12px; width: 299px;”>

<!– for message diaplay for arcadia–>
<div id=’PopUp2′ align=”center”><h3>Arcadia Agency</h3>
<img border=”1″ src=”images/ArcadiaAgencyNew.jpg” />
<br /><br />
Looking for a property? An apartment? Come visit us!
<br /><br />
Our Website : <a onMouseOver=”arcadiaboxover(this)” href=”http://www.gagoda.com/arcadiaagency/” target=”_blank” >Arcadia Agency</a>
<br /> <br />
</div>
</div></a>
<!– END –>

<!– START –>

<!– Coding for mouse over & out for Breadtime Bakery –>
<a name=”arcadia” onmouseover=”breadtimeover(this)” onmouseout=”breadtimeout(this)”>
<area shape=”poly” coords=”687,156,720,157,731,210,743,265,736,302,725,307,686,307,686,298,653,299,650,253,685,254,687,229,702,229,702,181,686,180,686,156″ /></a>

<!– for display popup for Breadtime Bakery –>
<a name=”arcadiabox” onmouseover=”breadtimeboxover(this)” onmouseout=”breadtimeboxout(this)”>
<div id=”PopUp3″ style=”display: none; position: absolute; right: 5px; top: 200px; border:solid black 1px; padding: 10px; background-color: #E2E2E2; font-size:12px; width: 299px;”>

<!– for message diaplay for Breadtime Bakery –>

<div id=”PopUp3″ align=”center”><h3>Arcadia Agency</h3>
<img border=”1″ src=”images/breadtimeBakeryNew.png”/>
<br /><br />
We provide a wide variety of cakes, breads, muffins, cup cakes, pizza, doughnut, and many, more of pastries products. Come visit us to try the best quality of bakery product in Malaysia!
<br /><br />
Our Website : <a onMouseOver=”breadtimeboxover(this)” href=”http://www.gagoda.com/breadtimestore/” target=”_blank” >Breadtime Bakery</a>
<br /> <br />
</div>
</div></a>
<!– END –>

</map></div>
</body>

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@Logic_AliMay 23.2012 — function umieover(a)
{
a.document.getElementById("PopUp1").style.display = "block";
}
When you call one of these functions, you are passing a reference to the clicked link via [FONT=Courier New]this[/FONT], so you are saying [I]linkReference.document[/I] which doesn't exist. I.E. allows it but strictly it's incorrect and will cause errors elsewhere.

If I had written this code, I would have used just one function to handle the individual hiding and re-display of all the different elements. It's not difficult, see if you can do it.
×

Success!

Help @faeza88 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...