How to print contents of InfoWindow/Popup?

Question

What's the easiest way to print the contents of an InfoWindow or Popup?  I would think that ESRI would add a "print" link as an option (similar to the "Zoom to" link that's provided in the Popup). Am I missing something easy or do I have to code this myself somehow?

Thanks!

RyanBohan · Answer

Does anyone know the 4x equivalent for this code?  It looks like what I need to grab the pop-up contains and populate a new page for printing

function printPopupContents(){
      var feature = map.infoWindow.getSelectedFeature();
      var popupContent = feature.getContent();

//write contents to new page for printing
      var newWindow = window.open("", "PopupContents");
      console.log(popupContent);
      newWindow.document.write(popupContent);

JoanSteinbacher · Answer

Kelly, Thanks for the reply and code. It was a big help. I copied it into my app (based on the Basic Viewer template), but for some reason your "printPopupContents" function didn't work for me. I got the following in Firebug: [INDENT]-->inside printPopupContents popupContent: [object HTMLDivElement]

[/INDENT] The browser window that opened showed: [INDENT][object HTMLDivElement][/INDENT] Not sure what's happening there... But, I created my own "printPopupContents" function and used the class attribute to query the dom element (the table inside the popup). Clunkier than your code but it seems to work fine. Here's my function, maybe it helps someone else. function printPopupContents(){ console.log("-->inside printPopupContents"); var popupTable = dojo.query(".attrTable"); console.log("popupTable.length: " + popupTable.length); console.log("popupTable[0].innerHTML: " + popupTable[0].innerHTML); popupTableContent = "" + popupTable[0].innerHTML + "

"; popupContent = 'Rezoning Print Window'; /*optional stylesheet*/ //popupContent += ' '; popupContent +=''; popupContent += popupTableContent popupContent +='

'; popupContent += configOptions.owner; popupContent +='

'; popupContent +=''; //write contents to new page for printing var newWindow = window.open("", "PopupContents"); console.log(popupContent); newWindow.document.write(popupContent); }

AlexGilvarry · Answer

It'd be really helpful if the print option captured popup windows. We used to use the Flex API and it had that capability, so everyone is used to having that available.