notepad printout

tpeck · 11-02-2010, 01:13 PM

Hi. I require a cross browser version of this code:

Code:

/*
for notepad printouts
*/
function printInput(f){
  var ifr = window.frames['printFrame'];
  if (ifr){ //print the content of the invisible iframe
     ifr.document.getElementById('content').innerHTML=f.WRKNOTEPAD.value.replace(/\n/g,'<br />');
     ifr.focus();
     ifr.print();
  }
  else { //print by opening a new window and then closing it
     var html='<html><head><style type="text/css">div{font:normal 14px Verdana}</style></head><body onload="window.print();window.close()"><div>'+f.WRKNOTEPAD.value.replace(/\n/g,'<br />');+'</div></body></html>'
     var win = window.open('','_blank','menubar,scrollbars,resizable');
     win.document.open();
     win.document.write(html);
     win.document.close();
  }
}

function writeContent(objIframe){
  var html='<html><head><style type="text/css">div{font:normal 14px Verdana}</style></head><body><div id="content"></div></body></html>'
  objIframe.document.write(html);
  objIframe.document.close();
}

Anyone up for it?

It prints the contents of a textarea.

If you need a demo in INTERNET EXPLORER (which works), please ask.

It fails in all the other crap browsers.

tpeck · 11-03-2010, 09:17 AM

It's extraordinary, but this post I made late last night is appearing automatically in another website!

Is there some leeching going on? It links back to this page!

Should I advise someone?

http://www.entrepreneur-univ.com/ans...pad-printout/#

Weird...

MattF · 11-03-2010, 07:17 PM

That site has been doing that trick for a few weeks at least. Noticed the same thing with a post I made the other week. It wasn't linking back to source then though. It was behaving as if the content was local.

Btw, are you sorted with the JS yet?

tpeck · 11-07-2010, 07:03 AM

Sorry Matt, I have been busy with other things. Weird site - it's not the only one either - here's another:

http://www.jqueryhome.com/crossbrows...-printout.html

As for the notepad script, it works in IE only. I might be being a bit harsh in the other browsers because from my investigations, it appears this might be a rare case of IE getting it right for once!

In FF, apart from the fact that it fails to load up the print dialog box, there is a problem in that the textarea box has to be expanded before all the textarea contents will print out (so I read). There is a routine I found which does just that, but it prints out the entire webpage - not just the textarea contents:

Code:

function printNodes()
{
  var taArray = document.getElementsByTagName('WRKNOTEPAD');
  for(count=0;count<taArray.length;count+=1)
  {
      taArray[count].style.height = 0;
      taArray[count].style.height = (taArray[count].scrollHeight+7) + "px";
  }
  window.print();
}

Please let me know if you wish to tackle making this crossbrowser!

MattF · 11-07-2010, 12:46 PM

Any chance of a link to a working example of a page which has the content you want to print? If you could PM me the link, I'll have a peek at it.

tpeck · 11-07-2010, 02:57 PM

This cut down page was working before (in IE) but for some reason I can't get it happening in IE either today.

http://aapress.com.au/02.basichints/lesson1/LESSON1try.html

In FF it is supposed to bring up a window first. Not today. I must have messed something. Grrr.

tpeck · 11-07-2010, 03:16 PM

My demo link works now - I had been fiddling about with the form name.

Basically, this works in IE and FF but not Chrome or Safari.