Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Nesting JavaScript functions 1

Status
Not open for further replies.
jscc

jscc

Technical User
Joined
Sep 17, 2002
Messages
8
I have a map of Canada. When the mouse rolls over one of the province, I'd like a pop up that asks, "Is the capital of this province A or B?". Is that just a matter of besting one JavaScript inside another?
Thanks,
Jeremy
 
Sort by date Sort by votes
No, its a matter of calling a function when the mouse rolls over a specified area.

Look into imagemaps, and simply add the adequate function call for the mouseover of the specific designated area.

Code: 
<script type="text/javascript">
function askforCapital(provinceVal){
 if(provinceVal=='province1'){
   prompt("Is The Capital of Province1 a or b");
 }
 if(provinceVal=='province2'){
   prompt("Is The Capital of Province2 a or b");
 }
 ...
}
</script>
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" [red]onmouseover="askforCapital('province1');"[/red]  alt="Province1" />
  <area shape="circle" coords="90,58,3" [red]onmouseover="askforCapital('province2');"[/red]  alt="Province2" />
  <area shape="circle" coords="124,58,8" [red]onmouseover="askforCapital('province3');"[/red] alt="Province3" />
</map>




----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Upvote 0 Downvote
Thank you very much! Using your suggestion, I came up with the following idea for the function.
Code: 
<script type="text/javascript">
function askforCapital(provinceVal){
 if(provinceVal=='BC'){
   prompt("What is the the Capital of British Columbia");
 }
 if(provinceVal=='AB'){
   prompt("What is the the Capital of Alberta");
 }
...
What if I wanted to hold the users entries as input. Would I have to change each line of my function to look something like this:
Code: 
input ("What is the capital of British Columbia?" type="text" name="BCcapital");
 
Upvote 0 Downvote
The prompt() function returns any value entered into it. So just assign it to a variable.

Code: 
var value = prompt("What is the the Capital of British Columbia");
Then you can use the value variable however you need.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Upvote 0 Downvote
Thank you again. What if I want the students to have immediate feedback after they enter each capital city? I've tried to get the code going below (what I think is a 'nested if else') but it's not working. I think it might have to do with my use of open and closed braces? Any suggestions for me? Thanks.

Code: 
<script type="text/javascript">
function askforCapital(provinceVal){
 if(provinceVal=='BC'){
  var BCCapital = prompt("What is the the Capital of British Columbia");
          if (BCcapital = Victoria)
{
           alert("For British Columbia, you entered" + BCcapital +"." +'\n' + "Correct, well done!");
{
          Else
}
          alert("For British Columbia, you entered" + BCcapital +"." +'\n' + "The correct answer is Victoria.");
}
...
}
 
Upvote 0 Downvote
Hi

First, there you using assignment ( [tt]=[/tt] ) instead of equality check ( [tt]==[/tt] ).
Second, those [tt]if[/tt]'s look really bad.

Personally I would write it like this :
JavaScript: 
[b]var[/b] province[teal]=[/teal][teal]{[/teal]
  [green][i]'ON'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Ontario'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Toronto'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'QC'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Quebec'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Quebec'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'NS'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Nova Scotia'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Halifax'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'NB'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'New Brunswick'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Fredericton'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'MB'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Manitoba'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Winnipeg'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'BC'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'British Columbia'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Victoria'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'PE'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Prince Edward Island'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Charlottetown'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'SK'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Saskatchewan'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Regina'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'AB'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Alberta'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Edmonton'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'NL'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Newfoundland and Labrador'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]"St. John's"[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'NT'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Northwest Territories'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Yellowknife'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'YT'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Yukon'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Whitehorse'[/i][/green] [teal]}[/teal][teal],[/teal]
  [green][i]'NU'[/i][/green][teal]:[/teal][teal]{[/teal] name[teal]:[/teal] [green][i]'Nunavut'[/i][/green][teal],[/teal] capital[teal]:[/teal] [green][i]'Iqaluit'[/i][/green] [teal]}[/teal][teal],[/teal]
[teal]}[/teal]

[b]function[/b] [COLOR=darkgoldenrod]askforCapital[/color][teal]([/teal]provinceVal[teal])[/teal]
[teal]{[/teal]
  [b]var[/b] answer [teal]=[/teal] [COLOR=darkgoldenrod]prompt[/color][teal]([/teal][green][i]'What is the the Capital of '[/i][/green][teal]+[/teal]province[teal][[/teal]provinceVal[teal]].[/teal]name[teal]+[/teal][green][i]' ?'[/i][/green][teal]);[/teal]
  [COLOR=darkgoldenrod]alert[/color][teal]([/teal][green][i]'For '[/i][/green] [teal]+[/teal] province[teal][[/teal]provinceVal[teal]].[/teal]name [teal]+[/teal] [green][i]' you entered '[/i][/green] [teal]+[/teal] answer [teal]+[/teal] [green][i]'.[/i][/green][lime][i]\n[/i][/lime][green][i]'[/i][/green] [teal]+[/teal] [teal]([/teal]answer [teal]==[/teal] province[teal][[/teal]provinceVal[teal]].[/teal]capital [teal]?[/teal] [green][i]'Correct, well done !'[/i][/green] [teal]:[/teal] [green][i]'The correct answer is '[/i][/green] [teal]+[/teal] province[teal][[/teal]provinceVal[teal]].[/teal]capital [teal]+[/teal] [green][i]'.'[/i][/green][teal]))[/teal]
[teal]}[/teal]

Feherke.
 
Upvote 0 Downvote
Several things:
Code: 
          if (BCcapital = Victoria)

[ol]
[li]One equal sign is assingment, so you are assigning the one value to another rather than comparing them. [/li]
[li]Without quotes Javascript will assume Victoria is a variable, but since it's never set all it will do is assign null to your BCcaptial variable. It should be a string so it needs to be surrounded by quotes. [/li]
[/ol]

So:

Code: 
          if (BCcapital [red]=[/red]= [blue]"[/blue]Victoria[blue]"[/blue])

Once that is done you return a message, all well and good. You open the { for your if, but you never actually close it.
Code: 
{
           alert("For British Columbia, you entered" + BCcapital +"." +'\n' + "Correct, well done!");
[red]{[/red] [green]//<---That should be a closed } brace rather than another opening one.[/green]

          Else
Then you close a brace instead of opening it for your else statement. You also use a capital E, javascript is case sensitive so [red]E[/red]lse is different than [red]e[/red]lse

At the end what you want is:

Code: 
function askforCapital(provinceVal){
 if(provinceVal=='BC'){
  var BCCapital = prompt("What is the the Capital of British    Columbia");
          if (BCcapital = "Victoria")
  {
           alert("For British Columbia, you entered" + BCcapital +"." +'\n' + "Correct, well done!");
  }
         else
  {
          alert("For British Columbia, you entered" + BCcapital +"." +'\n' + "The correct answer is Victoria.");
  } 
  ...
}

Just to clear the obsesssion of nesting something nested if's would look like this:

Code: 
 if(...){
  if(...){
   if(...){
   doSomething();
   }
  }
 }

Those are nested IFs one if inside another if.

So yes you have a couple of nested ifs there. The if statement that checks for the answer is nested inside the if that checks for the province.

Code: 
if(provinceVal=='BC'){
...
          if (BCcapital = Victoria)
       {

       }
}


By the way the 3 periods should of course be removed. That's just a way of saying there's more code there. But they should not be in your final code.

As far as feherke's suggestion, yes its a good one, but I think a little too advanced given your level. Stick with the expanded way until you understand better what is actually going on.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Upvote 0 Downvote
Hi

Ok, then may I criticize your code abit ? That condition will still not work : ;-)
Phil said:
At the end what you want is:
Code: 
[gray](...)[/gray]
          if (BCcapital = "Victoria")
Click to expand...
Anyway, you are right in the code level not matching the OP's current skill. I preferred the complete rewrite partly because that BCcapital variable. I saw some horrible cases when such identifier naming led to more variables like ONcapital, QCcapital, and so on. I wished to cut off any similar tendency.


Feherke.
 
Upvote 0 Downvote
Oops missed the equal sign in the re-write.

But yes you are right having a bunch of variables in the end may cause maintenance issues.
I would also go the object route to simplify things and streamline the code.

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Upvote 0 Downvote
Thanks for your help. I appreciate the input. I started working on this again tonight and I see that I'm confusing myself by what I was trying. So I've changed my code (see below).
Can someone please tell me how I can add
"if the variable 'name' equals X then alert(Correct) else alert(Try again)"
after each 'area shape=...' line.
Thanks,
Jeremy


Code: 
<html>
<head>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("What is the capital of this province?","");
}
</script>
</head>
<body>


<center><p>Click the abbreviation for each province and enter the correct capital city.</p>

<img src="images/country/canada-colored-withlabels.gif" width="650" height="500" border="5" alt="Canada" usemap="#canadamap" />

<map name="canadamap">


<area shape="rect" coords="85,298,111,332"  onclick="show_prompt('BC');" alt="BC" />
<area shape="rect" coords="152,314,186,346" onclick="show_prompt('AB');"  alt="AB" />
<area shape="rect" coords="211,325,237,349" onclick="show_prompt('SK');"  alt="SK" />
<area shape="rect" coords="269,322,298,341" onclick="show_prompt('MB');"  alt="MB" />
<area shape="rect" coords="335,351,359,373" onclick="show_prompt('ON');"  alt="ON" />
<area shape="rect" coords="429,311,454,332" onclick="show_prompt('QB');"  alt="QB" />
<area shape="rect" coords="492,247,513,262" onclick="show_prompt('NL');"  alt="NL" />
<area shape="rect" coords="507,336,534,359" onclick="show_prompt('NB');"  alt="NB" />
<area shape="rect" coords="555,338,575,360" onclick="show_prompt('NS');"  alt="NS" />
<area shape="rect" coords="579,325,606,342" onclick="show_prompt('PEI');"  alt="PEI" />
<area shape="rect" coords="219,201,241,227" onclick="show_prompt('NT');"  alt="NT" />
<area shape="rect" coords="136,122,167,249" onclick="show_prompt('NWT');"  alt="NWT" />
<area shape="rect" coords="65,194,89,225" onclick="show_prompt('YT');"  alt="YT" />

</map>

</center>


</body>
</html>
 
Upvote 0 Downvote
Hi

Jeremy said:
Can someone please tell me how I can add
"if the variable 'name' equals X then alert(Correct) else alert(Try again)"
after each 'area shape=...' line.
Click to expand...
Why you would add anything there ? There you just call your function. Further code should be added to the function.


Feherke.
 
Upvote 0 Downvote
The problem is that I don't understand how to define the multiple answers that would need to occur in my function.

For example, when clicking on the first set of coordinates, the student would need to enter the capital for that province. If they enter the correct city, then an alert box should say 'Correct!'. And if they enter the wrong city, the alert box should say 'Wrong!'.
Then the process would have to repeat in the function for an entry for the second set of coordinates (the second province). And so on.

Can you please explain how to do this?

Thanks, Jeremy
 
Upvote 0 Downvote
Hi

Jeremy said:
The problem is that I don't understand how to define the multiple answers that would need to occur in my function.
Click to expand...
I posted a complete solution at 12 Oct 11 3:26. Tried that ?


Feherke.
 
Upvote 0 Downvote
If you don't want or don't understand how to use the object code feherke provided then you can use your nested if approach. You were on the right track with the if statements, you just had some syntax errors.

Code: 
function show_prompt([red]var province[/red])
{

 if(province=="BC"){
  var name=prompt("What is the capital of British Columbia?","");
   if(name=="Victoria"){
     alert("That is correct!");
   }
   else{
   alert("I'm sorry that is wrong, the capital is Victoria");
   }
 }

 if(province=="ON"){
  var name=prompt("What is the capital of Ontario?","");
   if(name=="Toronto"){
     alert("That is correct!");
   }
   else{
   alert("I'm sorry that is wrong, the capital is Toronto");
   }
 }

...

}



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Upvote 0 Downvote
Hi

Wondering with which language's syntax you mixed that up.

( In JavaScript there can be no var modifier in front of formal parameters. )

Feherke.
 
Upvote 0 Downvote
Oops, can't say I know what happened there.

Code: 
function show_prompt(province)
{

 if(province=="BC"){
  var name=prompt("What is the capital of British Columbia?","");
   if(name=="Victoria"){
     alert("That is correct!");
   }
   else{
   alert("I'm sorry that is wrong, the capital is Victoria");
   }
 }

 if(province=="ON"){
  var name=prompt("What is the capital of Ontario?","");
   if(name=="Toronto"){
     alert("That is correct!");
   }
   else{
   alert("I'm sorry that is wrong, the capital is Toronto");
   }
 }

...

}



----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Upvote 0 Downvote
OK, I see. I got confused thinking that Vacunita's comments right after your 12 Oct 11 3:26 post related to your code. After reading it again, I see his comment were directed to my code.

I copied your function into my code. Still not quite working for me. I'm assuming the variable section needs to be sandwiched between <script></script> in the <head> section? Is there something else I'm doing wrong in the code below?
Thanks,

Code: 
<html>
<head>

<script type="text/javascript">

var province={
  'ON':{ name: 'Ontario', capital: 'Toronto' },
  'QC':{ name: 'Quebec', capital: 'Quebec' },
  'NS':{ name: 'Nova Scotia', capital: 'Halifax' },
  'NB':{ name: 'New Brunswick', capital: 'Fredericton' },
  'MB':{ name: 'Manitoba', capital: 'Winnipeg' },
  'BC':{ name: 'British Columbia', capital: 'Victoria' },
  'PE':{ name: 'Prince Edward Island', capital: 'Charlottetown' },
  'SK':{ name: 'Saskatchewan', capital: 'Regina' },
  'AB':{ name: 'Alberta', capital: 'Edmonton' },
  'NL':{ name: 'Newfoundland and Labrador', capital: "St. John's" },
  'NT':{ name: 'Northwest Territories', capital: 'Yellowknife' },
  'YT':{ name: 'Yukon', capital: 'Whitehorse' },
  'NU':{ name: 'Nunavut', capital: 'Iqaluit' },
}

function askforCapital(provinceVal)
{
  var answer = prompt('What is the the Capital of '+province[provinceVal].name+' ?');
  alert('For ' + province[provinceVal].name + ' you entered ' + answer + '.\n' + (answer == province[provinceVal].capital ? 'Correct, well done !' : 'The correct answer is ' + province[provinceVal].capital + '.'))
}
</script>

</head>

<body>

<center><p>Click the abbreviation for each province and enter the correct capital city.</p>

<img src="images/country/canada-colored-withlabels.gif" width="650" height="500" border="5" alt="Canada" usemap="#canadamap" />

<map name="canadamap">

<area shape="rect" coords="85,298,111,332"  onclick="askforCapital(provinceVal('BC');" alt="BC" />
<area shape="rect" coords="152,314,186,346" onclick="askforCapital(provinceVal('AB');"  alt="AB" />
<area shape="rect" coords="211,325,237,349" onclick="askforCapital(provinceVal('SK');"  alt="SK" />
<area shape="rect" coords="269,322,298,341" onclick="askforCapital(provinceVal('MB');"  alt="MB" />
<area shape="rect" coords="335,351,359,373" onclick="askforCapital(provinceVal('ON');"  alt="ON" />
<area shape="rect" coords="429,311,454,332" onclick="askforCapital(provinceVal('QB');"  alt="QB" />
<area shape="rect" coords="492,247,513,262" onclick="askforCapital(provinceVal('NL');"  alt="NL" />
<area shape="rect" coords="507,336,534,359" onclick="askforCapital(provinceVal('NB');"  alt="NB" />
<area shape="rect" coords="555,338,575,360" onclick="askforCapital(provinceVal('NS');"  alt="NS" />
<area shape="rect" coords="579,325,606,342" onclick="askforCapital(provinceVal('PEI');"  alt="PEI" />
<area shape="rect" coords="219,201,241,227" onclick="askforCapital(provinceVal('NT');"  alt="NT" />
<area shape="rect" coords="136,122,167,249" onclick="askforCapital(provinceVal('NWT');"  alt="NWT" />
<area shape="rect" coords="65,194,89,225" onclick="askforCapital(provinceVal('YT');"  alt="YT" />

</map>
</center>

</body>
</html>
 
Upvote 0 Downvote
OK, I see. I got confused thinking that Vacunita's comments right after your 12 Oct 11 3:26 post related to your code. After reading it again, I see his comment were directed to my code.

I copied your function into my code. Still not quite working for me. I'm assuming the variable section needs to be sandwiched between <script></script> in the <head> section? Is there something else I'm doing wrong in the code below?
Thanks,

Code: 
<html>
<head>

<script type="text/javascript">

var province={
  'ON':{ name: 'Ontario', capital: 'Toronto' },
  'QC':{ name: 'Quebec', capital: 'Quebec' },
  'NS':{ name: 'Nova Scotia', capital: 'Halifax' },
  'NB':{ name: 'New Brunswick', capital: 'Fredericton' },
  'MB':{ name: 'Manitoba', capital: 'Winnipeg' },
  'BC':{ name: 'British Columbia', capital: 'Victoria' },
  'PE':{ name: 'Prince Edward Island', capital: 'Charlottetown' },
  'SK':{ name: 'Saskatchewan', capital: 'Regina' },
  'AB':{ name: 'Alberta', capital: 'Edmonton' },
  'NL':{ name: 'Newfoundland and Labrador', capital: "St. John's" },
  'NT':{ name: 'Northwest Territories', capital: 'Yellowknife' },
  'YT':{ name: 'Yukon', capital: 'Whitehorse' },
  'NU':{ name: 'Nunavut', capital: 'Iqaluit' },
}

function askforCapital(provinceVal)
{
  var answer = prompt('What is the the Capital of '+province[provinceVal].name+' ?');
  alert('For ' + province[provinceVal].name + ' you entered ' + answer + '.\n' + (answer == province[provinceVal].capital ? 'Correct, well done !' : 'The correct answer is ' + province[provinceVal].capital + '.'))
}
</script>

</head>

<body>

<center><p>Click the abbreviation for each province and enter the correct capital city.</p>

<img src="images/country/canada-colored-withlabels.gif" width="650" height="500" border="5" alt="Canada" usemap="#canadamap" />

<map name="canadamap">

<area shape="rect" coords="85,298,111,332"  onclick="askforCapital(provinceVal('BC');" alt="BC" />
<area shape="rect" coords="152,314,186,346" onclick="askforCapital(provinceVal('AB');"  alt="AB" />
<area shape="rect" coords="211,325,237,349" onclick="askforCapital(provinceVal('SK');"  alt="SK" />
<area shape="rect" coords="269,322,298,341" onclick="askforCapital(provinceVal('MB');"  alt="MB" />
<area shape="rect" coords="335,351,359,373" onclick="askforCapital(provinceVal('ON');"  alt="ON" />
<area shape="rect" coords="429,311,454,332" onclick="askforCapital(provinceVal('QB');"  alt="QB" />
<area shape="rect" coords="492,247,513,262" onclick="askforCapital(provinceVal('NL');"  alt="NL" />
<area shape="rect" coords="507,336,534,359" onclick="askforCapital(provinceVal('NB');"  alt="NB" />
<area shape="rect" coords="555,338,575,360" onclick="askforCapital(provinceVal('NS');"  alt="NS" />
<area shape="rect" coords="579,325,606,342" onclick="askforCapital(provinceVal('PEI');"  alt="PEI" />
<area shape="rect" coords="219,201,241,227" onclick="askforCapital(provinceVal('NT');"  alt="NT" />
<area shape="rect" coords="136,122,167,249" onclick="askforCapital(provinceVal('NWT');"  alt="NWT" />
<area shape="rect" coords="65,194,89,225" onclick="askforCapital(provinceVal('YT');"  alt="YT" />

</map>
</center>

</body>
</html>
 
Upvote 0 Downvote
Whoops, posted answer to ferherke and just now saw Vacanuta's response. I will try both sets of code. I want to learn multiple ways to code.
Thanks, Jeremy
 
Upvote 0 Downvote
Hi

Some cleanup is needed there :
Code: 
[small]
[b]<area[/b] [maroon]shape[/maroon][teal]=[/teal][green][i]"rect"[/i][/green] [maroon]coords[/maroon][teal]=[/teal][green][i]"85,298,111,332"[/i][/green]  [maroon]onclick[/maroon][teal]=[/teal][green][i]"askforCapital([highlight][s]provinceVal([/s][/highlight]'BC');"[/i][/green] [maroon]alt[/maroon][teal]=[/teal][green][i]"BC"[/i][/green] [b]/>[/b]
[gray]                                                                  |[/gray]
[gray]                                                                 \|/[/gray]
[gray]                                                                  V[/gray]
[b]<area[/b] [maroon]shape[/maroon][teal]=[/teal][green][i]"rect"[/i][/green] [maroon]coords[/maroon][teal]=[/teal][green][i]"85,298,111,332"[/i][/green]  [maroon]onclick[/maroon][teal]=[/teal][green][i]"askforCapital('BC');"[/i][/green] [maroon]alt[/maroon][teal]=[/teal][green][i]"BC"[/i][/green] [b]/>[/b]
[/small]
And so on for the other [tt]area[/tt]s too.

Feherke.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lexer
  • Locked
  • Question Question
Passing fields from (html-JavaScript) table to JavaScript Function
Replies
0
Views
1K
lexer
lexer
Mike Lewis
  • Locked
  • Question Question
Anyone here got any experience of Grid.JS (a sortable Javascript grid)
Replies
5
Views
2K
Mike Lewis
Mike Lewis
JScannell
  • Locked
  • Question Question
Javascript events
Replies
1
Views
608
Daniel K
Daniel K
Marclem
  • Locked
  • Question Question
javascript:navigator.registerProtocolHandler
Replies
1
Views
613
Marclem
Marclem
JScannell
  • Locked
  • Question Question
Javascript issue on iPhone/iMac platforms
Replies
0
Views
938
JScannell
JScannell

Part and Inventory Search

Sponsor

Back
Top