Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Javascript PopUp Box immer im Vordergrund

Empfohlene Antworten

Veröffentlicht

Hallo Leute!

Ich suche eine Möglichkeit mit JavaScript ein PopUp Fenster wie folgt mit Hilfe eines Buttons erscheinen zu lassen:


<script language=[COLOR=Blue]"JavaScript"[/COLOR]>

[B]function[/B] popup()

{

  newWin = [B]window.open[/B]("zieldatei.htm", [COLOR=Blue]"PopUp"[/COLOR], [COLOR=Blue]"scrollbars=0, width=250,height=320"[/COLOR]);

}

</script>


<Form Action=[COLOR=Blue]"javascript:popup()"[/COLOR]>

  <Input Type=[COLOR=Blue]"Submit"[/COLOR] Value=[COLOR=Blue]"BUTTON-LINK"[/COLOR]>

</Form>

Das klappt soweit auch wunderbar. Nur wenn ich das PopUp dann offen lasse und wieder auf den Button klicke, verschwindet das PopUp Fenster hinter der aufrufenden Seite. Ich möchte aber, dass es immer im Vordergrund bleibt.

Kann mir jemand helfen?

Markus :mod:

nimm in die zieldatei (vom popup) folgendes rein:

<body onBlur="window.focus()">

soeben getestet, zumindest mit IE, funkt.

s'Amstel


<script language="JavaScript">

oPopUp = null;

function popup()

{

  if ( oPopUp == null) {

  oPopUp = window.open("zieldatei.htm", "PopUp", "scrollbars=0, width=250,height=320");

  }

  oPopUp.focus();

}

</script>


  <Input Type="button" Value="BUTTON-LINK" onclick="popup();">

Danke Leute!

Ihr habt mir echt geholfen. :)

Macht 5 € und ne Bratwurst ;)

Gruß,

Markus

  • 2 Wochen später...

Hallo

Das ganze funktioniert ja schon, aber wenn ich in diesem Fenster, welches ich mit onBlur="window.focus()" immer im Vordergrund halte, eine Eingabe machen will, funktioniert das eben nicht mehr, weil der Fokus immer auf dem Fenster und nicht auf dem Eingabefeld liegt.

Kennt jemand eine Lösung, dass man trotzdem Eingaben tätigen kann?

Gruss, Remo

Dann setzt eben den Focus auf das Eingabefeld anstatt auf das Fenster?

Gruß,

Markus

Das geschieht automatisch, wenn ich in das Feld klicke. Weil ich aber den Fokus beim Verlassen (on Blur) aud das Fenster setze, verliert das Eingabefeld augenblicklich den Fokus wieder. d.H. ich klicke ins Feld setze den Fokus ins Feld, verlasse aber dabei schienbar das Fenster ond dann schlägt onBlur zurück.

Oder wie meinst du soll ich den Fokus auf das Eingebefeld setzen?

Guten Appetit!!!

ich würd sagen, setzt den focus auf das textfeld anstatt auf das Fenster.


<body onBlur="document.getElementById('textEingabefeld').focus();">

Aber generell finde ich es nicht gut wenn leute denken sie könnten kontrollieren wo ich hinsurfe... solche Seiten besucht man nur einmal,...

Gruß,

Markus

Find ich auch nicht gut so! ist aber für unsere Applikation notwendig. es gibt immer wieder daus, welche ein fenster plötzlich verlieren!

ich habs jetzt mit window.showModalDialog( d.url, window, 'dialogWidth:300px; dialogHeight:150px; status:no; scroll:no;' ) hingekriegt. das andere mit dem focus setzen funktioniert definitiv nicht. ich habe im popup mehr als ein eingabefeld von welchem ich daten zurück in den parent gebe.

übrigens!! showModalDialog funktioniert leider nur mit internet explorer ab version 6.

gruss und danke für die hilfe!

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.