{"id":609,"date":"2019-11-05T09:40:38","date_gmt":"2019-11-05T08:40:38","guid":{"rendered":"https:\/\/ekiwi.de\/?p=609"},"modified":"2019-11-05T09:40:38","modified_gmt":"2019-11-05T08:40:38","slug":"html-links-mit-javascript-als-popup-oeffnen","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/609\/html-links-mit-javascript-als-popup-oeffnen\/","title":{"rendered":"HTML &#8211; Links mit JavaScript als PopUp \u00f6ffnen"},"content":{"rendered":"<p>Wie \u00f6ffne sich einen Link als PopUp?<\/p>\n<p><!--more--><\/p>\n<p>Einen Link in einem Popup-Fenster zu \u00f6ffnen ist leicht mit Java-Script m\u00f6glich. Sie sollten dies aber nur f\u00fcr bestimmte Dinge nutzen, da die Bedienbarkeit des Browsers hier sehr eingeschr\u00e4nkt ist.<\/p>\n<p>Den vollst\u00e4ndigen <a href=\"https:\/\/ekiwi.de\/tryit\/?id=96\" target=\"_blank\" rel=\"noopener noreferrer\">Beispielcode zum Testen finden Sie hier<\/a>.<\/p>\n<p>Popup als Link \u00f6ffnen:<\/p>\n<pre>&lt;a href=&quot;https:\/\/ekiwi.de&quot; onclick=&quot;window.open(this.href, 'Fenstername', 'width=800,height=600'); return false&quot;&gt;eKiwi.de in PopUp \u00f6ffnen&lt;\/a&gt;<\/pre>\n<p>Das Ergebnis:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/11\/popup_link.jpg\" alt=\"\" width=\"482\" height=\"408\" class=\"aligncenter size-full wp-image-610\" srcset=\"\/wp-content\/uploads\/2019\/11\/popup_link.jpg 482w, \/wp-content\/uploads\/2019\/11\/popup_link-300x254.jpg 300w\" sizes=\"auto, (max-width: 482px) 100vw, 482px\" \/><\/p>\n<p>Die Gr\u00f6\u00dfe kann \u00fcber die Angaben &#8222;width&#8220; und &#8222;height&#8220; vorgenommen werden.<\/p>\n<p>Auch ein Bild kann ganz normal verlinkt werden:<\/p>\n<pre>&lt;a href=&quot;https:\/\/ekiwi.de&quot; onclick=&quot;window.open(this.href, 'Fenstername', 'width=800,height=600'); return false&quot;&gt;\r\n&lt;img src=&quot;https:\/\/ekiwi.de\/wp-content\/uploads\/2018\/03\/logo_blog_header-2.png&quot;&gt;\r\n&lt;\/a&gt;<\/pre>","protected":false},"excerpt":{"rendered":"<p>Wie \u00f6ffne sich einen Link als PopUp?<\/p>\n","protected":false},"author":1,"featured_media":218,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5],"tags":[4,44,109],"class_list":["post-609","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl","tag-html","tag-javascript","tag-popup"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=609"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/609\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/218"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=609"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=609"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}