बटन क्लिक के साथ विशिष्ट HTML सामग्री कैसे मुद्रित करें

जब बटन क्लिक पर विशिष्ट HTML सामग्री मुद्रित करने की मांग की जाती है, तो मुद्रण से बचना महत्वपूर्ण है संपूर्ण वेबपेज. यहां एक व्यापक दृष्टिकोण है:

मीडिया क्वेरीज़ का लाभ उठाना

सीएसएस में प्रिंट के लिए मीडिया क्वेरी पर ज़ोर देना एक साफ़ समाधान है:

@media print {
  .noPrint {
    display: none;
  }
}

प्रिंट करते समय यह "नोप्रिंट" वर्ग वाले तत्वों को छुपाता है।

सीएसएस चयनकर्ता लागू करना

उन तत्वों को नामित करें जिन्हें आप विशिष्ट सीएसएस के साथ प्रिंट करना चाहते हैं चयनकर्ता, जैसे:

  print me


  no print

बटन क्लिक इवेंट लागू करना

प्रिंटिंग शुरू करने के लिए अपने बटन पर एक क्लिक इवेंट संलग्न करें:

  Print Me

लाभ

यह विधि मुद्रण के दौरान अप्रासंगिक तत्वों को प्रभावी ढंग से छुपाती है, स्पष्टता बनाए रखती है और अव्यवस्था से बचाती है। यह उपयोगकर्ता अनुभव को बेहतर बनाते हुए, स्क्रीन देखने के लिए वेबसाइट की उपस्थिति को भी बनाए रखता है।