{"id":50,"date":"2025-09-08T22:18:41","date_gmt":"2025-09-08T20:18:41","guid":{"rendered":"https:\/\/hintzonline.de\/?page_id=50"},"modified":"2025-09-11T16:17:36","modified_gmt":"2025-09-11T14:17:36","slug":"blinkende-buttons","status":"publish","type":"page","link":"https:\/\/hintzonline.de\/?page_id=50","title":{"rendered":"Blinkende Buttons"},"content":{"rendered":"<p>F\u00fcr die einen vielleicht Spielerei, aber dennoch durchaus sinnvoll: blinkende Buttons.<\/p>\n<p>Formulare haben im Web eine gro\u00dfe Bedeutung, zum Beispiel beim Online-Shop, wo der K\u00e4ufer seine Daten einzugeben hat.<br \/>\nEs kommt aber immer wieder vor, dass Besucher zum Beispiel vergessen, mit einem abschlie\u00dfenden Klick eine Bestellung erfolgreich zu beenden.<br \/>\nAbhilfe schaffen an dieser Stelle blinkende Buttons, die sofort auffallen.<\/p>\n<p>Mit ein wenig Javascript-Code lassen sich solche blinkende Buttons spielend leicht erzeugen:<\/p>\n<p><span style=\"color: #0080ff;\"><span style=\"color: #3366ff;\"> &lt;script language=&#8220;JavaScript&#8220;&gt;<\/span><br \/>\n<span style=\"color: #3366ff;\">aktiv = window.setInterval(&#8222;blink()&#8220;,1500);<\/span><br \/>\n<span style=\"color: #3366ff;\">zustand = 1;<\/span><br \/>\n<span style=\"color: #3366ff;\">function blink()<\/span><br \/>\n<span style=\"color: #3366ff;\">{<\/span><br \/>\n<span style=\"color: #3366ff;\">if(zustand==1)<\/span><br \/>\n<span style=\"color: #3366ff;\">{<\/span><br \/>\n<span style=\"color: #3366ff;\">document.all.blink.style.background=&#8220;white&#8220;;<\/span><br \/>\n<span style=\"color: #3366ff;\">zustand=2;<\/span><br \/>\n<span style=\"color: #3366ff;\">}<\/span><br \/>\n<span style=\"color: #3366ff;\">else<\/span><br \/>\n<span style=\"color: #3366ff;\">{<\/span><br \/>\n<span style=\"color: #3366ff;\">document.all.blink.style.background=&#8220;red&#8220;;<\/span><br \/>\n<span style=\"color: #3366ff;\">zustand=1;<\/span><br \/>\n<span style=\"color: #3366ff;\">}<\/span><br \/>\n<span style=\"color: #3366ff;\">}<\/span><br \/>\n<span style=\"color: #3366ff;\">&lt;\/script&gt;<\/span><br \/>\n<\/span><\/p>\n<p>An Stelle der 1500 Millisekunden k\u00f6nnen Sie jeden beliebigen Wert angeben, ebenso sind alle Farben m\u00f6glich. Nun fehlt nur noch der entsprechende blinkende Button, den Sie in Ihre Seite einbauen m\u00fcssen:<\/p>\n<p><span style=\"color: #3366ff;\">&lt;form&gt;<br \/>\n&lt;input type=&#8220;button&#8220; name=&#8220;blink&#8220; value=&#8220;Abschicken&#8220;&gt;<br \/>\n&lt;\/form&gt;<\/span><\/p>\n<div  class='avia-button-wrap avia-button-center  avia-builder-el-0  avia-builder-el-no-sibling ' ><a href='https:\/\/hintzonline.de\/?page_id=26'  class='avia-button  avia-color-theme-color   avia-icon_select-yes-left-icon avia-size-small avia-position-center '   ><span class='avia_button_icon avia_button_icon_left ' aria-hidden='true' data-av_icon='\ue830' data-av_iconfont='entypo-fontello'><\/span><span class='avia_iconbox_title' >Zur\u00fcck<\/span><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcr die einen vielleicht Spielerei, aber dennoch durchaus sinnvoll: blinkende Buttons. Formulare haben im Web eine gro\u00dfe Bedeutung, zum Beispiel beim Online-Shop, wo der K\u00e4ufer seine Daten einzugeben hat. Es kommt aber immer wieder vor, dass Besucher zum Beispiel vergessen, mit einem abschlie\u00dfenden Klick eine Bestellung erfolgreich zu beenden. Abhilfe schaffen an dieser Stelle blinkende [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hintzonline.de\/index.php?rest_route=\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hintzonline.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hintzonline.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hintzonline.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hintzonline.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=50"}],"version-history":[{"count":4,"href":"https:\/\/hintzonline.de\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":264,"href":"https:\/\/hintzonline.de\/index.php?rest_route=\/wp\/v2\/pages\/50\/revisions\/264"}],"wp:attachment":[{"href":"https:\/\/hintzonline.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}