Autor |
Nachricht |
-
bulitipps
|
24.03.2012 um 11:37 (UTC) Titel: Mit JavaScript Absätze gezielt verändern funktioniert nicht |
|
|
Hallo zusammen,
ich hab da mal wieder ein Problem. Ich wollte eigentlich bestimmte Absätze per JavaScript erst zu einem bestimmten Zeitpunkt erscheinen lassen. Das Problem ist allerdings, dass das Unsichtbarmachen nicht funktioniert. Um genau zu sein, funktioniert gar nichts.
Code: <script type="text/javascript">
document.getElementById("Absatz").style.background-color="#CCCC00";
</script>
<div id="Absatz">Dies ist ein Absatz, der beim Laden der Seite eingefärbt werden soll.</div>
Das ist jetzt nur ein Beispiel, dass auch das Verändern der Hintergrundfarbe nicht läuft. Weiß jemand, wo mein Fehler liegt?
Vielen Dank schon mal! |
|
↑
|
|
|
-
brainice
|
24.03.2012 um 11:42 (UTC) Titel: |
|
|
ich glaube du musst das background-color auf backgroundColor ändern |
|
↑
|
|
|
-
freefunstuff
|
24.03.2012 um 11:55 (UTC) Titel: |
|
|
brainice hat Folgendes geschrieben: ich glaube du musst das background-color auf backgroundColor ändern
Genau so ist es!
de.selfhtml.org/ hat Folgendes geschrieben: Eine wichtige Regel müssen Sie kennen: Wenn in einem Script eine CSS-Angabe ausgelesen oder verändert werden soll, entfällt der Bindestrich, und der erste Buchstabe des Wortes hinter dem Bindestrich wird großgeschrieben. Die CSS-Eigenschaft background-color wird innerhalb eines JavaScripts also zu backgroundColor.
Eine Tabelle der Style-Eigenschaften ist übrigens hier zu finden:
http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften______________ - Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte
=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5 |
|
↑
|
|
|
-
bulitipps
|
24.03.2012 um 12:08 (UTC) Titel: |
|
|
Hab ich gemacht, ging nicht (siehe auch meine Startseite). |
|
↑
|
|
|
|
24.03.2012 um 12:12 (UTC) Titel: Re: Mit JavaScript Absätze gezielt verändern funktioniert ni |
|
|
bulitipps hat Folgendes geschrieben: <script type="text/javascript">
document.getElementById("Absatz").style.background-color="#CCCC00";
</script>
<div id="Absatz" style="" >Dies ist ein Absatz, der beim Laden der Seite eingefärbt werden soll.</div>
Füge das mal ein. Ist nur eine Spekulation, mangels anderer Ideen
Edit: Halt, nein, warte! Das JavaScript HINTER den HTML-Code!
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon
Zuletzt bearbeitet von transint am 24.03.2012, 13:14, insgesamt einmal bearbeitet
|
|
↑
|
|
|
-
freefunstuff
|
24.03.2012 um 12:15 (UTC) Titel: |
|
|
Dann schau halt nach wieso! Es wird folgende JavaScript Fehlermeldung ausgegeben:
Code: Uncaught TypeError: Cannot read property 'style' of null
Drehe mal deinen Code um, sodass das JavaScript nach dem <div> steht. So wie du es aktuell hast wird das Script ausgeführt bevor es das <div> gibt, was dazu führt dass er kein <div> mit der id "Absatz" finden kann. getElementById("Absatz") gibt dann null zurück und null hat keine stype Eigenschaft (siehe Fehlermeldung).
EDIT: transint war mit seinem Edit schneller. ______________ - Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte
=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
Zuletzt bearbeitet von freefunstuff am 24.03.2012, 13:18, insgesamt 2-mal bearbeitet
|
|
↑
|
|
|
-
bulitipps
|
24.03.2012 um 13:11 (UTC) Titel: |
|
|
Ach, ihr seid genial. Vielen Dank!
Ach ja, letzte Frage: Wie komme ich auf die Fehlermeldung?
Zuletzt bearbeitet von bulitipps am 24.03.2012, 14:18, insgesamt einmal bearbeitet
|
|
↑
|
|
|
|
24.03.2012 um 13:22 (UTC) Titel: |
|
|
Im Firefox mit [Strg] + [Umsch] + [J].
Alternativ (nur bei neueren): Firefox -> Web-Entwickler -> Fehlerkonsole
Das öffnet logischerweise die Fehlerkonsole, wo du nachschauen kannst, ob beim Aufruf der Seite irgendwas nicht klappt wie's soll.
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
|
-
bulitipps
|
24.03.2012 um 14:27 (UTC) Titel: |
|
|
Ah, alles klar. Danke allen Beteiligten! |
|
↑
|
|
|
|
|
↑
|
|
|
|