ansaurus

Question

Calling javascript function with different parameters, depending on which page I'm on

Answer 1

A:

Add it from the server-side at run-time: Page.RegisterClientScriptBlock Method

Customize it with a property from the code-behind;

function myFunction() {
        var theParameter = '<%# parameterName>';
        // do something
    }

Brad 2010-10-25 15:14:55

Answer 2

+1 A:

One way would be to create a javascript file that you include in the header of all your pages. The javascript file will contain your function that takes a pageId, and returns a list item based on the page

function getListItem(pageId) {
    switch (pageId) {
       ...
    }
}

Assign an ID attribute to the BODY tag of each page, corresponding to the pageId in your javascript function:

<body id="home-page">

Then, on your page load, you can pass in the ID value to your function using jQuery:

<script type="text/javascript">
    $(function() {
        var listItem = getListItem($('body').attr["ID"]);
    } );
</script>

This would pass in "home-page" to your javascript function and return the list item determined by the logic inside your javascript function.

XSaint32 2010-10-25 15:16:11

I settled for something along these lines. Superb feedback. Wasn't really expecting anything and was surprised to see three answer in the blink of an eye :) Will need to read up quite a bit on JS and keep posting to stackoverflow. Thanks!

Unless 2010-10-25 18:35:19

Answer 3

A:

To circumvent the possibility of your scripts holding up the browser it's common practice to place your scripts just before the end of your body tag.

You may even want to look into asynchronous script loading.

t3hb4tman 2010-10-25 15:16:48

Answer 4

A:

Friend, I don't understand exactly what you want, but I'll try to help:

the inline javascript will block your page if you put them alone in the middle of your code, but you can say to them to execute only when the page was loaded with this code:

window.onload = function (){
  //call your function with the desired parameter
}

So when your page loads, the function on window.onload will be executed.

madeinstefano 2010-10-25 15:17:30

Answer 5

+1 A:

The very best way to do this would be to examine the url (no DOM traversal involved, no additional external scripts, so it's fast):

var path = window.location.pathname;
if (path.indexOf('/a_unique_url') !== -1) {
    // do code for the page 'a_unique_url';
} else if (path.indexOf('/another_unique_url') !== -1) {
    // do code for the page 'another_unique_url';
} else {
    // do default action, because none of the above were found.
}

A little more wordy on your part, but faster if you have a lot of unique operations would be to use a switch statement and the full path, like this:

var path = window.location.pathname;
switch(path) {
    case '/full/path/after/domain.html':
        // do code for the page '/full/path/after/domain.html';
        break;
    case '/some/other/path.html':
        // do code for the page '/some/other/path.html';
        break;
    case '/yet/another/path.html':
        // do code for the page '/yet/another/path.html';
        break;
    default:
        // do default action, because none of the above were found.
        break;
}

Although, if you have access to server side scripting, there are more efficient methods for these kind of operations.

Stephen 2010-10-25 15:23:05

ansaurus

tags:

views:

answers:

Calling javascript function with different parameters, depending on which page I'm on

related questions