Szükséged lesz a gomb CSS kódjára, így az is töltsd fel. A script-ben csak a fejléc nevét kell átírni. Végülis pedig be kell másolni azt ahova a gombot be akarod tenni! Az én esetemben persze ez, egy szimpla modul így nem ez fog a nyomtatás gombra kattintva a nyomtató felületen megjelenni.
DEMO:
GOMB:
<input class="myButton" name="btnprint" onclick="PrintMe('modbody')" type="button" value="" />
SCRIPT:
</script><script language="javascript">
function PrintMe(DivID) {
var disp_setting="toolbar=yes,location=no,";
disp_setting+="directories=yes,menubar=yes,";
disp_setting+="scrollbars=yes,width=650, height=600, left=100, top=25";
var content_vlue = document.getElementsByClassName(DivID)[0].innerHTML;
var docprint=window.open("","",disp_setting);
docprint.document.open();
docprint.document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"');
docprint.document.write('"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">');
docprint.document.write('<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">');
docprint.document.write('<head><title>ScriptBase</title>'); /*itt írhatod át a nyomtatás fejlécét*/
docprint.document.write('<style type="text/css">body{ margin:0px;');
docprint.document.write('font-family:verdana,Arial;color:#000;');
docprint.document.write('font-family:Verdana, Geneva, sans-serif; font-size:12px;}');
docprint.document.write('a{color:#000;text-decoration:none;} </style>');
docprint.document.write('</head><body onLoad="self.print()"><center>');
docprint.document.write(content_vlue);
docprint.document.write('</center></body></html>');
docprint.document.close();
docprint.focus();
}
</script>
CSS:
<style type="text/css">
/*nyomtatás gomb css*/
.myButton {
background:url(//scriptbase.gportal.hu/portal/scriptbase/image/gallery/1391241706_91.png) no-repeat; /*ide kerül a gomb hátterének url címe*/
cursor:pointer;
width: 75px; /*a gomb hátterének szélessége*/
height: 75px; /*a gomb hátterének magassága*/
border: none;
}
--></style>
A kódokért felelősséget nem vállaok! Mindenki saját felelősségére használja!
| 
AJÁNLOM AZ OLDALT
Friss bejegyzések
Archívum
