Печать определенного блока страницы

[milax]

На странице есть две кнопочки "Print". Одна из них выполняет свою стандартную функцию - отправляет на печать весь документ (window.print()). Вторая же должна "по щучему велению, по моему хотению" печатать только определенный блок со странички. Как такое можно реализовать? В голову приходит мысль только о динамической подмене принт стайлов в зависимости от того, какая кнопка нажата. При нажатии на вторую кнопку убирать со страницы все блоки кроме нужного. Хотя, если учесть что это надо печатать кусок таблицы (просто данные табличные, а не верстка ...

[s0rr0w]

На странице есть две кнопочки "Print". Одна из них выполняет свою стандартную функцию - отправляет на печать весь документ (window.print()). Вторая же должна "по щучему велению, по моему хотению" печатать только определенный блок со странички. Как такое можно реализовать? В голову приходит мысль только о динамической подмене принт стайлов в зависимости от того, какая кнопка нажата. При нажатии на вторую кнопку убирать со страницы все блоки кроме нужного. Хотя, если учесть что это надо печатать кусок таблицы (просто данные табличные, а не верстка ...

Клонируем выделенный кусок в какой-то "скрытый" div class="printSelection", присваиваем body class="printSelected"

в стилях добавляем

@media print {

.printSelected>* {display: none }

.printSelected>.printSelection { display: block }

}

[milax]

s0rr0w

Спасибо!

Но теперь другая проблема: как мне сделать так, чтобы добалвенные классы удалялись после распечатки?

Пишу:

	window.print();

	$('body').removeClass('printSelected');
	$('.printSelection').remove();

Но они удаляются быстрее чем что-то пойдет на печать. И выводится, естественно, вся страница.

[rash]

Но теперь другая проблема: как мне сделать так, чтобы добавленные классы удалялись после распечатки?

А если их не удалять после распечатки? Пусть себе висит скрытый блок, при печати следующего в нем просто заменится контент. Я думаю отследить окончание печати едва ли возможно/

[milax]

rash

А если после печати этого блока пользователь захочет распечатать всю страницу целиком?

Кажется, решил эту проблему.

Я "очистку" ставлю просто в очередь вот так:

window.setTimeout(pageCleaner, 0);

Таким образом класс для боди и лишний блок убьются сразу после того как выполнит свою работу print()

Таким вот нехитрым способом поставили в очередь

[s0rr0w]

Молодец