Jump to content
  • 0

Скрипт для печати выбранного checkbox

lukas1984

Asked by lukas1984,

 Share

Question

lukas1984 Explorer

lukas1984

Posted
Posted

Нужен скрипт, который позволит печатать определенный текст. 
Использовать отдельные таблицы стилей не подходит, т.к в форме, которую печатаем, есть checkbox. 
Я хочу передавать в печать только те checkbox, которые были выбраны, а так же выбранные option value

Может есть уже готовые скрипты, которые печатают определенный текст? 
Буду признательна за ссылки, которые смогут помочь. 

Link to comment
Share on other sites

30 answers to this question

Recommended Posts

  • 0
lukas1984 Explorer

lukas1984

Posted
  • Author
Posted

 Я всё не оставляю попыток сделать данный документ, и сейчас застопорился на том, что в браузере некоторый текст отображается некорректно... 

Что в коде не так ?

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Стили</title>
  <style type="text/css">
 
@media print {
    input[type=checkbox], input[type=checkbox]:not(:checked) + label, #print_doc {
        display: none;
    }
    select {
        border: none;
        background: none;
        -moz-appearance: window;
        -webkit-appearance: none;
    }
}
 
</style>
 
 
<body> 
<div><input id="print_doc" type="button" value="print" onclick="print();"/></div>
 
<table width="900" border="10"> 
<tr> 
<td colspan="10" style="background-color:#FFA500;"> 
<h2> <p align="center">В АСУП</p></h2> 
</td> 
</tr>
 
 
 
<tr> 
<td colspan="2" style="background-color:;"> 
 <p align="left">
<h>Разрешается</h> <select name="">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="5">item 5</option>
</select>
 
 
<script language="javascript" type="text/javascript"><!--
var d = new Date();
 
var month=new Array("января","февраля","марта","апреля","мая","июня",
"июля","августа","сентября","октября","ноября","декабря");
 
document.write(+" " +d.getDate()+ " " + month[d.getMonth()]
+ " " + d.getFullYear() + " г.");
//--></script>
 
 
 в 
 
 
<select name="">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="5">item 5</option>
</select>
 
 смену
 
<select name="">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="5">item 5</option>
</select>
</p>
 
 
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    2
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    3
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    2
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    3
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    2
</label>
 
 
 
<td style="background-color:#eeeeee; height:10px; width:200px; text-align:top;">
 
<br><br><br>
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    2
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    3
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    2
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    3
</label>
<br>
<input type="checkbox" id="check1"/>
<label for="check1">
    2
</label>
 
 
 
 
 
<div>
<select name="">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="5">item 5</option>
</select>
</div>
 
 
 
</body> 
</html>
Link to comment
Share on other sites
  • 0
lukas1984 Explorer

lukas1984

Posted
  • Author
Posted

 

 Я всё не оставляю попыток сделать данный документ, и сейчас застопорился на том, что в браузере некоторый текст отображается некорректно... 

Что в коде не так ?

 

Данный вопрос отпал, т.к. смог переделать, теперь в браузере отображается корректно.

Но так и не смог решить старую проблему - при выводе на печать checkbox отображается без сдвига....

Плиз, помогите решить данную проблему

 

catsjpg959_4285251_17736171.jpg

 

Вот код 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>В АСУП</title>
<style type="text/css">
 
@media print {
    input[type=checkbox], input[type=checkbox]:not(:checked) + label, #print_doc {
        display: none;
    }
    select {
        border: none;
        background: none;
        -moz-appearance: window;
        -webkit-appearance: none;
    }
}
 
</style>
</head>
<body>
<form action="handler.php">
<table width="1000" border="0" align="center" 
   cellpadding="4" cellspacing="0">
<tr> 
<td colspan="1" style="background-color:#FFA500;"> 
<h2> <p align="center">В АСУП</p></h2> 
</td> 
</tr>
<tr> 
<td colspan="2 style="background-color:;"> 
 <p align="left">
<h>Разрешается</h>
<select name="">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="5">item 5</option>
</select>
<script language="javascript" type="text/javascript"><!--
var d = new Date();
 
var month=new Array("января","февраля","марта","апреля","мая","июня",
"июля","августа","сентября","октября","ноября","декабря");
 
document.write(+" " +d.getDate()+ " " + month[d.getMonth()]
+ " " + d.getFullYear() + " г.");
//--></script>
  в 
<select name="">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="5">item 5</option>
</select>
смену
<table width="450" border="0" align="left" 
   cellpadding="4" cellspacing="0">
<tr> 
<td colspan="10" style="background-color:#FFA500;"> 
 <p align="left">
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label><Br>
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label><Br>
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label><Br>
</p> 
</td> 
</tr>
<table width="450" border="0" align="left" 
   cellpadding="4" cellspacing="1">
<tr> 
<td colspan="10" style="background-color:#FFA500;"> 
 <p align="left">
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label><Br>
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label><Br>
<input type="checkbox" id="check1"/>
<label for="check1">
    1
</label><Br>
</p> 
</td> 
</tr>
<tr> 
<td colspan="10" style="background-color:;"> 
 <p align="right"><select name="">
    <option value="1">item 1</option>
    <option value="2">item 2</option>
    <option value="3">item 3</option>
    <option value="4">item 4</option>
    <option value="5">item 5</option>
</select></p>
</td> 
</tr>
 </form>
</table>
<Br><Br><Br><Br><Br><Br><Br><Br>
 <p><div><input id="print_doc" type="button" value="print" onclick="print();"/></div></p>
</body>
</html>
Link to comment
Share on other sites
  • 0
lukas1984 Explorer

lukas1984

Posted
  • Author
Posted

Я всё таки смог написать код и теперь всё так, как я хотел.

Но в браузере отображается не так, как в редакторе.. Почему так ?

Думаю может проблема в DOCTYPE.. 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept