PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Сделать "распечатку"

Форумы портала PHP.SU » Клиентская разработка » JavaScript & VBScript (Модератор: armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

ПТО	Отправлено: 27 Декабря, 2013 - 10:23:47
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	Что нужно: при клике на .printButton страничка (первые дочерние элементы <body>) скрывается. Затем нужный элемент выносится в <body> - поэтому он единственный, который отображается. Больше ничего не нужно. Что есть: CODE (javascript): скопировать код в буфер обмена $('.printButton').live('click', function() { print($(this).attr('print')); return false; }); function print(elem) { $('body').children().each(function() { $(this).css('display', 'none'); }); $('body').append($('#' + elem)); $(document).on('click.myClick', function() { $(document).off('click.myClick'); $('body').remove($('#' + elem)); $('body').children().each(function() { $(this).css('display', ''); }); }); } Что не получается: Элемент исчезает (remove). Хотелось бы чтобы когда $('body').append($('#' + elem)); - создавалась копия, и она добавлялась к body (возможно с class="temporary"), и потом по этому классу remove. А изначальный dom-элемент оставался на своем месте. 1) Что надо подправить? 2) Есть ли другие простые способы реализации "распечатки"?

Deonis	Отправлено: 27 Декабря, 2013 - 10:34:36
Посетитель Покинул форум Сообщений всего: 298 Дата рег-ции: Нояб. 2009 Помог: 14 раз(а)	ПТО пишет: 1) Что надо подправить? Для начала - забыть про метод live(), тем более, что вы уже начали применять on(). ПТО пишет: 2) Есть ли другие простые способы реализации "распечатки"? Хотелось бы понять саму суть манипуляций. Тогда и решение найдется быстро. Вы хотите оставлять только определенный блок для вывода его на печать?

ПТО	Отправлено: 27 Декабря, 2013 - 10:38:01
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	1) Про live я в курсе. Не суть 2) Deonis пишет: Вы хотите оставлять только определенный блок для вывода его на печать Да.. В принципе, по коду прослеживается. При повторном клике в любом месте - все возвращается как было (для этого и есть off) (Отредактировано автором: 27 Декабря, 2013 - 10:40:03)

Deonis	Отправлено: 27 Декабря, 2013 - 10:51:50
Посетитель Покинул форум Сообщений всего: 298 Дата рег-ции: Нояб. 2009 Помог: 14 раз(а)	ПТО пишет: При повторном клике в любом месте - все возвращается как было Смотрите такой вариант. (Отредактировано автором: 27 Декабря, 2013 - 10:52:48)

ПТО	Отправлено: 27 Декабря, 2013 - 12:01:53
Посетитель Покинул форум Сообщений всего: 395 Дата рег-ции: Янв. 2012 Помог: 3 раз(а)	Deonis, спасибо! Но я считаю, что stopImmediatePropagation - чем дальше в лес тем больше дров Остановился на таком варианте: CODE (javascript): скопировать код в буфер обмена $(document).on('click', '.printButton', function() { print($(this).attr('print')); return false; }); function print(elem) { var html = document.getElementsByTagName('html')[0]; var body = document.getElementsByTagName('body')[0]; var children = body.childNodes; for (var i = 0; i < children.length; i++) { children[i].style ? children[i].style.display = 'none' : null; } var printElem = document.getElementById(elem); var temporary = printElem.cloneNode(true); var printButton = temporary.getElementsByClassName('printButton')[0]; printButton ? printButton.parentNode.removeChild(printButton) : null; body.appendChild(temporary); body.style.height = 'auto'; body.style.width = 'auto'; html.style.background = 'white'; $(document).on('click.myClick', function() { $(document).off('click.myClick'); temporary.parentNode.removeChild(temporary); for (var i = 0; i < children.length; i++) { children[i].style ? children[i].style.display = '' : null; } body.style.height = ''; body.style.width = ''; html.style.background = ''; }); } Единственное, меня смущает "порядочность" использования тернарного оператора "?" для выполнения скрипта, и заглушки в виде "null"

KingStar	Отправлено: 27 Декабря, 2013 - 14:45:13
Участник Покинул форум Сообщений всего: 1889 Дата рег-ции: Авг. 2011 Откуда: Беларусь Помог: 69 раз(а)	2) Есть ли другие простые способы реализации "распечатки"? создаешь файл стилей print.css вида CODE (htmlphp): скопировать код в буфер обмена #header { display: none !important; } на требуемые спрятать блоки и подружаешь к странице ----- То что программа работает, не означает что она написана правильно!

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« JavaScript & VBScript »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.