Wie erstelle ich einen HTML Code für PopUp Fenster?

Würde gerne eine Beliebige Seite z.B. die Google Startseite auf der eigenen Homepage einbetten und als PopUp Fenster öffnen wollen... auf homepage-buttons habe ich folgenden möglichen Ansatz gefunden, dieser schaut wieefolgt aus:

    <a target="popup" onclick="window.open
  ('', 'popup', 'width=580,height=360,scrollbars=no, toolbar=no,status=no,
  resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
  "href="popupdatei.html">Hier geht's zum Popup</a>

wie aber schaffe ich es nun eine Beliebige Webseite zu integrieren? Ich dachte an so etwas:

<a target="popup" onclick="window.open
  ('', 'popup', 'width=580,height=360,scrollbars=no, toolbar=no,status=no,
  resizable=yes,menubar=no,location=no,directories=no,top=10,left=10')
  "href="<a href="https://google.com">Hier geht's zum Popup</a>

liege ich da etwa falsch?

3 Antworten

Plueschtier94

02.08.2016, 07:42

du bringst da gerade mehrere sachen durcheinander.
Entweder schreibst du

<a href="blablabla" onclick="dein JavaScript code">Hier gehts zum Popup</a>

oder du schreibst den onclick als function im <head> bereich das sehe z.B so aus

<script type="text/javascript">
function popup(url) {
  ok = window.open(url)
  if (ok) return false;
  else return true;
} 
</script>

dann schreibst du den HTML Code so

<a href="blablabla" onclick="popup(url)">Hier gehts zum Popup</a>;

ttwA9

02.08.2016, 08:35

Schöne Antwort.

Bohne47

25.12.2022, 10:24

Das würde mich auch interessieren und muss man das (url) auch ersetzen?

GFquestion

Beitragsersteller

02.08.2016, 07:48

Das heißt das es bei HTML bei einem konkreten Google Beispiel in etwa so ausschaut: (was genau ist der Blabla Teil? bzw. href??

<a href="blablabla" onclick="popup(http:google.com)">Zu Google</a>;

Plueschtier94

02.08.2016, 08:07

@GFquestion

Genau, mach das href="blablabla" aber mal leer. Das war nur textfüllend :D

und der korrekte Link zu Google wäre natürlich
http://www.google.com

Geldon

05.08.2016, 00:30

Die gängigere Methode heute nennt sich lightbox. Davon gibts ein paar open source jquerys und auch minimalistische Lösungen z.b. bei codepen.io

Timimtim

09.10.2016, 18:45

Hallo, am einfachsten geht das mit einem Wordpress-Plugin. Ein solches findest du zum Beispiel hier: http://www.trefficbuddy.net. Dieses Plugin ist neu, günstig und sehr einfach zu handhaben. Ich selbst nutzte dieses Plugin sehr effektiv für meine eigene Werbung.

Timimtim

09.10.2016, 18:55

Sorry, ich meinte natürlich http://www.trafficbuddy.net - passiert halt mal im Eifer des Gefechtes :)

Ähnliche Beiträge

Wie kann ich diesen HTML Link automatisch aufrufen?

Hallo Leute,

ich habe hier einen Link, wenn man ihn anklickt geht ein neues Fenster auf.

<a target="_blank" href="#" onClick="MyWindow=window.open('<a href="https://meineSeite.de">https://meineSeite.de</a>','MyWindow','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=800,height=500,left=50%,top=50%'); return false;">Hallo!</a>

Jetzt möchte ich, dass diese Aktion sofort geschiet, wenn die Seite aufgerufen wird.

Jetzt weiß ich allerdings nicht wie ich das machen soll, weil wenn ichs nur in onload packe, fehlt warscheinlich das target="_blank" oder was auch immer jedenfalls gehts nicht auf.

Kann mir jemand helfen?

...zum Beitrag

E-Commerce in homepage einbinden?

Hallo

Gibt es möglichkeiten, e-commerce (Klarna,PayPal) in eine selbst programmierte website (kein CMS wie z.B. Wordpress, Jimdo) einzubinden?

...zum Beitrag

Selfmade Fullstack lernen?

Hallo miteinander,

Ich hab angefangen über Codecademy mir das Programmieren (obwohl das Wort dafür etwas zu groß ist) auf HTML und CSS beigebracht.

Ich hab mich mit einer Softwareakademie in Verbindung gesetzt und bin auf die Schlussfolgerung gekommen, das jeder sich das auch von alleine beibringen kann.

Kann mir jemand alle Programme von A bis Z (also alles zum Programmieren, nicht nur die drei Elemente wie HTML CSS und Javascript) auflisten, die ein Software Entwickler drauf haben muss?

Wenn möglich dann bitte auch in der Reihenfolge in der man sie lernen sollte.

Und welche Programme bzw. Webseiten muss ich dafür nutzen, um alles zu lernen?

Ich möchte in den nächsten 2-3 Jahren neben meinem Beruf mir das alles beibringen, da ein Softwareentwickler sich nicht auf seine Qualifikationen auf dem Lebenslauf sondern eher auf sein eigenes Portfolio berufen muss bei Bewerbungsgesprächen.

Ich danke für die Antworten & die Hilfe im Voraus.

Da mir HTML und CSS zu lernen leicht fällt, denke ich das diese Richtung für mich richtig ist.

Liebe Grüße

...zum Beitrag

Welchen Hoster könnt Ihr empfehlen?

Ich suche einen Web Hoster für ein kleines Web Projekt was natürlich möglichst günstig sein soll und dennoch stabil laufen muss. Es müssen zu diesem Projekt auf jeden Fall mehrere Domains beziehungsweise Webseiten gehostet werden. Was könnt ihr da empfehlen?

...zum Beitrag

Wie ein einmal Downloadlink erstellen?

Hallo zusammen! Ich möchte für die Webseite unserer Band einen Shop erstellen, bei dem man wie gewohnt ein Artikel in den Warenkorb legt und kauft. Nur soll es dann so sein, dass man nach dem Kauf automatisch einen Digitalen Download von den Liedern, die man gekauft hat, erhält. Der Link sollte dann natürlich auch nur einmal gültig sein, da man den Link ja sonst teilen könnte und einfach alle diese Lieder immer herunterladeb könnte. Wie stelle ich es also am Besten an, dass ein zufälliger Link generiert wird, der nur einmal gültig ist und man nicht erkennt wo die datei im Server Verzeichnis liegt?

Danke im Voraus auch an Denkansätze :)

...zum Beitrag

Kann man mit PHP, JavaScript, etc. eine Datei auf dem Computer des Nutzers auslesen?

Hallo!

Ich programmiere oft Websites (für mich selbst einfach aus Spaß). Ich würde gerne auf meinem Computer eine einfache Textdatei erstellen und dann irgendwas reinschreiben. Wenn ich auf meine Website gehe soll überprüft werden ob diese Datei vorhanden ist und der Textinhalt korrekt ist. Wenn ja soll man zur Website kommen. Quasi eine Art Anmeldung oder Kontrolle ob der Nutzer richtig ist.

Ich nehme mal an das dies jetzt nicht einfach so geht weil ja nicht jeder mit seinen Websites wildfremde Daten einfach lesen und speichern können soll.

Geht mein Vorhaben, und wenn ja wie?

...zum Beitrag

Abfragefenster in HTML, PHP oder ...?

Hallo, ich würde für meinen Onlineshop gerne ein Abfragefenster erstellen, was direkt beim Aufruf der Seite erscheint, in dem der Kunde seine PLZ eingeben soll.

In dem Fenster soll dann 1. angezeigt werden, ob die PLZ im Liefergebiet liegt und 2. ob er noch für heute oder erst wieder für morgen bestellen kann. (Bestellung in der Woche bis 17 Uhr, am Wochenende bis 22 Uhr, die Funktion müsste also im Hintergrund, die Zeit und den Wochentag abfragen / berechnen).

Würdet ihr sowas in HTML, PHP, Javascript oder in was erstellen?

...zum Beitrag

wie kann man in JavaScript eine Funktion erstellen, die eine zufällige Zahl generiert?

Hi Leute!

Wie kann ich ich JavaScript eine Funktion erstellen, die jede Zahl zufällig von 1 bis 16 auswählt, jedoch darf keine mehrmals vorkommen.

Vielen dank im voraus🙂

...zum Beitrag

Warum ist $_POST hier leer?

Hi, arbeite gerade an nem Kontaktformular, welches mit JQuery und Ajax gesendet werden soll. Hier der Code:

let form = $(this);
let actionUrl = "assets/php/contact.php";

$.ajax({
    type: "POST",
    url: actionUrl,
    contentType: "application/json",
    data: form.serialize(),
    success: function (backendError) {
        console.log(backendError);
        errorHandler(backendError);
    },
    error: function () {
        console.log("failure");
        alert("Internal Error occured. Please try again later");
    }
});

hier der PHP Code zum senden:

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    try {
        $errors = array();
        $name = "";
        $email = "";
        $human = "";
        $message = "";

        if (empty($_POST["name"])) {
            $errors[] = "name";
        } else {
            $name = $_POST["name"];
        }

        if (empty($_POST["email"])) {
            $errors[] = "email";
        } else {
            $email = $_POST["email"];
        }

        if (empty($_POST["human"])) {
            $errors[] = "human";
        }

        if (empty($_POST["message"])) {
            $errors[] = "message";
        } else {
            $message = $_POST["message"];
        }

        if (count($errors) === 0) {
            $to = "my@email.de";
            $subject = "Kontaktformular - " . $name;
            $message = "";
            $additional_headers = array(
                "From" => $email,
                "Reply-To" => $email,
                "X-Mailer" => phpversion()
            );

            mail($to, $subject, $message, $additional_headers);
            $response["error"] = false;
            echo json_encode($response);
            exit;
        } else {
            $response["error"] = $errors;
            echo json_encode($response);
            exit;
        }
    } catch (Exception $exception) {
        // in Log File Time + Error + IP
        exit;
    }
}

mein Problem: das POST Array is leer. Habs mir mal ganz oben ausgeben lassen, und stand nix drin, obwohl jquery die inputfelder per POST an das PHP File sendet. Ich denke, dass ich irgendwas bei der $ajax methode falsch gemacht habe, und es deshalb net funktioniert. bin am verzweifeln :) danke für jede Hilfe!

