Neue Seite soll sich öffnen beim Klick auf den Button

beckermeister90

Nabend Leute, bin recht oft hier unterwegs und habe mich nun auch mal angemeldet!

Ich habe ein Problem, dies liegt aber nicht wirklich an Wordpress, sondern an einen Button, wusste nicht wo ich den Thread zu diesem Thema aufmachen sollte.

Also es geht um folgendes, ich habe Links/Buttons in meinem Blog, die auf externe Seiten führen. Beim Klick auf den Button, soll zusätzlich eine neue Seite aufgehen im Hintergrund, ganz wichtig...nicht im Vordergrund.

[del]Hier[/del] mal ein Beispiel, wenn man auf ENTER drückt, öffnet sich eine Seite im Hintergrund!

Kann mir jemand sagen mit welchem Code das umgesetzt wird?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Bitte keine Links zu Warez-Seiten o.ä. - bitte die Forenregeln beachten!

Schau mal hier:
SELFHTML: JavaScript / Objektreferenz / window
Da gibts ein paar Beispiele.

Dass du dir mit dem Anliegen keine Freunde machen musst ist dir sicher klar.

beckermeister90

Hi, achso wusst ich nicht ^^ sollte auch nur ein Beispiel sein, habe keine andere Seite gefunden die sowas hat.

Habe mir mal alles durchgelesen und ausprobiert, leider will es nicht so wie ich es will...

Mein derzeitiger Code sieht so aus:

Code

<a href="http://meineseite.de" onclick="window.open('http://neueseite.de', '_blank')"

Die neue Seite soll sich im Hintergrund öffnen und nicht im Vordergrund wie es im mom der fall ist, das steht da nicht wie man das machen kann.

marX

Zitat von beckermeister90

Hi, achso wusst ich nicht ^^

Natürlich. Stand in den Forenregeln, die dir bei der Registrierung hier angezeigt wurden und die du akzeptiert hast.

Zitat

Die neue Seite soll sich im Hintergrund öffnen und nicht im Vordergrund wie es im mom der fall ist, das steht da nicht wie man das machen kann.

Such mal auf der o.g. Seite nach "focus". Das holt eine Seite in den Vordergrund - in deinem Fall eben die öffnende. Etwa so sollte es gehen:

Code

<a href="http://example.com/" onclick="window.open('http://other.example.org/.de', '_blank'); [COLOR="Red"]window.focus()[/COLOR];">

beckermeister90

Hm keine Ahnung ^^

EDIT: so bin nun etwas weiter:

<a href="http://meineseite.de" class="Stil4" onclick="window.open('http://neueseite.de', '_blank')">ENTER</a>

Leider kriege ich es nicht hin das sie sich im Hintergrund öffnet, nach fokus habe ich gesucht aber kapiere es nicht ^^

marX

Zitat von beckermeister90

Leider kriege ich es nicht hin das sie sich im Hintergrund öffnet, nach fokus habe ich gesucht aber kapiere es nicht ^^

focus() aktiviert eine Seite und holt sie nach vorn. blur() macht ein Fenster inaktiv. Steht alles unter oben genanntem Link erklärt. Am besten ist, du legst dir ne Funktion an, die du bei onclick aufrufst.

HTML

<head>
  <script type="text/javascript">
    function open_and_hide_popup() {
       var w = window.open('http://example.com/', 'PopUp');
       w.blur();
       window.focus();
       return false;
    }
  </script>
</head>


<body>
  <a href="#" onclick="open_and_hide_popup()">
</body>

Alles anzeigen

Den <head>-Bereich findest du vermutlich in der header.php deines Themes.

beckermeister90

Ja danke, aber leider läd meineseite.de ja garnicht, nur die neueseite.de
ich wollt es eig so haben, dass meineseite.de läd und die neueseite.de, neueseite.de nur im Hintegrund im neuem Tab läd und meineseite.de im vordergrund steht wo ich surfen kann usw.

hoffe ich habe mich richtig ausgedrückt :D

marX

http://blur.example.org/ wird im Hintergrund geöffnet, http://focus.example.com/ im Vordergrund:

Code

<head>
  <script type="text/javascript">
    function open_and_hide_popup() {
       var w = window.open('[COLOR="purple"]http://[B]blur[/B].example.org/'[/COLOR], 'PopUp');
       w.blur();
       window.focus();
       [COLOR="Red"][del]return false;[/del][/COLOR]
    }
  </script>
</head>


<body>
  <a href="[COLOR="#0000ff"]http://[B]focus[/B].example.com/[/COLOR]" onclick="open_and_hide_popup()">
</body>

Alles anzeigen

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Neue Seite soll sich öffnen beim Klick auf den Button

Jetzt mitmachen!