Javascript in CSS verwenden.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anfang
bildschirm
boxen
code
datei
eigene datei
element
ende
erzeugen
folgenden code
http
laden
langen ladezeiten
markup
schau
software
tag
url
verwenden
wissen
-
Gibt es eine Möglichkeit Variabeln von Javascript in Css einzusetzen?
Und wenn man den Body auf 100% Breite festlegt und dann die Box auch auf 100% wieso füllt sie nicht den ganzen tag/bildschirm">Bildschirm? -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das mit JavaScript in CSS geht meines Wissens nach nicht. Aber du kannst mit JavaScript CSS-Code generieren und damit dann aus JS Wert in CSS verwenden.
Bei den Boxen gibt es noch ein margin drumherum. Füge einfach den folgenden Code am Anfang deines CSS ein:
html, body { margin:0; padding:0; }
Gruß S. Brosch -
Jein
In Css kannst du Variablen von JS nicht verwenden!
Du kannst es aber anders lösen!
Wenn du es so machst
javascript:var lol="Variable fuer css";document.write("csscode", lol, "Fortsetzung des Codes); -
software-brosch schrieb:
Das mit JavaScript in CSS geht meines Wissens nach nicht. Aber du kannst mit JavaScript CSS-Code generieren und damit dann aus JS Wert in CSS verwenden.
Bei den Boxen gibt es noch ein margin drumherum. Füge einfach den folgenden Code am Anfang deines CSS ein:
html, body { margin:0; padding:0; }
Gruß S. Brosch
Danke! Das mit den Boxen klappt jetzt. Mit JS CSS generieren hab ich versucht. Meinst du eine eigene .css Datei oder einfach in den style tag hinein? -
In den Styletag hinein. In eine eigene Datei sollte nicht gehen da JavaScript nicht befugt ist Dateien zu erzeugen.
-
software-brosch schrieb:
In den Styletag hinein. In eine eigene Datei sollte nicht gehen da JavaScript nicht befugt ist Dateien zu erzeugen.
Hab ich versucht
document.getElementById('style').innerHTML = 'css code';
<style id="style" type="text/css"> -
na du kannst das doch ganz einfach so machen:
<div id="meinelement"> <p>...irgendein inhalt damit das div auch sichtbar ist...</p> </div> <script type="text/javascript"> document.getElementById('meinelement').style.backgroundColor = "red"; </script>
Beitrag zuletzt geändert: 17.1.2013 9:33:20 von hcms -
So funktionierts:
<html> <head> <style id="style"></style> </head> <body> Test <script> document.getElementById('style').innerHTML = 'body, html {background-color:#000;}'; </script> </body> </html>
JavaScript sollte man immer am Ende einer Seite ausführen, damit das HTML-Markup laden kann. Wenn du einen Fehler im JavaScript hast kann es wenn es am Anfang steht zu langen Ladezeiten beim laden des HTML-Markups kommen. Wenn JavaScript am Ende steht ist HTML bereits geladen und JavaScript kann machen was es will.
In diesem Fall kennt er das Element ja noch nicht wenn JavaScript vor dem Style-Element ausgeführt werden soll.
Gruß S. Brosch -
ich denke das was Du vielleicht suchst ist so etwas wie less (http://lesscss.org/)
dort kannst Du Javascript und CSS zusammen verwenden und auch CSS kürzer schreiben lohnt sich vor allem bei sehr großen CSS Dateien
schau es Dir mal an und viel Spaß ;) -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage