2️⃣ document.getElementById(divId) → उस DIV को ढूँढता है जिसकी ID आपने दी है।
//
3️⃣ .innerHTML → उस DIV के अंदर का HTML (text + tags) ले लेता है।
//
4️⃣ printContent variable में print होने वाला content स्टोर हो जाता है।
var myWindow = window.open("", "PrintWindow", "width=800,height=600");
//
5️⃣ window.open() → एक नई temporary popup window खुलती है।
// पहला "" → खाली URL
// दूसरा "PrintWindow" → window का नाम
// width=800,height=600 → popup size
// इस window में हम सिर्फ print area डालेंगे।
myWindow.document.write(`
Print
${printContent}
`);
//
6️⃣ myWindow.document.write() → नई window में HTML लिखता है।
//
7️⃣ पूरे HTML structure में ${printContent} print area content को body में डालता है।
// इसका मतलब नई window में सिर्फ वही area होगा जिसे print करना है।
myWindow.document.close();
//
8️⃣ document.close() → बताता है कि HTML लिखना पूरा हो गया है।
// अब browser इसे render करेगा।
myWindow.focus();
//
9️⃣ focus() → नई window को active बनाता है।
// ताकि print dialog उसी window पर खुले।
myWindow.print();
//
🔟 print() → ब्राउज़र का print dialog खोल देता है।
// अब user केवल उसी content को print करेगा जो नई window में है।
myWindow.close();
//
1️⃣1️⃣ print command के ठीक बाद popup window बंद कर देता है।
// यह clean-up के लिए किया जाता है।
}

0 Comments