Jak sprawić, by okno dziecięce pozostało na wierzchu?

Używam window.open, aby otworzyć okno potomne z okna nadrzędnego. Chcę, aby okno podrzędne pozostało na górze, aby użytkownik mógł się do niego odnieść podczas wprowadzania wpisu w oknie nadrzędnym. Czy można to zrobić? Używam Firefoksa w tej chwili, ale byłby to bonus, gdyby działał we wszystkich przeglądarkach.Jak sprawić, by okno dziecięce pozostało na wierzchu?

Źródło

2012-12-20 Andrew Fox

Możesz ustawić ostrość w nowym oknie, ale wtedy nie będziesz mógł wpisywać ani nic robić w oknie nadrzędnym. –

Co powiesz na użycie [popup div] (http://jqueryui.com/dialog/#default) zamiast otwierania nowego okna? – 3dgoo

Jest to najlepsze, co możesz zrobić z oknami: http://jsfiddle.net/DerekL/WFsyY/ –

Jak o użyciu popup div zamiast otwarcia nowe okno?

Źródło

2012-12-20 05:46:50 3dgoo

BOOM! Nailed It. –

Problem polega na tym, że nie można przenieść wyskakującego okienka HTML poza okno nadrzędne. – UrbKr

Ta warstwa wyskakujących okienek jest również dobra: DOMWindowDemo.

Źródło

2012-12-20 05:09:52 jikey

http://stackoverflow.com/questions/how-to-answer –

Zamierzam dać +1, ponieważ wiem, że kiedyś się przyda, chociaż żaden z nich nie jest tym, co miałem na myśli w tym zadaniu. –

tak można to zrobić przez ten kod trzeba dać onblur = „self.focus()” w organizmie przez okna potomnego

//Parent page... 
    <html> 
     <body> 
     <a href="#" onClick="window.open('two.html','sdvwsv','width=200,height=200');">here...</a> 
     </body> 
    </html> 


    //Child page... 
     <html> 
      <body onBlur="self.focus();"> 
       here... 
       </body> 
      </html>

Źródło

2012-12-20 05:14:58

Wygląda na to, że nie działa tak, jak się spodziewałem, kiedy kliknę z powrotem na okno nadrzędne, okno potomne zostanie utracone. –

Problem polega na tym, że pisanie treści od dziecka do rodzica jest wystarczające, a gdy nie ma rodzica, nie istnieje żadne dziecko. –

<html> 
    <script language="JavaScript"> 
    <!-- 
    function openWin(){ 
     var myBars = 'directories=no,location=no,menubar=no,status=no'; 

     myBars += ',titlebar=no,toolbar=no'; 
     var myOptions = 'scrollbars=no,width=400,height=200,resizeable=no,top=10, left=10,'; 
     var myFeatures = myBars + ',' + myOptions; 
     var myReadme = 'This is a test.' 

     var newWin = open('', 'myDoc', myFeatures); 

     newWin.document.writeln('<form>'); 
     newWin.document.writeln('<table>'); 
     newWin.document.writeln('<tr valign=TOP><td>'); 
     newWin.document.writeln('<textarea cols=45 rows=7 wrap=SOFT>'); 
     newWin.document.writeln(myReadme + '</textarea>'); 
     newWin.document.writeln('</td></tr>'); 
     newWin.document.writeln('<tr><td>'); 
     newWin.document.writeln('<input type=BUTTON value="Close"'); 
     newWin.document.writeln(' onClick="window.close()">'); 
     newWin.document.writeln('</td></tr>'); 
     newWin.document.writeln('</table></form>'); 
     newWin.document.close(); 
     newWin.focus(); 
    } 
    --> 
    </script> 
    <body> 
    <form> 
     <b>Click the following button to open a new window: </b> 
     <input type=BUTTON value="Open" onClick='openWin()'> 
    </form> 
    </body>

Źródło

2012-12-20 05:18:18 Hemant

Dziękuję za odpowiedź, ale nie o to chodziło. Spowoduje to utworzenie nowego okna z polem tekstowym, ale nadal zostanie utracone po kliknięciu w oknie nadrzędnym. Chcę, aby okno podrzędne pozostało na górze, aby użytkownik mógł się do niego odnieść podczas wprowadzania wpisu w oknie nadrzędnym. –

<html> 
    <script language="JavaScript"> 
    <!-- 
    function openWin(){ 
     var myBars = 'directories=no,location=no,menubar=no,status=no'; 
     myBars += ',titlebar=no,toolbar=no'; 
     var myOptions = 'scrollbars=no,width=600,height=400,resizeable=no,top=10, left=10'; 
     var myFeatures = myBars + ',' + myOptions; 
     var newWin = open('test.html', '', myFeatures); 
     newWin.document.close(); 
     newWin.focus(); 
    } 
    --> 
    </script> 
    <body> 
    <form> 
     <b>Click the following button to open a new window: </b> 
     <input type=BUTTON value="Open" onClick='openWin()'> 
    </form> 
    </body> 
</html> 
    </html>

Źródło

2012-12-20 05:24:05 Hemant

Dziękuję, ale nie jestem pewien, czy rozumiesz, czego chcę. "Chcę, aby okno podrzędne pozostało na górze, aby użytkownik mógł się do niego odnieść podczas wprowadzania wpisu w oknie nadrzędnym." –

Walczyłem z tym przez długi czas. Wygląda na to, że jest to błąd w FF, ale zauważyłem, że po otwarciu nowego okna, jeśli go kliknę, to się skupi i osiągnie szczyt. Jednak wywołanie window.focus() na nim nie działało, więc domyślam się, że dzieje się to zbyt wcześnie.

Więc w nowym oknie kodu, na dole strony dodałem

setTimeout(function(){window.focus()},100);

To nie ma ochoty stałej praktyki, ale jeśli jest to potrzebne do pracy ... 100 ms wydaje się być najniższy, który działa w moim systemie.

Źródło

2013-12-13 18:40:07

Wygląda na to, że działa on tylko wtedy, gdy żądanie open() jest wykonane z niewidocznej obsługi zdarzenia. Ponadto, program obsługi zdarzeń musi znajdować się na obiekcie, który sam może zaakceptować fokus, na przykład elementy wejściowe itp. –

Nawet jeśli dołączysz elementy do zdarzeń typu div, nie mogą zaakceptować fokusu, więc powyższe elementy nie będą działać na nich. –

Jak sprawić, by okno dziecięce pozostało na wierzchu?

Odpowiedz

Powiązane problemy