Element Design » javascript http://elementdesignllc.com Tue, 31 Jan 2012 18:58:20 +0000 en hourly 1 Print a Webpage Bypassing the Print Settings Dialog http://elementdesignllc.com/2011/01/print-a-webpage-bypassing-the-print-settings-dialog/ http://elementdesignllc.com/2011/01/print-a-webpage-bypassing-the-print-settings-dialog/#comments Tue, 04 Jan 2011 18:47:55 +0000 chad http://elementdesignllc.com/?p=797 When developing software for intranets or kiosk-like applications, a critical feature is automatically printing documents for specific tasks (i.e., printing a reciept when a sale is completed). Windows environments can use Printer Functions provided by PHP, however for Linux environments a different solution is needed.

If the application is in a controlled environment, and the easiest solution is a combination of JavaScript and a Firefox extension called JSPrintSetup.

JSPrintSetup creates a robust collection of controls through JavaScript variables. For example, printing the current page is as simple as:

<script type="text/javascript">
   // set the printer (based on your printer name)
   jsPrintSetup.setPrinter('hp psc 1310 series');

   // sets silent printing (skip the print settings dialog box)
   jsPrintSetup.setSilentPrint(true);

   // print the page
   jsPrintSetup.print();
</script>

As long as the webpage is viewed in Firefox with the JSPrintSetup extension installed, the page will print, skipping the print settings dialog box. For a full list of available options, visit the JSPrintSetup website.

]]> http://elementdesignllc.com/2011/01/print-a-webpage-bypassing-the-print-settings-dialog/feed/ 0 CKEditor ReplaceAll Config http://elementdesignllc.com/2009/12/ckeditor-replaceall-config/ http://elementdesignllc.com/2009/12/ckeditor-replaceall-config/#comments Thu, 10 Dec 2009 21:12:03 +0000 chad http://elementdesignllc.com/?p=429 To place configuration values into the ReplaceAll command for CKEditor, use the following format:

CKEDITOR.replaceAll(function( textarea, config ){
   config.toolbar_Full =
      [
        ['Source','-','Save','NewPage','Preview','-','Templates'],
        ['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print', 'SpellChecker', 'Scayt'],
        ['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],
        ['Form', 'Checkbox', 'Radio', 'TextField', 'Textarea', 'Select', 'Button', 'ImageButton', 'HiddenField'],
        '/',
        ['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
        ['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],
        ['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],
        ['Link','Unlink','Anchor'],
        ['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
        '/',
        ['Styles','Format','Font','FontSize'],
        ['TextColor','BGColor'],
        ['Maximize', 'ShowBlocks','-','About']
     ];
});

For more configuration options, visit CKEditor’s Developer Documentation. ]]> http://elementdesignllc.com/2009/12/ckeditor-replaceall-config/feed/ 0