Две кнопки для печати двух объектов
 

Имеется страница, на которой много всего разного, в том числе два объекта (один - картинка, другой - таблица).

Требуется сделать две кнопки или ссылки: "Print the picture" и "Print the table". По нажатии на первую должна выводиться на принтер только картинка, по нажатии на вторую - только таблица.

Однако...

1) Если написать так:

function printcard()
{
	var cardimg = getElementById('card_img');
	print(cardimg);
}

то на принтер выводится вся страница.

2) А так:

function printcard()
{
	var cardimg = getElementById('card_img');
	cardimg.print();
}

вообще не работает - cardimg.print is not a function.

Отсюда вопрос: можно ли посредством JS послать на принтер отдельный объект на странице?

Про @media screen и @media print я знаю, но писать два CSS и "js-подставлять" то один, то другой уж больно не хочется...

Попробуйте создавать скрытый iframe с нужным содержимым и печатать его. Но два простеньких CSS, ИМХО, проще.