Henry: Licht nur in bestimmten Block soll funktionieren

Beitrag lesen

problematische Seite

Hallo Rolf,

du setzt voraus, dass die Leute vollständig lauffähige Codesnippets posten. Das ist zumeist nicht der Fall, bzw. man muss ohnehin ran und Sachen ändern damit es läuft.

Nein setze ich nicht voraus. Viele Sachen die gefragt werden erzeugen zwar kein sauberes HTML, trotzdem ist dadurch zu erkennen was gemeint ist.

Bsp. <h1>text</h1> Wie kann ich eine Hintergrundfarbe einsetzen?

Da brauchts kein Grundgerüst, damit der Browser das trotzdem darstellt.

Das war hier auch der Fall. Ich hab ein Fiddle draus gemacht und musste zumindest mal die URLs ändern damit die Bilder kamen.

Siehst du, dass musstest du erst machen. Wäre aber auch so möglich gewesen: (bitte das hier mal in die Adresszeile einfügen)

data:text/html,<body oninput="i.srcdoc=h.value" onload="h.value=window.atob(h.value);i.srcdoc=h.value"><style>textarea,iframe{width:40vw;height:80vh;margin:10;border:3px dotted black;}body, html{margin:2%;width:100%;}textarea{width:33.33%;font-size:18}</style><h1>Hier Text oder HTML eingeben</h1><textarea placeholder=HTML id=h>PCFET0NUWVBFIGh0bWw+DQo8aHRtbCBsYW5nPSJlbiI+DQo8aGVhZD4NCiAgICA8bWV0YSBjaGFyc2V0PSJVVEYtOCI+DQogICAgPHRpdGxlPmRyb2huZTwvdGl0bGU+DQogICAgPHN0eWxlPg0KICAgICAgICBodG1sIHsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgICB9DQogICAgICAgIGJvZHkgew0KICAgICAgICAgICAgcGFkZGluZzogMDsNCiAgICAgICAgICAgIG1hcmdpbjogMDsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47DQogICAgICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgICAgfQ0KDQogICAgICAgIC5jYW52YXMgew0KICAgICAgICAgICAgd2lkdGg6IDEwMCU7DQogICAgICAgICAgICBoZWlnaHQ6IDEwMCU7DQogICAgICAgICAgICBiYWNrZ3JvdW5kOiB1cmwoIlNvbGFycGFyay1PYmVybGF1ZGEuanBnIikgbm8tcmVwZWF0IGNlbnRlcjsNCiAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogY292ZXI7DQoNCiAgICAgICAgfQ0KDQogICAgICAgIC5zZWFyY2hsaWdodCB7DQogICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7DQogICAgICAgICAgICB6LWluZGV4OiAxMDA7DQogICAgICAgICAgICBoZWlnaHQ6IDgwMHB4Ow0KICAgICAgICAgICAgd2lkdGg6IDgwMHB4Ow0KICAgICAgICAgICAgYm9yZGVyLXdpZHRoOiAxMDB2aCAxMDB2dzsNCiAgICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7DQogICAgICAgICAgICBib3JkZXItY29sb3I6ICMwMDA7DQogICAgICAgICAgICB0b3A6IC0xMDB2aDsNCiAgICAgICAgICAgIGxlZnQ6IC0xMDB2dzsNCiAgICAgICAgICAgIGJhY2tncm91bmQ6ICMwMDA7DQogICAgICAgICAgICAtbW96LWJveC1zaXppbmc6IGNvbnRlbnQtYm94Ow0KICAgICAgICAgICAgLXdlYmtpdC1ib3gtc2l6aW5nOiBjb250ZW50LWJveDsNCiAgICAgICAgICAgIC1tcy1ib3gtc2l6aW5nOiBjb250ZW50LWJveDsNCiAgICAgICAgICAgIGJveC1zaXppbmc6IGNvbnRlbnQtYm94Ow0KDQoNCg0KICAgICAgICB9DQogICAgICAgIC5zZWFyY2hsaWdodC5vbiB7DQogICAgICAgICAgICBiYWNrZ3JvdW5kOiAtbW96LXJhZGlhbC1ncmFkaWVudChjZW50ZXIsIGVsbGlwc2UgY292ZXIsICByZ2JhKDAsMCwwLDApIDAlLCByZ2JhKDAsMCwwLDApIDUwJSwgcmdiYSgwLDAsMCwxKSA2MCUsIHJnYmEoMCwwLDAsMSkgMTAwJSk7IC8qIEZGMy42KyAqLw0KICAgICAgICAgICAgYmFja2dyb3VuZDogLXdlYmtpdC1yYWRpYWwtZ3JhZGllbnQoY2VudGVyLCBlbGxpcHNlIGNvdmVyLCAgcmdiYSgwLDAsMCwwKSAwJSxyZ2JhKDAsMCwwLDApIDUwJSxyZ2JhKDAsMCwwLDEpIDYwJSxyZ2JhKDAsMCwwLDEpIDEwMCUpOyAvKiBDaHJvbWUxMCssU2FmYXJpNS4xKyAqLw0KICAgICAgICAgICAgYmFja2dyb3VuZDogLW8tcmFkaWFsLWdyYWRpZW50KGNlbnRlciwgZWxsaXBzZSBjb3ZlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogT3BlcmEgMTIrICovDQogICAgICAgICAgICBiYWNrZ3JvdW5kOiAtbXMtcmFkaWFsLWdyYWRpZW50KGNlbnRlciwgZWxsaXBzZSBjb3ZlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogSUUxMCsgKi8NCiAgICAgICAgICAgIGJhY2tncm91bmQ6IHJhZGlhbC1ncmFkaWVudChlbGxpcHNlIGF0IGNlbnRlciwgIHJnYmEoMCwwLDAsMCkgMCUscmdiYSgwLDAsMCwwKSA1MCUscmdiYSgwLDAsMCwxKSA2MCUscmdiYSgwLDAsMCwxKSAxMDAlKTsgLyogVzNDICovDQogICAgICAgIH0NCiAgICAgICAgLmNlbnRlciB7DQogICAgICAgICAgICBkaXNwbGF5OiBibG9jazsNCiAgICAgICAgICAgIG1hcmdpbjogMCBhdXRvOw0KDQogICAgICAgIH0NCiAgICAgICAgLmJpbGQgew0KICAgICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyOw0KICAgICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgICAgICAgIGhlaWdodDogMTAwJTsNCg0KICAgICAgICB9DQogICAgICAgIC5laW5zIHsNCiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IGFxdWE7DQogICAgICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgICAgIGhlaWdodDogMzAwcHg7DQoNCiAgICAgICAgfQ0KICAgICAgICAuendlaSB7DQogICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiBibHVldmlvbGV0Ow0KICAgICAgICAgICAgaGVpZ2h0OiAzMDBweDsNCg0KICAgICAgICAgICAgYm90dG9tOiAwOw0KICAgICAgICAgICAgd2lkdGg6IDEwMCU7DQoNCiAgICAgICAgfQ0KICAgIDwvc3R5bGU+DQo8L2hlYWQ+DQoNCjxib2R5Pg0KDQogICAgPGRpdiBjbGFzcz0iZWlucyI+PC9kaXY+DQogICAgPGRpdiBjbGFzcz0iY2FudmFzIj4NCiAgICAgICAgICAgIDxkaXYgY2xhc3M9ImJpbGQiPjxpbWcgc3JjPSJkcm9obmUxLnBuZyIgYWx0PSIiIGNsYXNzPSJjZW50ZXIiPjwvZGl2Pg0KICAgIDwvZGl2Pg0KICAgIDxkaXYgY2xhc3M9Inp3ZWkiPjwvZGl2Pg0KPGRpdiBjbGFzcz0ic2VhcmNobGlnaHQiPjwvZGl2Pg0KDQo8c2NyaXB0IHNyYz0iaHR0cHM6Ly9hamF4Lmdvb2dsZWFwaXMuY29tL2FqYXgvbGlicy9qcXVlcnkvMy4yLjEvanF1ZXJ5Lm1pbi5qcyI+PC9zY3JpcHQ+DQo8c2NyaXB0Pg0KICAgICQoJy5zZWFyY2hsaWdodCcpDQogICAgICAgIC5vbignbW91c2Vtb3ZlJywgZnVuY3Rpb24oZXZlbnQpIHsNCiAgICAgICAgICAgICQodGhpcykuYWRkQ2xhc3MoJ29uJykuY3NzKHsnbWFyZ2luLWxlZnQnOiBldmVudC5wYWdlWCAtIDQwMCwgJ21hcmdpbi10b3AnOiBldmVudC5wYWdlWSAtIDQwMH0pOw0KICAgICAgICB9KQ0KICAgICAgICAub24oJ21vdXNlb3V0JywgZnVuY3Rpb24oZXZlbnQpIHsNCiAgICAgICAgICAgICQodGhpcykucmVtb3ZlQ2xhc3MoJ29uJyk7DQogICAgICAgIH0pDQoNCjwvc2NyaXB0Pg0KPC9ib2R5Pg0KPC9odG1sPg==</textarea><iframe id=i></iframe>

Gruss
Henry

--
Meine Meinung zu DSGVO & Co:
„Principiis obsta. Sero medicina parata, cum mala per longas convaluere moras.“