webhamster
Mitglied
Registriert: 03.12.2005
Beiträge: 2
|
|
Das Tut:
<script language="javascript" type="text/javascript">
<!--
function writeStyle() {
//document.write('<style type="text/css">body{ font-size: 140.02%; background-color:#00FF00; }</style>');
document.write("<style type=text/css> body{font-size: 100.02\%}</style>");
}
-->
</script>
<script language="javascript" type="text/javascript">
<!--
writeStyle();
-->
</script>
Das nicht:
<script language="javascript" type="text/javascript">
<!--
function writeStyle() {
//document.write('<style type="text/css">body{ font-size: 140.02%; background-color:#00FF00; }</style>');
document.write("<style type=text/css> body{font-size: 100.02\%}</style>");
}
function timeout() {
setTimeout("writeStyle()",3000);
}
-->
</script>
<script language="javascript" type="text/javascript">
<!--
timeout();
-->
</script>
Das tut wieder...
<script language="javascript" type="text/javascript">
<!--
function writeStyle() {
alert "hello world";
}
function timeout() {
setTimeout("writeStyle()",3000);
}
-->
</script>
<script language="javascript" type="text/javascript">
<!--
timeout();
-->
</script>
Kann mir jemand sagen, was ich da falsch mache?
|
|
| 03.12.2005 20:37:25 |
|
Validome
Administrator
Registriert: 04.04.2005
Beiträge: 313
|
|
Hallo,
im ersten Fall wird das Style-Tag während des Aufbaus der Seite in dieses geschrieben und auch vom Browser verarbeitet.
Im zweiten Fall wird das Tag Zeitverzögert ins Dokument geschrieben, d.h. nach dem Aufbau dieses. Das wird dann aber nicht mehr vom Browser verarbeitet. Um CSS dynamisch mit Javascript ändern zu können gibt es andere Wege. Sehen Sie doch am besten einmal hier rein: http://de.selfhtml.org/javascript/objekte/style.htm
mfg
Thomas Mell
|
|
| 03.12.2005 23:20:28 |
|
webhamster
Mitglied
Registriert: 03.12.2005
Beiträge: 2
|
|
Danke
Wir haben es nun so gelöst:
<html><head><title>Test</title>
<script type="text/javascript">
function setCSS(){
document.getElementsByTagName("body")[0].style.fontSize = "250%";
}
</script>
</head><body>
<p>Absatz</p>
<p>zweiter Absatz</p>
<p>dritter Absatz</p>
<script language="JavaScript">
setTimeout("setCSS()",3000);
</script>
</body></html>
|
|
| 06.12.2005 07:09:29 |
|
