Javascript - Target_blank

Peter Bond

Hallo, in meinem Theme öffnen sich die Social Media Links zu Youtube leider in einem neuem Fenster.
Ich würde dies gerne so haben, das sich ein neuer Tab öffnet.
Leider bin ich kein Javascript Experte. Hätte vielleicht jemand eine Idee was ich ändern muss um da zu erreichen?

Soweit ich erfahren habe hat das was mit windows.open zu tun.

Hier der aktuelle Code:

Code

// 21. Social Sharing in header
       if ($(".social-share-link").length) {
           $(document).on("click", ".social-share-link", function (e) {
               e.preventDefault();


               var width = 600,
                   height = 540,
                   top = ($(window).height() - height) / 2,
                   left = ($(window).width() - width) / 2,
                   option = "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,top=" + top + ",left=" + left + ",width=" + width + ",height=" + height;
               window.open($(this).attr("href"),"about:blank", "Share", option);
           });
       }

Alles anzeigen

Vielen Dank

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

maxe

häng doch an den Link zum Social Media Link Youtube einfach ein target="_blank" an.

Peter Bond

Hallo, danke für die Antwort.
Leider funktionieren die Links in dem Theme nur per Javascript
Ich weiß leider nicht wo ich eben target="_blank" dort entsprechend einfügen soll.
Geschweige ob dort target="_blank" überhaupt conform ist. Vermute mal nicht :)

Im oberen Script erkenne ich zumindest die Fenstergröße 600x540pixel, was ich ja nicht möchte.

maxe

welches Theme ist das, was diese Funktion mitbringt?

Azrael_0815

var url = $(this).attr('href').attr('target','_blank');

SirEctor

ich vermute das ist browserabhängig. _blank bedeutet eigentlich, je nach Einstellung, entweder neues Fenster oder neues Tab.

Peter Bond

Zitat von Azrael_0815

var url = $(this).attr('href').attr('target','_blank');

Wo füge ich das denn ein anstatt aktuell?

Code

// 21. Social Sharing in header
       if ($(".social-share-link").length) {
           $(document).on("click", ".social-share-link", function (e) {
               e.preventDefault();


               var width = 600,
                   height = 540,
                   top = ($(window).height() - height) / 2,
                   left = ($(window).width() - width) / 2,
                   option = "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,top=" + top + ",left=" + left + ",width=" + width + ",height=" + height;
               window.open($(this).attr("href"), "Share", option);
           });
       }

Alles anzeigen

Zitat von maxe

welches Theme ist das, was diese Funktion mitbringt?

Das wäre das hier: http://raiseapp.xthemeapollo.com/main-dark/ (Die Social Links im Footer)

Azrael_0815

$(this).attr("target","_blank");

Vor dem window.open .

Peter Bond

Zitat von Azrael_0815

$(this).attr("target","_blank");
Vor dem window.open .

Ich habe jetzt probiert. Scheinbar mach ich was nicht richtig. he he
Geht natürlich nicht.

Wärst Du so nett und fügst das mal in meinen Code ein?

Dank Dir

Azrael_0815

option = "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,top=" + top + ",left=" + left + ",width=" + width + ",height=" + height;
$(this).attr("target","_blank");
window.open($(this).attr("href"), "Share", option);

Ist ungetestet, aber Du musst halt zu dem Link das Attribut target="_blank" hinzufügen.

Peter Bond

Danke, geht leider nicht. Genau wie vorher. Es öffnet sich ein neues Fenster.
Tricky

Azrael_0815

Und was ist damit?

$(this).attr('href').attr('target','_blank');

Peter Bond

Da passiert nichts :) Es öffnet sich nichts. he he

Code

// 21. Social Sharing in header
       if ($(".social-share-link").length) {
           $(document).on("click", ".social-share-link", function (e) {
               e.preventDefault();


               var width = 600,
                   height = 540,
                   top = ($(window).height() - height) / 2,
                   left = ($(window).width() - width) / 2,
                   option = "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,top=" + top + ",left=" + left + ",width=" + width + ",height=" + height;
               $(this).attr('href').attr('target','_blank');
               window.open($(this).attr("href"), "Share", option);
           });
       }

Alles anzeigen

Ist das dann nicht doppelt gemoppelt?

Azrael_0815

Probiere mal bitte

$(document).on("click", ".social-share-link", function (e) {
$(".social-share-link").attr({"target" : "_blank"});
e.preventDefault();

Peter Bond

Wie gehabt, es öffnet sich ein neues Fenster

Code

// 21. Social Sharing in header
       if ($(".social-share-link").length) {
           $(document).on("click", ".social-share-link", function (e) {
               $(".social-share-link").attr({"target" : "_blank"});
               e.preventDefault();


               var width = 600,
                   height = 540,
                   top = ($(window).height() - height) / 2,
                   left = ($(window).width() - width) / 2,
                   option = "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,top=" + top + ",left=" + left + ",width=" + width + ",height=" + height;
               window.open($(this).attr("href"), "Share", option);
           });
       }

Alles anzeigen

Azrael_0815

Denkfehler von mir. Per jQuery nutzt das nix, weil ja der Link durch das window.open geöffnet wird, selbst wenn beim Link target="_blank" stehen würde. Entferne mal alles, was Du mit dem attr (target,blank) eingebaut hast.

window.open("https://www.somewebsite.com", "_blank", "toolbar=yes,top=500,left=500,width=400,height=400");

Das würde ein Fenster in einem neuen Fenster/Reiter öffnen.

Mir ist nur gerade etwas unklar, ob es

window.open($(this).attr("href"), "Share","_blank" , option);

oder noch was anderes sein muss o_O

Peter Bond

Das hier öffnet in einem neuen Fenster. Dafür ist es nicht mehr 600x540 Fenster. Sondern so groß wie mein Browser aktuell ist.

Code

// 21. Social Sharing in header
       if ($(".social-share-link").length) {
           $(document).on("click", ".social-share-link", function (e) {
               e.preventDefault();


               var width = 600,
                   height = 540,
                   top = ($(window).height() - height) / 2,
                   left = ($(window).width() - width) / 2,
                   option = "menubar=no,toolbar=no,resizable=yes,scrollbars=yes,top=" + top + ",left=" + left + ",width=" + width + ",height=" + height;
               window.open($(this).attr("href"), "Share","_blank" , option);
           });
       }

Alles anzeigen

Azrael_0815

Ja, lies Dir mal bitte alles zu window.open durch, damit Du genau weisst, wo da _blank hin muss. Ich habe leider gerade keine Zeit dafür.

Peter Bond

Zitat von Azrael_0815

Ja, lies Dir mal bitte alles zu window.open durch, damit Du genau weisst, wo da _blank hin muss. Ich habe leider gerade keine Zeit dafür.

Vielen Dank trotzdem für Deine Hilfe. Ich werde mal weiterhin schauen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Javascript - Target_blank

Jetzt mitmachen!