Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript का उपयोग करके पॉपअप विंडो को स्क्रीन पर केंद्रित कैसे करें?


पॉपअप को केंद्रित करने का फॉर्मूला

स्क्रीन पर पॉपअप विंडो को केंद्रित करने के लिए, आप निम्नलिखित कोड चलाने का प्रयास कर सकते हैं:

उदाहरण

<!DOCTYPE html> <html> 
  <body> 
    <script> 
      function myPopup(myURL, title, myWidth, myHeight) { 
        var left = (screen.width - myWidth) / 2; 
        var top = (screen.height - myHeight) / 4; 
        var myWindow = window.open(myURL, title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + myWidth + ', height=' + myHeight + ', top=' + top + ', left=' + left); 
      } 
    </script> 
    <button onclick=" myPopup ('https://www.qries.com', 'web', 1050, 550);">Open Qries.com</button> 
  </body> 
</html>
  1. ट्किंटर में grid() का उपयोग करके विजेट को हॉरिजॉन्टली सेंटर कैसे करें? ट्किंटर में grid() का उपयोग करके विजेट को हॉरिजॉन्टली सेंटर कैसे करें?

    जैसा कि नाम से पता चलता है, ग्रिड रो और कॉलम का एक सेट है। ट्किंटर ग्रिड मैनेजर इसी तरह काम करता है; यह विजेट को 2-डायमेंशनल प्लेन में रखता है ताकि डिवाइस को इसकी पोजीशन के माध्यम से वर्टिकली और हॉरिजॉन्टली अलाइन किया जा सके। आइए एक उदाहरण पर विचार करें जहां हम विंडो को रिसाइज़ करते समय विजेट को वि

  1. Tkinter में विंडो को स्क्रीन के सेंटर में कैसे रखें? Tkinter में विंडो को स्क्रीन के सेंटर में कैसे रखें?

    Tkinter विंडो को स्क्रीन के सेंटर में रखने के लिए, हम PlaceWindow मेथड का उपयोग कर सकते हैं जिसमें हम toplevel विंडो को आर्गुमेंट के रूप में पास कर सकते हैं और इसे सेंटर में जोड़ सकते हैं। हम प्रोग्रामेटिकली इसकी ज्योमेट्री डिफाइन करके भी विंडो को उसके सेंटर पर सेट कर सकते हैं। उदाहरण # tkinter ला

  1. Tkinter का उपयोग करके Splash Screen कैसे बनाएं? Tkinter का उपयोग करके Splash Screen कैसे बनाएं?

    मान लीजिए हम tkinter का उपयोग करके splash screen बनाना चाहते हैं। Splash screen बनाने के लिए, हम नीचे दिए गए steps का पालन करेंगे: कुछ labels के साथ splash screen बनाएं। overrideredirect method का उपयोग करके splash screen को borderless बनाएं। मुख्य window के लिए एक function बनाएं जो splash screen क