[JS] Eigenschaft für Bildquelle
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfangsbuchstabe
bedingung
bild
code
container
eigenschaft
element
ersetzen
falle
fehler
frage
funktion
http
minute
objekt
regel
runde klammern
unsichtbarkeit
zugreifen
zuweisung
-
Mit getElementbyID(\"ID\").eigenschaft kann man ja auf Eigenschaften zugreifen und diese auch ändern. Nun möchte ich (hab vor 10 Minuten mit JS angefangen :biggrin: ) Ein Bild durch ein adneres ersetzen. Also quasi <img id=\"bild\" src=\"bla.png\"> zu <img id=\"bild\" src=\"bla2.png\">. Kann man auf das src=\"\" mit getElementbyID(\"bild\").img.src zugreifen? Oder einfach nur getElementbyID(\"bild\").src? Oder ist das was anderes? Und noch mal ne Noob-Frage: Um eine Eigenschaft zu ändern kann ich doch einfach machen: function sichtbarmachen { if (getElementbyID(\"was\").style.visibility=\"hidden\") { get.ElementbyID(\"was\").style.visibility=\"visible\" } } Das würde jetzt z.B. das Element \"was\" sichtbar machen, wenn man die Funktion aufruft, oder?
Hier nochmal der Text ohne PHP-Box, aber dafür mit Smilies:
Mit getElementbyID(\"ID\").eigenschaft kann man ja auf Eigenschaften zugreifen und diese auch ändern. Nun möchte ich (hab vor 10 Minuten mit JS angefangen
) Ein Bild durch ein adneres ersetzen. Also quasi <img id=\"bild\" src=\"bla.png\"> zu <img id=\"bild\" src=\"bla2.png\">. Kann man auf das src=\"\" mit getElementbyID(\"bild\").img.src zugreifen? Oder einfach nur getElementbyID(\"bild\").src? Oder ist das was anderes? Und noch mal ne Noob-Frage: Um eine Eigenschaft zu ändern kann ich doch einfach machen: function sichtbarmachen { if (getElementbyID(\"was\").style.visibility=\"hidden\") { get.ElementbyID(\"was\").style.visibility=\"visible\" } } Das würde jetzt z.B. das Element \"was\" sichtbar machen, wenn man die Funktion aufruft, oder?
Beitrag geändert: 14.2.2008 19:09:10 von fcr -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Um ein Bild zu ändern:
document.getElementByID(\'ID_des_Bildes\').src=\"URL_des_Bildes__kann_auch_relativ_sein\";
Und
if (getElementbyID(\"was\").style.visibility=\"hidden\")
müsste heißen
if (document.getElementbyId(\"was\").style.visibility==\"hidden\")
getElementById() ist eine vordefinierte Funktion. Und diese Funktion gehört zum Objekt \"document\". Also musst du solche Funktionen immer mit dem zugehörigem Objekt aufrufen.
objektname.funktionsname(eventuell_funktionsparameter);
Das gilt nicht für alle vordefinierten Funktionen, aber für die meisten.
Folgende vordefinierte Funktionen sind ohne zugehöriges Objekt:
http://de.selfhtml.org/javascript/objekte/unabhaengig.htm
Außerdem hast du nur ein einfaches Gleichheitszeichen benutzt.
Ein einfaches Gleichheitszeichen bedeutet aber eine Zuweisung und kein Vergleicht. Ein Vergleich kannst du mit == machen.
Diese if-Bedingung wird (sofern das Objekt mit den Eigenschaften .style.visibility existiert) immer wahr sein, denn die Wertzuweisung(in diesem Falle Unsichtbarkeit) klappt in der Regel immer.
Beitrag geändert: 14.2.2008 19:28:38 von bladehunter -
Ok, ich hab jetzt eine Datei gemacht: http://nopaste.info/eaabe45d5d.html
Beim Klick auf das Bild sollte eigentlich ein Div-Container sichtbar werden und das Bild sollte durch ein anderes ersetzt werden. Wenn man nochmal draufklickt, wird alles wieder so wie vorher.
Klappt aber leider noch nicht. Welche Fehler hab ich da noch drin? -
Du kannst && bzw. || nur innerhalb einer if-Bedingung (also runde Klammern) benutzen.
Verwende statt der && einfach ein ;
Beitrag geändert: 14.2.2008 20:05:37 von bladehunter -
Hat dein Browser keine Fehler-Konsole?
Denn er müsste meckern, dass es die Funktion
document.getElementByID() nicht gibt.
Es heißt
document.getElementById()
Also immer nur die Anfangsbuchstaben des Teilwortes großschreiben.
Falls du Firefox verwendest, solltest du dir mal Firebug holen. Das ist wirklich hilfreich, um nachzuvollziehen, was gerade passiert.
Ansonsten gilt: Fehlermeldungen lesen und verstehen! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
