My Javascript giving syntax error

Question

My Javascript code is giving syntax error, I am unable to find where is the problem:

<script type="text/javascript">
   function display(id,type){
    alert("Hi");    
   }
</script>

onclick event is given below:

<map name="Map" id="Map">
  <area shape="rect" coords="24,165,133,182" href="#" onclick="display("#td1","show")" />
  <area shape="rect" coords="23,190,167,209" href="#" />
  <area shape="rect" coords="23,218,165,235" href="#" />
  <area shape="rect" coords="22,242,165,261" href="#" />
  <area shape="rect" coords="23,268,164,286" href="#" />
</map>

onclick="javascript:display("#td1","show")". Check your quotes. — gen_Eric
– gen_Eric, Commented Mar 3, 2014 at 17:00
convert the onclick event to onclick="display('#td1','show');" — Javad
– Javad, Commented Mar 3, 2014 at 17:03
Single quotes. The problem is that by using " several times, the browser thinks you are opening and closing several different quotes. "diplay(", #td1(which causes the syntax error), ",", show, and ")". — mkaminsky
– mkaminsky, Commented Mar 3, 2014 at 17:05

S. Ferit Arslan · Accepted Answer · 2014-03-03 17:02:17Z

2

change quote to single quote

<area shape="rect" coords="24,165,133,182" href="#" onclick="javascript:display('#td1','show')" />

answered Mar 3, 2014 at 17:02

S. Ferit Arslan

1993 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Haren Sarma Over a year ago

Now I am getting below in firebug: TypeError: document.getElementById(...) is null document.getElementById(id).style.display="inline";

S. Ferit Arslan Over a year ago

remove # from id, because # is jquery id selector, you are using nativa javascript ... display('td1','show') />

Collectives™ on Stack Overflow

My Javascript giving syntax error

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related