...zum Beitrag

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

...zum Beitrag

An die Programmierer?

Wie lange würdet ihr eurer Meinung nach brauchen um so eine Seite wie Zalando zu programmieren und mit welchen Programmiersprachen?

...zum Beitrag

Gute Webseiten oder PDF Docs, um PHP, Javascript, CSS und HTML zu lernen?

Video Tutorials beanspruchen viel Zeit. Deshalb bräuchte ich Webseiten oder PDF Docs für die oben genannten Programmier- und Skriptsprachen. Wichtig wäre, dass sie marktorientiert sind, also genau die Dinge zeigen, die man im realen IT Markt anwendet.

...zum Beitrag

E-Mail im namen von anderen?

Ich habe neuerstens gelernt wie man mit PHP Formulardaten per Mail abfangen kann. Meine Frage ist ob es stimmt, dass man da im Namen von anderen Mails versenden kann. Also wenn man im Forumlar die Mail angibt wird es doch an den Empfämger unter dieser E-Mail versendet. Ist das nicht gefährlich

...zum Beitrag

JavaScript AJAX sicher?

Hey Community, Habe momentan ein User Control Panel gemacht via PHP. Jetzt wollte ich mich ein bisschen weiterbilden und kam auf die Idee eine Single Page zu machen. Die Frage ist ob AJAX genauso (un)sicher ist wie PHP. Soweit ich das verstanden habe, via AJAX, gibt der User beim Formular ja loginname und pw an, dann übergebe ich die Daten an das JavaScript und er gibt dann via POST die Daten weiter an meine PHP Datei und via Echo kann ich auf das js antworten und dann entscheiden was damit gemacht wird.

Meine Frage: Wie sicher ist das? & kann der Nutzer das JavaScript einsehen, sowie den Quellcode?

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen