Different stylesheets in order to print

Question

My issue is: I have this web page and i use print type in my css stylesheet. What i need is to have two buttons, which would be:

Client Print
Member Print

For a specific web page. The only difference between them is that the second one has a field more to be printed.

I need to have this two buttons that take different stylesheets for the webpage.. Could someone help me?

<link rel="stylesheet" href="../css/style.css" media="screen, projection,print" />

For the first one i need:

for the second one:

<link rel="stylesheet" href="../css/style1.css" media="screen, projection,print" />

Answer 1

Try this:

function print(o) {
    var head = document.getElementsByTagName('head')[0].innerHTML;
    if (o == 'client') {
        head += '<link rel="stylesheet" href="../css/style.css" media="screen, projection,print" />';
    }
    if (o == 'member') {
        head += '<link rel="stylesheet" href="../css/style1.css" media="screen, projection,print" />';
    }
    document.getElementsByTagName('head')[0].innerHTML = head;
}