#1 9. April 2008 Zuletzt von einem Moderator bearbeitet: 14. April 2017 Farbwerte ausgeben lassen Hi leutz ich habe da ein kleines Problem, habe bisher alles geschafft was man können sollte in der Aufgabe hier. Ist ne testaufgabe für Leute die schon bissel weiter sind in JS bei uns im Unterricht. Und ich "code" mir hier ehrlich gesagt einen ab, weil ich es nicht hinkriege das er mir den Farbwert ausspuckt. Ich hoffe ihr wisst was ich meine. In der Aufgabe waren noc pics mit drin aber die sind hierfür nicht notwendig. Hoffe ihr helft mir. Ihr schreibt einfach red oder blue oder yellow etc. in das textfeld farbewert eingeben, klickt danach auf einen der buttons und dann färbt sich der jeweilige bereich ein, zugleich soll aber auch der jeweilige farbewert ausgegeben werden. In dem feld rechts daneben. Wie gesagt ist ne lernaufgabe für mich selbst deswegen auch die IDs und die anderen anstößigen namen :-D ... Bw is ne ehrensache No File | xup.in Download: tumblr_lkey4dJBMW1qix0xeo1_500.jpg | xup.in + Multi-Zitat Zitieren
#2 9. April 2008 AW: Farbwerte ausgeben lassen Das hab ich irgendwann schonmal gesehen, glaub ich. ^^ Aber was du jetzt genau willst, weiß ich nicht. Meinst du, wenn man den Button klickt, soll noch in dem input feld die Farbe stehen? -> document.getElementById('deinFeld').value = 'Farbe.'; oO + Multi-Zitat Zitieren
#3 9. April 2008 AW: Farbwerte ausgeben lassen Nee diggah wenn du bei Farbwert eingeben sagen wir mal red eingibst und dann auswählst was sich verändern soll. Soll rechts in Feld wo Farbwert ausgeben steht der Hexcode von rot stehen. Wenn du es nicht kapiert hast, ist mir egal =). + Multi-Zitat Zitieren
#4 9. April 2008 AW: Farbwerte ausgeben lassen 1. du kannst via element-baum den dir eine form bietet direkt auf elemente zugreifen, kannst deine "lustigen" ids also weglassen (welche sowieso total unproduktiv sind, weil man ned weiß was die sollen). verwende id wi z.b.: <input id="setcolor" /> dann weiß man später "aha, da is die farbe drinnen die gesetzt werden soll" und ned penis... Code: var value = document.forms.formname.elementname.value; 2. solltest du anfangen deinen funktionen sinvolle namen zu geben. eine funktion mit dem namen "lustig" oder "alles" is absolute sch..., da wird dir niemand gerne helfen... 3. soll ein script dir das arbeiten erleichtern, wäre es daher nicht sinnvoll immerwieder verwendete funktionen wie zb. document.getElementById() in eine eigene funktion auszulagern wie zb.: Code: function get(id) { return document.getElementById(id) || false; } alert(get('foo').value); alert(get('bar').value); ich finde ja, da spart man sich enorm schreibarbeit. 4. finde ich es übersichtlicher pseudo-namespaces zu verwenden, welche mit json sehr leicht realisiert werden können. vergleich selber: Code: function gelb() { [...] } function gruen() { [...] } function rot() { [...] } und jetzt mit "namespace" Code: //farb-methoden var Farben = { gelb: function() { [...] }, gruen: function() { [...] }, rot: function() { [...] } }; Farben.rot(); im zweiten beispiel weiß man sofort was man in dem objekt findet und wo man später suchen muss. [hr] soviel zu den grundlagen... der rest is via css machbar. auch mit js hast du zugriff auf css-eigenschaften und kannst via {element}style.cssEigenschaft = 'zuweisung'; beliebig agieren. wenn dir als farbwert kein hexcode gegeben ist, kannst du die sachen durch ein switch:case jagen lassen... Code: switch(farbe) { case 'red': farbe = '#bf0000'; break; [...] } wo bei ein browser selbst so schlau ist und aus "red" rot macht. + Multi-Zitat Zitieren