Rolf B: Farbe einer Figur ändern durch Farbeingabe in Eingabefenster

Beitrag lesen

Hallo Alina,

zunächst einmal: Du musst dein HTML aufräumen. Die HTML Tags </head> und <body> gehören viel weiter nach vorn, vor das <h1>. Es ist auch nicht sinnvoll, die Options einer Datalist mit jeder Option weiter einzurücken. Setze die Options untereinander.

Ich denke, dass Du uns hier nur einen Teil deiner Seite zeigst und darum einige Fehler, die man in deinem HTML sieht, keine Fehler sind. Aber ich liste es trotzdem mal auf. Ob es wirklich Fehler sind, musst Du entscheiden.

Ein svg Element beginnt mit <svg> und endet mit </svg>. Du hast bei Dir zweimal </svg>. Eins davon ist zu viel.

Dein <svg> Tag sieht so aus:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 1190.6 841.9" style="enable-background:new 0 0 1190.6 841.9;" xml:space="preserve">
  • Du definierst den xlink Namespace. Brauchst Du den? Wenn nicht: nimm das xmlns:xlink="..." weg.
  • Du verwendest das xml:space="preserve" Attribut. Das macht man heute nicht mehr so. Es dient dazu, dass mehrere Leerstellen in Texten nicht zu einer Leerstelle gemacht werden. Ist das für Dich wichtig? Gib dem sgv Element mit CSS die Eigenschaft white-space:pre.
  • Du verwendet die x und y Attribute. Vielleicht irre ich mich - aber ich denke, auf dem SVG Element sind die wirkungslos.

Und dann ist die Frage: Welche Lösung stellst Du Dir vor? Soll ein Klick auf OK über den Webserver laufen und vom Webserver neues HTML generiert werden? Oder möchtest Du eine JavaScript Lösung bauen?

Welche Grundkenntnisse dafür bringst Du schon mit?

Rolf

--
sumpsi - posui - clusi