Calling Javascript function

Question

Extending a website I didn't build. I want to be able to call the ShowWindow proc with a parameter. How would I do that? New to JQuery and Javascript.

default.aspx

<script type="text/javascript" src="/scripts/jquery-1.2.6.js"></script>
<script type="text/javascript">

$(document).ready(function() {
    $('a#ShowWindow').click(function() {
        window.open("TerminalInfo.aspx?", 'Info', 'scrollbars=yes,width=510,height=536');
    })
});

default.aspx.cs

Building the aspx dynamically...

    public static string ToHtml(this Location location)
    {
        var html = new StringBuilder();

        html.Append("<td><a href='#' id='ShowWindow'>ShowLetter</a></td>");     //This works
        html.Append("<td><a href='#' id='ShowWindow(\"MyInfo.aspx\")'>Read More</a></td>"); //How can I do this? It doesn't work.

        return html.ToString();
    }

Answer 1

var strattonn = {};
strattonn.openWindow = function(url, title) {
    window.open(url, title, 'scrollbars=yes,width=510,height=536');
    return false;
}


public static string ToHtml(this Location location)
{
    var html = new StringBuilder();
    html.Append("<td><a href='#' onclick='return strattonn.openWindow('MyInfo.aspx', 'My Info')'>Read More</a></td>");
    return html.ToString();
}

Answer 2

public static string ToHtml(this Location location)
{
    var html = new StringBuilder();

    html.Append("<td><a href='MyInfo.aspx' id='ShowWindow'>Read More</a></td>");

    return html.ToString();
}

and then

$('a#ShowWindow').click(function(e) {
    window.open($(this).attr("href"), 'Info', 'scrollbars=yes,width=510,height=536');
    e.preventDefault();
})

It's a little different approach but it degrades better if JavaScript is unavailable.

Update (to work on several links in table)

$('table a').click(function(e) {
    window.open($(e.target).attr("href"), 'Info', 'scrollbars=yes,width=510,height=536');
    e.preventDefault();
});