Jump to content

lukas1984

Newbie
 View Profile  See their activity

  • Posts

    18

  • Joined

  • Last visited

 Content Type 

Everything posted by lukas1984

  1. lukas1984
    Разобрался и с этим - вставил charset=windows-1251 вместо charset=UTF-8 и всё заработало. Наконец то сообща получилось написать код! Спасибо за помощь
  2. lukas1984
    Я всё таки смог написать код и теперь всё так, как я хотел. Но в браузере отображается не так, как в редакторе.. Почему так ? Думаю может проблема в DOCTYPE.. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html dir="ltr" xmlns:dev="http://schemas.microsoft.com/maml/dev/2004/10">
  3. lukas1984
    Данный вопрос отпал, т.к. смог переделать, теперь в браузере отображается корректно. Но так и не смог решить старую проблему - при выводе на печать checkbox отображается без сдвига.... Плиз, помогите решить данную проблему Вот код <!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>
  4. lukas1984
    Я всё не оставляю попыток сделать данный документ, и сейчас застопорился на том, что в браузере некоторый текст отображается некорректно... Что в коде не так ? <!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>
  5. lukas1984
    Вот два примера
  6. lukas1984
    Сейчас только заметил, что данный код отображается в html редакторе нормально, а в IE совсем не так....
  7. lukas1984
    левые колонки разбиты на три части по должностям, а правые колонки - там будут прописаны причины для раннего выезда/позднего спуска/отметки на поверхности
  8. lukas1984
    Я бы с удовольствием написал лучше, но моих знаний не хватает на более оптимальный код. При этом хотелось бы познать тонкости кода, что бы далее писать самому документы по надобности. Ведь это не вёрстка сайта и мне кажется, что вполне можно научиться писать такие документы. Если у вас есть желание и возможность, то я буду рад вашей помощи
  9. lukas1984
    <head> <meta charset="utf-8"> <title>checked</title> <style> @media screen {input[type=checkbox]:not(:checked) { }} @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> <table width="900" border="0"> <tr> <td colspan="2" style="background-color:#FFA500;"> <h2><p align="center">В АСУП</p></h2> </td> </tr> <tr> <td colspan="2" style="background-color:;"> <h>Разрешается <select name="menu" size="1"><option selected>ранний выезд</option><option value>поздний спуск</option><option value>отметка на поверхности</option></select></form> <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="menu" size="1"><option selected="first">I</option><option value>II</option><option value>III</option><option value>IV</option></select></form> смену <select name="menu" size="1"><option value="first">зам.нач.уч-ка Нагайников Б.Н.</option><option>и.о.зам.нач.уч-ка Овчарик Б.И.</option><option>и.о.пом.нач.уч-ка Чеботарёв Е.Г.</option><option>и.о.пом.нач.уч-ка Горожанкин А.С.</option></select></form></h> </td> </tr> <tr valign="top"> <td style="background-color:#FFD700; width:150px; text-align:top;"> <form name="travel" action="http://ab-w.net/info.php"method="get"></p> <input type="checkbox" id="check"><label for="check"> Овчарик Б.И.</label><br> </label><input type="checkbox" id="check"><label for="check"> Горожанкин А.С.</label><br><input type="checkbox" id="check"><label for="check"> Чеботарёв Е.Г.</label><br><input type="checkbox" id="check"><label for="check"> Васалатьев А.В.</label><br> </form> </td> <td style="background-color:#eeeeee; height:90px; width:400px; text-align:top;"> <input type="checkbox" id="check"><label for="check"> 123</label><br><input type="checkbox" id="check"><label for="check"> 123</label><br><input type="checkbox" id="check"><label for="check"> 123</label><br></form> <tr valign="top"> <td style="background-color:#00ff58; width:150px; text-align:top;"> <form name="travel" action="http://ab-w.net/info.php"method="get"></p> <input type="checkbox" id="check"><label for="check"> Лукинов Р.Е.</label><br><input type="checkbox" id="check"><label for="check"> Нищета Д.А.</label><br> </form> </td> <td style="background-color:#eeeeee; height:50px; width:400px; text-align:top;"> <input type="checkbox" id="check"><label for="check"> 123</label><br><input type="checkbox" id="check"><label for="check"> 123</label><br> <tr valign="top"> <td style="background-color:#00ff58; height:350px; width:150px; text-align:top;"> <form name="travel" action="http://ab-w.net/info.php"method="get"></p> <input type="checkbox" id="check"><label for="check"> Лукоянов Е.В.</label><br><input type="checkbox" id="check"><label for="check"> Горожанкин Ф.С.</label><br><input type="checkbox" id="check"><label for="check"> Филонов Ю.В.</label><br><input type="checkbox" id="check"><label for="check"> Лукинов Р.Е.</label><br><input type="checkbox" id="check"><label for="check"> Салов В.А.</label><br><input type="checkbox" id="check"><label for="check"> Курипка В.В.</label><br><input type="checkbox" id="check"><label for="check"> Сизько Р.Г.</label><br><input type="checkbox" id="check"><label for="check"> Мальцев О.Ю.</label><br><input type="checkbox" id="check"><label for="check"> Нищета Д.А.</label><br><input type="checkbox" id="check"><label for="check"> Лимаренко А.А.</label><br><input type="checkbox" id="check"><label for="check"> Сороковой А.А.</label><br><input type="checkbox" id="check"><label for="check"> Ванжа Ю.В.</label><br><input type="checkbox" id="check"><label for="check"> Коваль О.А.</label><br><input type="checkbox" id="check"><label for="check"> Яковлев А.С.</label><br><input type="checkbox" id="check"><label for="check"> Тараненко В.В.</label><br><input type="checkbox" id="check"><label for="check"> Лимаренко А.Н.</label><br> </form></td> <td style="background-color:#eeeeee; height:50px; width:400px; text-align:top;"> <input type="checkbox" id="check"><label for="check"> 123</label><br><input type="checkbox" id="check"><label for="check"> 123</label><br><input type="checkbox" id="check"><label for="check"> 123</label><br><input type="checkbox" id="check"><label for="check"> 123</label><br>
  10. lukas1984
    Спасибо. Только checkbox при выводе на печать отображается без сдвига....
  11. lukas1984
    Так? http://jsfiddle.net/bv5mvebp/6/ Это конечно отлично, но тогда придёться менять весь шаблон документа.... А можно тоже самое, но уже для select ?
  12. lukas1984
    Спасибо, теперь получилось. Но всё же checkbox и selected при печати видны, как квадрат с галочкой и прямоугольная рамка со словом соответственно. Хотелось бы, что не было видно на печати ни рамки selected, ни квадратика с галочкой checkbox. Это возможно ?
  13. lukas1984
    1.У меня получилось, что бы на печать показывались только выбранные checkbox, но при этом показываются остальные name всех checkbox. Как это устранить ? 2.И при выводе на печать мне надо, что бы checkbox с галочкой не был виден, только лишь выбранный текст. Как быть с этим ? <head> <meta charset="utf-8"> <title>checked</title> <style> @media screen {input[type=checkbox]:not(:checked) { }} @media print { input[type=checkbox]:not(:checked) { display: none; }} </style> </head> <body> <table width="900" border="0"> <tr> <td colspan="2" style="background-color:#FFA500;"> <h2><p align="center">В АСУП</p></h2> </td> </tr> <tr> <td colspan="2" style="background-color:;"> <h>Разрешается <select name="menu" size="1"><option selected="first">на поверхности</option><option value="selected" value="second">ранний выезд</option><option value="third">поздний спуск</option><option value="fourth">Четвертая позиция</option></select></form> <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="menu" size="1"><option selected="first">I</option><option value="selected" value="second">II</option><option value="third">III</option><option value="fourth">IV</option></select></form> смену <select name="menu" size="1"><option value="first">нач. уч-ка</option><option selected="selected" value="second">зам. нач. уч-ка</option><option value="third">пом. нач. уч-ка</option><option value="fourth">пом. нач. уч-ка</option></select></form></h> </td> </tr> <tr valign="top"> <td style="background-color:#FFD700; width:150px; text-align:top;"> <form name="travel" action="http://ab-w.net/info.php"method="get"></p> 617 </a><input type="checkbox" name="transport" value="airplane" /> Иванов<br /> 718 <input type="checkbox" name="transport" value="train" /> Петров<br /> 816 <input type="checkbox" name="transport" value="car" /> Сидоров<br /> 1718 <input type="checkbox" name="transport" value="train" /> Петров<br /> 1816 <input type="checkbox" name="transport" value="car" /> Сидоров<br /> 2718 <input type="checkbox" name="transport" value="train" /> Петров<br /> 2816 <input type="checkbox" name="transport" value="car" /> Сидоров<br /> 3816 <input type="checkbox" name="transport" value="car" /> Сидоров<br /> </form> </td> <td style="background-color:#eeeeee; height:200px; width:400px; text-align:top;"> <input type="checkbox" name="transport" value="airplane" /> Самолет<br /> <input type="checkbox" name="transport" value="train" /> Поезд<br /> <input type="checkbox" name="transport" value="car" /> Автомобиль<br /> <input type="checkbox" name="transport" value="bus" /> Автобус<br /> <input type="checkbox" name="transport" value="airplane" /> Самолет<br /> <input type="checkbox" name="transport" value="train" /> Поезд<br /> <input type="checkbox" name="transport" value="car" /> Автомобиль<br /> <input type="checkbox" name="transport" value="bus" /> Автобус<br /> </form>Здесь идет содержание</td> </tr> <FORM><INPUT NAME="print" TYPE="button" VALUE=" Печать страницы " ONCLICK="varitext()"><SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction varitext(text){text=documentprint(text)}// End --></SCRIPT></FORM> </body> </html>
  14. lukas1984
    Об этом я читал уже, но не получается правильно прописать код.. Застопорился на checkbox и select, неделю мучаюсь...
  15. lukas1984
    но ведь @media позволяет лишь менять стиль документа или скрывать что-то... @media это хорошо, но я не пойму, как с помощью этой функции сделать, так что бы на печать выводились лишь выбранные пользователем checkbox... или может есть у @media команда определённая для этого ?
  16. lukas1984
    А можно подробнее для начинающего чайника ? HTML: <iframe id="myIframe" style="display: none"></iframe> JS: window.onload = function(){ function PrintText(text) { Popup(text); } function Popup(data) { var iframe = document.getElementById('myIframe'); iframeDoc = (iframe.contentWindow) ? iframe.contentWindow : (iframe.contentDocument.document) ? iframe.contentDocument.document : iframe.contentDocument; iframeDoc.document.write('<html><head><title>my div</title>'); iframeDoc.document.write('</head><body >'); iframeDoc.document.write(data); iframeDoc.document.write('</body></html>'); iframeDoc.print(); return true; }};Далее просто вызываете PrintText, передавая ему ваш HTML код. Вот такой я документ пытаюсь создать в html, но для печати мне надо ,что бы выводились на печать только выбранные данные. JS мне надо вставить, как внешний скрипт ? <html> <body> <table width="900" border="0"> <tr> <td colspan="2" style="background-color:#FFA500;"> <h2><p align="center">В АСУП</p></h2> </td> </tr> <tr> <td colspan="2" style="background-color:;"> <h>Разрешается <select name="menu" size="1"><option selected="first">на поверхности</option><option value="selected" value="second">ранний выезд</option><option value="third">поздний спуск</option><option value="fourth">Четвертая позиция</option></select></form> <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="menu" size="1"><option selected="first">I</option><option value="selected" value="second">II</option><option value="third">III</option><option value="fourth">IV</option></select></form> смену <select name="menu" size="1"><option value="first">нач. уч-ка</option><option selected="selected" value="second">зам. нач. уч-ка</option><option value="third">пом. нач. уч-ка</option><option value="fourth">пом. нач. уч-ка</option></select></form></h> </td> </tr> <tr valign="top"> <td style="background-color:#FFD700; width:150px; text-align:top;"> <form name="travel" action="http://ab-w.net/info.php"method="get"></p> 617 </a><input type="checkbox" name="transport" value="airplane" /> Самолет<br /> 718 <input type="checkbox" name="transport" value="train" /> Поезд<br /> 816 <input type="checkbox" name="transport" value="car" /> Автомобиль<br /> 985 <input type="checkbox" name="transport" value="bus" /> Автобус<br /> 1023<input type="checkbox" name="transport" value="airplane" /> Самолет<br /> 1156<input type="checkbox" name="transport" value="train" /> Поезд<br /> 1256<input type="checkbox" name="transport" value="car" /> Автомобиль<br /> 1458<input type="checkbox" name="transport" value="bus" /> Автобус<br /> </form> </td> <td style="background-color:#eeeeee; height:200px; width:400px; text-align:top;"> <input type="checkbox" name="transport" value="airplane" /> Самолет<br /> <input type="checkbox" name="transport" value="train" /> Поезд<br /> <input type="checkbox" name="transport" value="car" /> Автомобиль<br /> <input type="checkbox" name="transport" value="bus" /> Автобус<br /> <input type="checkbox" name="transport" value="airplane" /> Самолет<br /> <input type="checkbox" name="transport" value="train" /> Поезд<br /> <input type="checkbox" name="transport" value="car" /> Автомобиль<br /> <input type="checkbox" name="transport" value="bus" /> Автобус<br /> </form>Здесь идет содержание</td> </tr> <FORM><INPUT NAME="print" TYPE="button" VALUE=" Печать страницы " ONCLICK="varitext()"><SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction varitext(text){text=documentprint(text)}// End --></SCRIPT></FORM> </body> </html>
  17. lukas1984
    А можно подробнее для начинающего чайника ?
  18. lukas1984
    Нужен скрипт, который позволит печатать определенный текст. Использовать отдельные таблицы стилей не подходит, т.к в форме, которую печатаем, есть checkbox. Я хочу передавать в печать только те checkbox, которые были выбраны, а так же выбранные option value Может есть уже готовые скрипты, которые печатают определенный текст? Буду признательна за ссылки, которые смогут помочь.
×
×
  • 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