Can't trigger javascript from seperate page.

Beginner question.   I have 2 pages.  When I click on page 2 I want it to load page 1 AND execute javascript on the first page.  

The solution I tried is to use a hash (see code below:  Page 1 is 'puppies'.  Page 2 is 'index.html')

There is a live example running that demonstrates this problem:  

Go to then click Item 1.    This is the result "I like puppies" is I want to see when I click the hashed index.html
Then click "puppies" and click Item 1 from that page.   It should produce the same result but it doesn't

Link to the Page
Link to the trigger I can't get working:

I know very basic javascript and I need some expert help debugging this.  Any ideas what is happening here?   How can I achieve the functionality I want?
Page 1 Code:
<a href="index.html#runFunction1">Item 1: triggers index.html#runFunction1</a>

Page 2 Code:
 function showItem1() {
         $("txtCtr").update("<h2>Item 1</h2> <p>I like puppies.</p>");
      if (window.location.hash == '#runFunction1') {

Open in new window

Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

You can't use a link to target a function on another page.

When I click on page 2 I want it to load page 1 AND execute javascript on the first page.

I may have your pages mixed up... but if this is your scenario::

1- You click a link on a page that takes the user to a different page
2- you want a javascript function on the new page to run

Then you do it like this:
1- the link you click on page2 - use window.location.href="page1.html?showItem=runFunxtion1"
2- in the window.onload of page1.html, read the URL and based on the value of the parameter, run the function.

Here is a handy function for reading parameters from the querystring.  If you insist on using the hash, I'm sure there are similar out there or one can be created for you.  You use it like this
if (queryString('showItem')=='runFunction1') {
  //run function 1

Open in new window

Here is the function.
function queryString(parameter) { 
    var loc =,;
    var param_value = false;

    var params = loc.split("&");
    for (i=0; i<params.length;i++) {
        param_name = params[i].substring(0,params[i].indexOf('='));
        if (param_name == parameter) {
            param_value = params[i].substring(params[i].indexOf('=')+1)
    if (param_value) {
        return param_value;
    else {
        return false; //Here determine return if no parameter is found

Open in new window


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
tmonteitAuthor Commented:
The trigger worked perfect!  Thanks a bunch.  Unfortunately the code failed for another reason.  I will ask a separate question.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.