2012-05-23 16 views
9

क्या jQuery के साथ स्क्रीन के ऊपरी दाएं कोने में खोला गया विंडो स्थापित करने का कोई तरीका है?स्क्रीन पर एक विंडो की स्थिति

इस कोड है मैं अभी है:

$(document).ready(function() { 
    $("#dirs a").click(function() { 
     // opens in new window 
     window.open(this.href, "customWindow", "width=960, height=1040"); 
     return false; 
    }); 
}); 

और मैं यह स्क्रीन के ऊपरी दाएं कोने में खोलना चाहते हैं, यदि Windows Aero के साथ "बोले" कैसे यह जाहिर होता के समान में स्नैप विस्टा या उच्चतर। क्या ऐसा करने का कोई तरीका है?

वैसे, यह एक साधारण पृष्ठ है जिसका उपयोग मैं केवल करूँगा, और मैं केवल 1920x1080 मॉनिटर पर क्रोम में इसका उपयोग करूंगा, इसलिए इसमें विभिन्न ब्राउज़रों या स्क्रीन के लिए समायोजित करने के लिए कोई फैंसी सामग्री नहीं है आकार।

उत्तर

14

वह ऊपर दाईं तरफ यह चाहता है कि वह इस की जरूरत नहीं है?

window.open(this.href, "customWindow", "width=960, height=1040, top=0, left=960"); 
+0

ओह डांग पोस्ट किया है, बस उस बाएं = 960 को जोड़कर इसे ठीक किया है। धन्यवाद, यह सही है :) – JacobTheDev

+1

क्षमा करें शीर्ष 0 होना चाहिए, 40 नहीं!इसे – nmford

+0

+1 को पुरानी लेकिन अच्छी तरह से –

1
$("#dirs a").click(function(e) { 
    e.preventDefault(); 
    var popupWidth = 960; 
    var leftPos = screen.width - popupWidth; 

    window.open(this.href, "customWindow", "width=" + popupWidth + ", height=1040, top=0, left=" + leftPos); 
}); 

यहां एक example है।

1
window.open(this.href, "customWindow", "width=960, height=1040, top=0, left=0"); 

अन्य खिड़की गुण:

Property   Default value Description 
width   auto   specifies width of the new window in pixels 
height   auto   height of the window in pixels 
top    auto   specifies window position 
left    auto   specifies window position 
directories  no    should the directories bar be shown? (Links bar) 
location   no    specifies the presence of the location bar 
resizable  no    specifies whether the window can be resized. 
menubar   no    specifies the presence of the menu bar 
toolbar   no    specifies the presence of the toolbar 
scrollbars  no    specifies the presence of the scrollbars 
status   no    specifies the presence of the statusbar 
+0

मेरा उत्तर – Marko

+0

को कॉपी काम करने के लिए नहीं दिखता के लिए धन्यवाद, कम से कम नहीं में क्रोम। संपादित करें: फ़ायरफ़ॉक्स में ठीक काम करता है। शायद मैं इसका उपयोग करूंगा अगर मुझे बेहतर जवाब नहीं मिलता है। – JacobTheDev

+0

@ मार्को - वास्तव में ?! - केवल एक सही उत्तर है और हमने उसी समय –

1

यह सही है .. आपको पहले स्क्रीन की चौड़ाई की गणना करने की आवश्यकता है।

var leftPos = screen.width - 960; 
window.open(this.href, "customWindow", "width=960, height=1040, top=40, left="+leftPos+"); 
+0

के लिए फिक्स्ड करें "यह एक साधारण पृष्ठ है जिसका उपयोग मैं केवल करूँगा, और मैं इसे केवल 1920x1080 मॉनिटर पर क्रोम में उपयोग करूंगा" – nmford

4

जावास्क्रिप्ट विंडो.ओपेन बहुत सारे पैरामीटर स्वीकार करता है। आपके विशेष मामले में, ऊपर और बाएं पर्याप्त होना चाहिए।

देखें काम कर Fiddle Example!

सिंटेक्स

window.open([URL], [Window Name], [Feature List], [Replace]); 

फ़ीचर सूची

enter image description here

अपने nee फिट करने के लिए काम कर रहे उदाहरण डी एस

<script type="text/javascript"> 
<!-- 
function popup(url) 
{ 
var width = 960; 
var height = 1040; 
var left = screen.width - 960; 
var top = 0; 
var params = 'width='+width+', height='+height; 
params += ', top='+top+', left='+left; 
params += ', directories=no'; 
params += ', location=no'; 
params += ', menubar=no'; 
params += ', resizable=no'; 
params += ', scrollbars=no'; 
params += ', status=no'; 
params += ', toolbar=no'; 
newwin=window.open(url,'customWindow', params); 
if (window.focus) {newwin.focus()} 
return false; 
} 
// --> 
</script> 

<a href="javascript: void(0)" 
    onclick="popup('popup.html')">Top Right popup window</a> 

नोट: यह left ठीक से सेट करने के लिए स्क्रीन चौड़ाई की गणना करेगा।

विचार यह है कि आप एक बड़े ऊंचाई के साथ एक खिड़की का उपयोग कर रहे में ले लो, आम तौर पर, स्क्रीन लम्बे से बड़े होते हैं ...

+0

शीर्ष और अब काम नहीं कर रहा है। – chovy

संबंधित मुद्दे