[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Проблемы с печатью со страницы
lipgrad
Доброе время суток уважаемые форумчане, сразу скажу я слабенький программер, на что меня хватает это на переделывание уже имеющего. Вопрос в следующем: Есть проблема в отправке на печать определенной информации со страницы сайта (http://www.domkovka.ru/cal_raspil.php)

Внизу страницы есть кнопка "распечатать", при нажатие на нее выпадает симпатичная таблица, которая как бы подводит итоги всей работы калькулятора, но вот нажав в таблице распечатать, в привью печати выкатывает вся страница и без стилей к тому же. А мне хотелось, чтобы на печать можно было бы отправить только именно эту таблицу, а еще чтобы эту форму можно было бы как бы отправить администратору сайта.

Вот добродушно прошу помочь мне разобраться. Объяснить на словах наверное не смог, по ссылке выше зайдите и попробуйте нажать распечатать. На сам сайт не смотрите, он к калькулятору не имеет никакого отношения), это я просто на нем тренируюсь)
lipgrad
function dsp_print(){
var $pattern = '<div class="title">Форма распила</div>'+
'<div class="separator"></div>';
var $i = 1;
$('.dsp_wrapper .block').each(function(){
var $block_id = '#' + $(this).attr('id');
$block_pattern = '<div class="group"><div class="number">'+ $i +'</div><div class="color_1">Цвет ЛДСП: ' +
$($block_id + ' .dsp_color_name_holder .sbSelector').html() + '<br />Толщина: ' + $($block_id + ' .dsp_thickness_holder .sbSelector').html() +
' мм </div><div class="color_2">Цвет кромки (2 мм): ' + $($block_id + ' .dsp_color_name_holder_2 .sbSelector').html() +
'<br />Цвет кромки (0,4 мм): ' + $($block_id + ' .dsp_color_name_holder_3 .sbSelector').html() + '</div></div>' +
'<table><tr><th>Длина</th><th>Ширина</th><th colspan="2">Кромка (длина)</th><th colspan="2">Кромка (длина)</th><th>Эскизы</th><th>Кол-во</th><th>Стоимость</th> ; ;</tr>';

$($block_id + ' .dsp_size_item').each(function(){
var $item_id = '#' + $(this).attr('id');
var $item_pattern = '<tr><td>' + $($item_id + ' .Ldsp').val() + '</td><td>' + $($item_id + ' .Wdsp').val() + '</td><td>' +
$($item_id + ' .edge_holder_1 .sbSelector').html() + '</td><td>' + $($item_id + ' .edge_holder_2 .sbSelector').html() + '</td><td>' +
$($item_id + ' .edge_holder_3 .sbSelector').html() + '</td><td>' + $($item_id + ' .edge_holder_4 .sbSelector').html() + '</td><td>';
var $modal_id = '#sketch_' + $(this).attr('id');
if ($($modal_id + ' .item_1.angles select').val()!= 0){
$item_pattern += '<p>Радиус 50-400 мм: ' + $($modal_id + ' .item_1.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_2.angles select').val()!= 0){
$item_pattern += '<p>Радиус 450-1000 мм: ' + $($modal_id + ' .item_2.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_3.angles select').val()!= 0){
$item_pattern += '<p>Прямоугольный выпил: ' + $($modal_id + ' .item_3.angles select').val() + ' шт.</p>';
}
if ($($modal_id + ' .milling .select_1 select').val()!== 'Нет'){
$item_pattern += '<p>Фрезеровка длина: ' + $($modal_id + ' .milling .select_1 select').val() + '</p>';
}
if ($($modal_id + ' .milling .select_2 select').val()!== 'Нет'){
$item_pattern += '<p>Фрезеровка ширина: ' + $($modal_id + ' .milling .select_2 select').val() + '</p>';
}
if ($($modal_id + ' .item_4.milling select').val()!= 0){
$item_pattern += '<p>Криволинейный пил: ' + $($modal_id + ' .item_4.milling select').val() + ' шт.</p>';
}
if ($($modal_id + ' .item_5.milling select').val()!= 0){
$item_pattern += '<p>Наклонный пил: ' + $($modal_id + ' .item_5.milling select').val() + ' шт.</p>';
}
$item_pattern += '</td><td>' + $($item_id + ' .Qdsp').val() + '</td><td>' + $($item_id + ' .cost_wrapper').html() + '</td></tr>';
$block_pattern += $item_pattern;
});
$block_pattern += '</table><div class="separator"></div>';
$pattern += $block_pattern;
$i++;
});

$pattern += '<div class="group"><div class="orgalit"><div class="title">ДВПо</div><table>' +
'<tr><th>Цвет</th><th>Длина</th><th>Ширина</th><th& g t;Кол-во</th><th>Пр. выпилы</th><th>Стоимость</th></tr>';

$('.orgalit_wrapper .orgalit_item').each(function(){
var $item_id = '#' + $(this).attr('id');
var $item_pattern = '<tr><td>' + $($item_id + ' .orgalit_color_holder .sbSelector').html() + '</td><td>' +
$($item_id + ' .item_1 input').val() + '</td><td>' + $($item_id + ' .item_2 input').val() + '</td><td>' +
$($item_id + ' .item_3 input').val() + '</td><td>' + $($item_id + ' .drank_wrapper .sbSelector').html() + '</td><td>' +
$($item_id + ' .item_cost span').html() + '</td></tr>'
$pattern += $item_pattern;
});
$pattern += '</table></div><div class="milling"><div class="title">Присадка</div>' +
'<p>От 1 до 10 мм: ' + $('.additive_wrapper .input_wrapper_1.item_1 input').val() +
' шт.</p><p>От 11 до 20 мм: ' + $('.additive_wrapper .input_wrapper_1.item_2 input').val() +
' шт</p><p>От 21 до 35 мм: ' + $('.additive_wrapper .input_wrapper_1.item_3 input').val() + ' шт.</p></div></div>' +
'<div class="additional">';
if ($('.tab_1 .additional_services_wrapper .option_1 input').is(':checked')){
$pattern += '<p>Упаковка: ' + $('.tab_1 .additional_services_wrapper .option_1 .item_2').html() + ' м.кв. Ч ' +
$Ppack + ' = ' + $('.tab_1 .additional_services_wrapper .option_1 .item_4').html() + ' р.</p>';
}
if ($('.tab_1 .additional_services_wrapper .option_2 input').is(':checked')){
$pattern += '<p>Погрузка: ' + $('.tab_1 .additional_services_wrapper .option_2 .item_2').html() +
' м.кв. Ч ' + $Pload + ' = '
+ $('.tab_1 .additional_services_wrapper .option_2 .item_4').html() + ' р.</p>';
}
if ($('.tab_1 .additional_services_wrapper .option_3 input').is(':checked')){
$pattern += '<p>Доставка: ' + $Pdel +' р.</p>';
}
$pattern += '</div><div class="title modal_total">Итого: <span> ' + $('.dsp_total_wrapper .order_total_cost span').html().replace(/(\d{1,3})(?=(?:\d{3})+$)/g, '$1 ') +' руб. </span> </div>';

$pattern2 = $pattern.replace(/<div class="title">Форма распила<\/div>/g, 'Распил ЛДСП<br />');
$pattern2 = $pattern2.replace(/<div class="number">/g, '<br /><div class="number">ЛДСП №');
$pattern2 = $pattern2.replace(/ДВПо/g, '<br />ДВПо');
$pattern2 = $pattern2.replace(/Присадка/g, '<br />Присадка');
$pattern2 = $pattern2.replace(/>/g, '>');
$pattern2 = $pattern2.replace(/</g, '<');
$('#send_order_text').val($pattern2);

$pattern += '<input type="button" class="button" value="Печатать" onclick="window.print();"/><a href="#" class="close"></a>';
$('#print .modal_wrap').html($pattern);
$('#print a.close').click(function(){
close_form('print');
return false;
}
}

Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.