HTML Popup automatisch/ wenn der Mauszeiger drüber ist öffnen?
Hallo, ich habe ein popup erstellt welches sich öffnet, wenn man auf den dafür vorgesehenen link clickt. Nun möchte ich wissen wie ich es schaffe, dass es sich öffnet wenn meine maus über dem link ist und sich schließt wenn der Mauszeiger nichtmehr über dem link ist. Des weiteren würde ich gern wissen, wie ich es schaffe, dass sich das popup bei einer bestimmten Aktion ( wie das öffnen der Seite) automatisch öffnet.
Hier geht's zum Popup
Wenn man die oben stehenden Dinge mit CSS bewirken kann, dann hilf mir das genau so wie HTML.
Schon mal danke fürs antworten - Dorian
2 Antworten
<p onmouseover="document.location='link.html';">Text</p>
Darum geht es doch nicht. Er wollte doch ein Popup, ich gehe davon aus, dass es es nur für sich privat oder zum Testen oder so braucht...
Es ist für ein schulprojekt aber das haben wir erst in ein paar Wochen, da html mich aber generell interessiert habe ich mit dem erstellen meiner website bereits begonnen. Das clickjacking könnte lustig werden für das Programm was ich in der schule abgeben werde.
Das ruft einen Link auf (link.html), wenn man mit der Maus über den
Text fährt. Andere Möglichkeiten sind "onmousemove" und "onclick".
Ok es funktioniert sehr gut, aber wie schaffe ich es, dass dieser Link sich als popup oder in einem neuen Fenster öffnet?
Und, falls es dich interessiert: hier (https://www.sempervideo.de/clickjacking/index2.html) kannst du es ausprobieren (eigentlich ist die Seite dazu da, um sog. Clickjacking zu demonstrieren. Das entsprechende Video von Sempervideo wurde leider auf privat gestellt...
Kurze Erklärung: wenn man mit der Maus auf den Link klickt, dann wird per JS ein Layer unter den Mauszeiger geschoben und dann durch den Klick der Link aufgerufen. So wird unten eine andere URL angezeigt, als tatsächlich aufgerufen wird (bei der Verteilung von Schadware beliebt)).
Ersetz einfach link.html mit dem Link für das Popup.
Schließen wird dann etwas komplizierter...
Vermutlich ist die Lösung von GanMar besser geeignet.
Ok, sehr interessant. Wo finde ich denn, wie ich das in mein Programm einbaue?:)
Am einfachsten geht es, wenn du dir den Quellcode der sechs Seiten anschaust. Es gab mal ein gutes Erklärungsvideo dazu, aber das ist, wie schon gesagt, jetzt auf privat gestellt (https://www.youtube.com/watch?v=jsgwDdVbh4U). Wenn es dich sehr interessiert, dann kannst du dem Team ja eine Mail (mailto:info@sempervideo.de) schreiben und sie bitten, es nochmal freizuschalten...
Hey, was du suchst ist kein Popup sondern ein Tooltip.
Den Solltest du mit Css gestallten und mit Javascript aktivieren. Wenn du möchtest schreibe ich dir später so ein ding.
Musst nur sagen ob du jquery eingebunden hast.
Na pass auf.
Ich strukturiere dir das ganze mal ein wenig mal und schreib dir anhand deiner Seite ein kleines Tutorial wie und warum man sowas macht :)
Morgen hab ich dafür zeit
Wenn es für dich ok ist, würde ich gern mit Jquery einbinden. Es lässt sich da einfach besser mit selektoren arbeiten.
Ich denke ich kann das morgen Vormittag machen.
Wird nen einfaches kleines snippet mit Data-attributes.
Wie weit sind deine Kenntnisse in html/css/javascript?
Ich sage mal ich habe wenig bis keine Kenntnisse… ich hatte einen crash kurz auf youtube angesehen und anhand dessen meine website gestaltet… um alles perfekt zu verstehen und anwenden zu können müsste ich das ganz mehr anwenden. Die Website besteht derzeit aus einer CSS und 2 HTML Dateien einem video und einem Bild.
Gerne. Ich habe von all dem jetzt nicht so ne super Ahnung :D, jquery habe ich nicht eingebunden … die Seite ist sehr simpel, denn ich habe erst vorgestern damit begonnen das zu lernen und gestern nur 20 Minuten an der Seite gearbeitet, aber ich denke mal dafür lässt sie sich sehen.
Sollte nicht jeder Popupblocker das blocken...?