2008-10-23 6 views
12

मैं एक मनोवैज्ञानिक अध्ययन करना चाहता हूं जिसके लिए प्रतिभागियों को बड़ी छवियों को देखना होगा।क्या कोई वेबसाइट ब्राउज़र को पूर्णस्क्रीन मोड में जाने के लिए मजबूर कर सकती है?

प्रयोग वेब पर किया जाता है और इसलिए ब्राउज़र विंडो में किया जाता है। क्या ब्राउज़र को पूर्णस्क्रीन में जाने के लिए बताना संभव है, उदाहरण के लिए बटन दबाएं?

मुझे पता है कि एक निश्चित आकार की पॉपअप विंडो खोलने की संभावना है। क्या आपको लगता है कि यह एक व्यवहार्य विकल्प होगा? और यदि, ऐसा करने का सबसे अच्छा तरीका क्या होगा? पॉपअप-ब्लॉकर का पता लगाने, मूल ब्राउज़र विंडो में अध्ययन चलाने और चलाने के लिए सुरुचिपूर्ण तरीके हैं।

मुख्य चिंता यह है कि इस अध्ययन के प्रतिभागी तकनीकी विवरण से परिचित नहीं हैं और उन्हें परेशान नहीं किया जाना चाहिए।

+0

बस पाया गया कि एचटीएमएल 5 वीडियो के परिचय के साथ इस प्रश्न में नई प्रासंगिकता है। एचटीएमएल 5 वीडियो प्लेयर वास्तविक फुलस्क्रीन फ़ंक्शन प्रदान करने में सक्षम नहीं हैं। दरअसल, यह एक सुरक्षा मुद्दा है। – ypnos

+0

इस प्रश्न के कई डुप्लीकेट हैं: http://stackoverflow.com/questions/1125084/how-to-make-in-javascript-full- स्क्रीन- विन्डोज़- स्ट्रेचिंग- सभी-over-the- स्क्रीन –

उत्तर

5

मुझे खोज के बाद कुछ कोड मिला है।

function fullscreen() { 
    var element = document.getElementById("content"); 
    if (element.requestFullScreen) { 
     if (!document.fullScreen) { 
      element.requestFullscreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png"); 
     } else { 
      document.exitFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize.png"); 
     } 

    } else if (element.mozRequestFullScreen) { 

     if (!document.mozFullScreen) { 
      element.mozRequestFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png"); 
      google.maps.event.trigger(map, 'resize'); 
     } else { 
      document.mozCancelFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize.png"); 
     } 

    } else if (element.webkitRequestFullScreen) { 

     if (!document.webkitIsFullScreen) { 
      element.webkitRequestFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize_actual.png"); 
      google.maps.event.trigger(map, 'resize'); 
     } else { 
      document.webkitCancelFullScreen(); 
      $(".fullscreen").attr('src',"img/icons/panel_resize.png"); 
     } 
    } 
} 

यह एचटीएमएल 5 एपीआई का उपयोग करेगा। मैं jquery के साथ एक विशेष तस्वीर के साथ स्विच करें। उम्मीद है कि मदद मिलेगी। फिलहाल, मुझे नहीं पता कि क्या आप इसे मजबूर कर सकते हैं, 'क्योंकि यह उचित सुरक्षा को मना कर दिया गया था।

+0

हां, आज यह सही जवाब है। जब मैंने पूछा तो यह सुविधा उपलब्ध नहीं थी। ;-) देर से उत्तर देने के लिए अपना समय लेने के लिए धन्यवाद। आपको शायद इसके लिए बैज मिलेगा। – ypnos

+0

@Swen, webkitRequestFullScreen फ़ंक्शन के साथ, हम केवल पूर्ण स्क्रीन में दिखाए गए चित्र बना सकते हैं। अगर मैं अपनी पूरी वेबसाइट को पूर्ण स्क्रीन मोड में बटन क्लिक के साथ प्रदर्शित करना चाहता हूं तो क्या होगा? –

+0

@ Ng2-Fun आप कोई भी तत्व बना सकते हैं जिसे आप पूर्णस्क्रीन चाहते हैं। यदि आप इसे "बॉडी" या "दस्तावेज़" से नहीं कर सकते हैं, तो बस पूरे पृष्ठ को डीआईवी में लपेटें और इसे पूर्णस्क्रीन बनाएं। मैंने इसे पहले किया है, बस याद नहीं कर सकता कि कैसे। परंतु! आपको क्लिक या इशारा के जवाब में ऐसा करना होगा। आप पेज लोड पर, टाइमर आदि से ऐसा नहीं कर सकते हैं, केवल उपयोगकर्ता प्रतिक्रिया द्वारा। –

0

F11 आईई और फ़ायरफ़ॉक्स को पूर्णस्क्रीन मोड में ले जाता है। मुझे यकीन है कि पूर्णस्क्रीन जाना संभव है, क्योंकि यूट्यूब और अन्य वीडियो स्ट्रीमिंग साइटें फ्लैश के साथ ऐसा कर सकती हैं, लेकिन मुझे नहीं पता कि जावास्क्रिप्ट के साथ कैसे।

1

अतीत में, मैंने वेबसाइटों को यह देखा है। हालांकि, चूंकि यह अविश्वसनीय रूप से परेशान है और आम तौर पर pr0n वेबसाइटों के विज्ञापनों द्वारा उपयोग किया जाता है, तकनीक को हाल के ब्राउज़र में अवरुद्ध किया जा सकता है।

लेकिन मुझे लगता है कि महत्वपूर्ण बिंदु यह है: यह अविश्वसनीय रूप से कष्टप्रद है और आम तौर पर pr0n वेबसाइटों के विज्ञापनों द्वारा उपयोग किया जाता है, इसलिए शायद आप खुद को ऐसी चीजों को जोड़ना नहीं चाहते हैं, तो शायद आप अपने उपयोगकर्ताओं को अधिकतम करने के लिए कहें ब्राउज़रों।

+0

एक आंतरिक के लिए इस तरह की प्रक्रिया, मुझे लगता है कि यह समझ में आता है। –

+0

मैं इसे केवल ऐसे अध्ययन के लिए उपयोग करता हूं जहां प्रतिभागियों को आमंत्रित किया जाता है और उन्हें पहले ही निर्देश मिलेंगे। – ypnos

+1

जब तक यह विशेष रूप से निर्देशों में उल्लिखित है: उपयोगकर्ता की सहमति के बिना खिड़की के आकार (या उपयोगकर्ता के विशेष रूप से सेट किए गए किसी भी अन्य चीज़) को बदलने में आम तौर पर अच्छा अभ्यास नहीं होता है। –

5

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

<script type="text/javascript"> 
<!-- 
function popup(url) 
{ 
params = 'width='+screen.width; 
params += ', height='+screen.height; 
params += ', top=0, left=0' 
params += ', fullscreen=yes'; 

newwin=window.open(url,'windowname4', params); 
if (window.focus) {newwin.focus()} 
return false; 
} 
// --> 
</script> 

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

धन्यवाद, क्या पॉपअप के सफल लोड पर मूल पृष्ठ को बदलने की भी एक आसान संभावना है? ताकि उपयोगकर्ता अंत में दो बार अध्ययन शुरू नहीं कर सके .. – ypnos

+0

प्रतिक्रिया को एक और उत्तर के रूप में देखें। –

+0

क्या यह उत्तर 2012 में ब्राउज़र सुविधाओं में अतिरिक्तता के साथ अभी भी प्रासंगिक है? –

8

तुम बस के लिए F11 दबाने की बता सकते हैं। इसके आगे, एक 'क्यों?' रखो लिंक करें और समझाएं कि आपको ऐसा क्यों लगता है कि उन्हें पूर्णस्क्रीन मोड में होना चाहिए।

मुझे नहीं लगता कि आप एक ब्राउज़र को पूर्ण स्क्रीन पर जाने के लिए मजबूर कर सकते हैं और वास्तव में, यदि आप ऐसा करने में सक्षम थे तो मैं अपने ब्राउज़र पर क्रोधित होगा। यह बहुत आक्रामक है। यहां तक ​​कि फ़्लैश में सुरक्षा भी है ताकि प्लगइन को पूर्णस्क्रीन पर जाने के लिए मजबूर करने के लिए ईवेंट को उपयोगकर्ता इंटरैक्शन के साथ शुरू किया जा सके। इसलिए, यदि यह आपके लिए महत्वपूर्ण है, तो फ्लैश प्लगइन का उपयोग करने का यह एक अच्छा कारण हो सकता है क्योंकि आप गो-फुलस्क्रीन कॉल को एक भ्रामक बटन से जोड़ सकते हैं जो 'स्टार्ट क्विज़' (या जो कुछ भी) कहता है।

लेकिन, कृपया ऐसा न करें। बस उपयोगकर्ता के साथ सीधे आगे बढ़ें और उन्हें F11 हिट करने के लिए कहें।

संपादित करें: मैंने अभी एक और टिप्पणी में दिए गए नमूना कोड की कोशिश की है और मुझे यह कहते हुए खुशी हो रही है कि फ़ायरफ़ॉक्स एक एड्रेस बार के साथ एक अधिकतम विंडो खोलता है, न कि पूर्णस्क्रीन विंडो।

+0

चिंता न करें, मैं वैकल्पिक "मुझे पूर्णस्क्रीन सेट करें" बटन देना चाहता हूं। यह जानना अच्छा है कि अधिकांश ब्राउज़र के लिए F11 काम करता है। – ypnos

+0

F11 क्रोम के लिए कुछ भी नहीं करता है, केवल FYI ... –

+4

@matt यह अब सत्य नहीं है। क्रोम 3 एफ 11 पर पूर्णस्क्रीन पर जाता है। – itsadok

4

IE खोलें पर पूर्ण स्क्रीन मोड में एक नई विंडो:

<a href="#" onclick="window.close()">Close Window</a> 
1

माता-पिता को संशोधित करने के लिए:

<script> 
<!-- 
window.open("page.html","fs","fullscreen,scrollbars") 
//--> 
</script> 

page.html पर "बंद करें" लिंक में लाना एक अच्छा विचार हो सकता है खिड़की, कुछ कोशिश करें:

window.opener.location.href = '/confirmation/page.html'; 
0

यह सुविधा मोबाइल ब्राउज़र के लिए अधिक दिलचस्प है, जो पूर्णस्क्रीन का समर्थन करती है। एक विकल्प टैप करके अधिकांश मोबाइल ब्राउज़र में पूर्णस्क्रीन के लिए विकल्प नहीं होता है। थोड़ा सा एप महसूस करने के लिए आपके पास पूर्णस्क्रीन पर स्विच करने के लिए एक बदलाव है।

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