Problem mit Javascript

Peter123

Hi Leute ...

ich hab da so ein kleines problemchen mit diesem Javascript:

Code

<script>


function RahmenFarbeAendern(){
 var FarbeEins = "#0060A4";
 var FarbeZwei = "#0060A8";


if(!Farbe){
 Farbe = FarbeEins;
}


 if(FarbeEins == Farbe){
  var Farbe = FarbeZwei;
 } else {
  var Farbe = FarbeEins;
 }
 setTimeout("RahmenFarbeAendern()", 1000);
}
    document.write("<style>td { border: 1px solid " + Farbe + "}</style>");
</script>

Alles anzeigen

Ich verstehe ich so ganz was ich falsch mache.
Oder sehe ich es einfach nicht mehr OO°

Wäre schön wenn mir da einer helfen könnte :")

mfg Peter

driver

ich bezweifel, dass du so die rahmenfarbe ändern kannst.
normalerweise wird ja css beim laden der seite angewandt,
wenn du also während dessen, eine css eigenschaft änderst
bzw hinzufügst, dann müsstest du auch die seite neu laden,
damit das angezeigt wird.

gib mal der tabelle bzw der zelle ne id und greif im ja auf diese
id (mit getElementByID) zu und ändere dann den Wert direkt
davon...

synaptic

probiere es mal so:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">


<html>
<head>
    <title>Untitled</title>
    <script type="text/javascript">


function colorChange(){
 var BorderEins = "#0060a4 5px inset";
 var BorderZwei = "#0060a8 5px outset";
 var target = document.getElementById("datable");
 var TIMER;
 if(target.style.border==BorderEins){
     target.style.border= BorderZwei;
 }else{
     target.style.border= BorderEins;
 } 
TIMER = setTimeout("colorChange()", 1000);
}


</script>
</head>


<body>
<a href="javascript:colorChange()">rahmenfarbe wechseln</a>
<br /><br />
<table id="datable" style="width:10%; height:10%; border:#ffffff 5px solid;">
<tr>
<td>aawdaw</td>
</tr>
</table>
<span id="ausgabe"></span>


</body>
</html>

Alles anzeigen

und die farbcode nur mit kleinbuchstaben deklarieren

Peter123

Hallo driver und synaptic,

erstmal danke für eure Antworten. Sie haben mir sehr weiter geholfen
und habe noch etwas weitergedacht:

Code

<script type="text/javascript">


 var BorderEins = "#0040a4 2px solid";
 var BorderZwei = "#0050a4 2px solid";


function colorChange(){
 target = [document.getElementsByTagName('td')[0],
           document.getElementsByTagName("td")[1],
           document.getElementsByTagName("td")[2],
           document.getElementsByTagName("td")[3],
           document.getElementsByTagName("td")[4]];


for (var i = 0; i <= target.length-1; i++){
 if(target[i].style.border == BorderEins){
  target[i].style.border = BorderZwei;
 } else {
  target[i].style.border = BorderEins;
 }
}
 setTimeout("colorChange()", 500);
}


</script>

Alles anzeigen

HTML

<body onload="colorChange();" bgcolor="#333333"><center>
<table border="0" cellpadding="5" cellspacing="5" width="1000">
  <tr>
    <td colspan="3" height="180" bgcolor="#222222">&nbsp;</td>
  </tr>
  <tr>
    <td rowspan="2" width="160" height="200" bgcolor="#222222">&nbsp;</td>
    <td colspan="2" width="830" height="30" bgcolor="#222222">&nbsp;</td>
  </tr>
  <tr>
    <td width="180" height="200" bgcolor="#222222">&nbsp;</td>
    <td width="650" height="200" bgcolor="#222222">&nbsp;</td>
  </tr>
</table>

Alles anzeigen

Dies funktioniert super.
Nur dieses Script hat einen Harken, es geht nur bei dem IE ( so weit ich Testen konnte )
Ich benutze aber hauptsächlich Opera und da geht es leider nicht.

Hat vielleicht einer eine Idee wie man es auch für die neuen Browser umschreiben bzw. schreiben kann?

Wäre super, wenn mir einer helfen könnte.

mfg Peter123

Problem mit Javascript

Tags

Benutzer online in diesem Thema