Ergebnis 1 bis 4 von 4

Thema: Problem mit Javascript

  1. #1
    Peter123
    Gast

    Standard Problem mit Javascript

    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>
    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Problem mit Javascript

    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...
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  3. #3
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard AW: Problem mit Javascript

    probiere es mal so:
    HTML-Code:
    <!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>
    und die farbcode nur mit kleinbuchstaben deklarieren
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  4. #4
    Peter123
    Gast

    Standard AW: Problem mit Javascript

    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>
    HTML-Code:
    <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>
    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

Ähnliche Themen

  1. JavaScript Problem
    Von Acro im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 23.09.2008, 22:00
  2. Problem mit IE & Javascript
    Von Ravensanger im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 01.04.2007, 21:45
  3. Javascript Problem in IE7
    Von Mülla im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 13.02.2007, 22:51
  4. Problem mit JavaScript in PHP?
    Von renhe78 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 29.10.2006, 20:59
  5. Problem mit JavaScript!
    Von ke778 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 04.06.2004, 23:37

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •