*zefix* IHateBill, <tr> Hintergrundfarbe

Scheppertreiber · #1 (**permalink**) 29.05.2008, 20:36

Servus,

wie setze ich mit JS die Hintergrundfarbe einer Tabellenzeile ?

mit bgColor geht 's nicht, mit style.backgroundColor auch nicht (selbstredend
macht das im FF keine Probleme).

Es geht darum, in einer Tabelle die aktuelle Zeile zu markieren. Ich wechsle im FF
von tranparent nach einer Farbe - perfekt. Nur der IE (in diesem Fall v7, andere
habe ich noch nicht probiert).

cgdesign · #2 (**permalink**) 29.05.2008, 20:51

Falsches Forum. Quelltext von dessen, was du schon ausprobiert hast?

Scheppertreiber · #3 (**permalink**) 29.05.2008, 20:55

Ich denke mal ich habe alles probiert ...

Wieso falsches Forum ? Gehört das ins "IE-ist-doof" ? Vermutlich

cgdesign · #4 (**permalink**) 29.05.2008, 20:56

Ja willst du was mit Javascript machen oder CSS?

Scheppertreiber · #5 (**permalink**) 29.05.2008, 21:02

Beides.

Ich habe in mühevoller Fummelei eine Tabelle (ok, es sind zwei weil der IE mit
tbody anscheinend erhebliche Verständnisprobleme hat). Damt ich Spaltenköpfe
mit buttons zum Sortieren und für die Suchbegriffe habe, eine zweite Tabelle
obendrüber gesetzt und die mit JS nach der unteren formatiert. ok, geht).

Prinzipiell ist alles ein select. Schöne wäre, zeigte mir de IE auch die Selektion
an. Die Reaktion mit onClick funzt, aber die Anzeige nicht. Die td's sind als
transparent gesetzt und es sollte eigentlich gehen, dem tr eine background-color
zu verpassen. FF geht. IE ignoriert das

cgdesign · #6 (**permalink**) 29.05.2008, 21:14

Da ich immer noch keinen Code gesehen habe, probier es für den IE mit:
setAttribute('bgcolor', '#000000', 0)

Würde aber auchso funktionieren:

setAttribute('bgColor', '#000000')

Nur ist die Schreibweise extremst wichtig.

Oder noch einfacher:

Code:

<table>
<tr id="bgTest" onclick="document.getElementById('bgTest').setAttribute('bgColor','#FFCC00');">
	<td>addasda</td>
	<td>adada</td>
</tr>
</table>

Scheppertreiber · #7 (**permalink**) 29.05.2008, 21:22

Zitat:

Zitat von cgdesign

Da ich immer noch keinen Code gesehen habe, probier es für den IE mit:
setAttribute('bgcolor', '#000000', 0)

Würde aber auchso funktionieren:

setAttribute('bgColor', '#000000')

Nur ist die Schreibweise extremst wichtig.

Ok, hier der Code, ist aber etwas umfangreich ...

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="pragma" content="no-cache">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="cache-control" content="private">
  <meta name="author" content="Joachim Drechsel, Germany">
  <title>iNet-Archiv</title>
  <link rel="stylesheet" type="text/css" href="../pics/styles.css">
</head>


<body onUnload="javascript:CleanUpTemp();">
  <img id="KILLER" src="pics/but.gif" width="1" height="1" alt="nix">
  <script type="text/javascript"><!--
    function CleanUpTemp(){
      var ptr = document.getElementById( "KILLER");
      ptr.src = "udeltemp.exe?ID=E004712&MOD=";
    }
  --></script>
<script type="text/javascript"><!--
  var scrx    = "1236";
  var scry    = "782";
  var usrref  = "00ccb6ba9ccf97cfdfcb99c89ece97cd8ddc9a99dfccd8ce91999acc919adfc9adcc8acf8cc88cc69ace919ad3c9dfca8d9e9ec78ac69c9b979e9a99dfc98a9e919d9bc7df9a8bca8d9e96cb91c7949e9acadfdf98dc9acb8dc791cc9a9adf9cbdcf96c89ac9";
  var usrhome = "r:/dct/apo/arc001/E004712";
--></script> 
  <script type="text/javascript"><!-- 
  var   lasthit = "TRH0"; 
 
  function SetECTLWidths() { 
    var i; 
 
    for ( i=0; i<32; i++) { 
      var th   = document.getElementById( 'TD0' + i); 
      if ( th != null){ 
        var ptr = document.getElementById( 'THA' + i); 
        ptr.style.width = th.offsetWidth - 1 + "px"; 
        var ptr = document.getElementById( 'THB' + i); 
        ptr.style.width = th.offsetWidth - 1 + "px"; 
      } 
    } 
  } 
 
  function SetPDFDim() { 
    var pdf = document.getElementById( 'pa_pdf'); 
    var ptr = document.getElementById( 'pa_content'); 
 
//  pdf.style.height = ptr.offsetHeight - 32 + "px"; 
  } 
 
  function GetLeftColHeight(){ 
//  var ptr = document.getElementById( 'pa_ctl'); 
    var tbl = document.getElementById( 'wstbl'); 
    var bot = document.getElementById( 'wstbl_bot'); 
 
//  tbl.style.height = ptr.offsetHeight - bot.offsetHeight - 4 + "px"; 
  } 
 
 
  function TblGetDoc( id, val, recno, row){ 
 
    var ptr = document.getElementById( lasthit); 
    ptr.style.backgroundColor = "transparent"; 
 
    var ptr = document.getElementById( row); 
 
    ptr.setAttribute( 'bgcolor', '#000000'); 
 
 
    lasthit = row; 
 
 
    var ptr = document.getElementById( "STBL"); 
    ptr.value = val + " " + recno; 
  } 
 
  function GetScan( val){ 
    var ptr = frames[0]; 
    ptr.location.replace( "upget.exe?REF=" + usrref + "&FILE=" + val); 
  } 
 
  function GetPDF( val){ 
    var ptr = frames[0]; 
    ptr.location.replace( "upget.exe?REF=" + usrref + 
      "&LPOS=" + usrhome + "/" + val); 
  } 
 
  function SetAction( val){ 
    var ptr = document.getElementById( 'ACTION'); 
    ptr.value = val; 
  } 
 
  // Einstellen select 
  function SetSelect( id, val){ 
    var ptr = document.getElementById( 'CMD'); 
    ptr.value = val; 
  } 
 
  // Hintergrundfarbe Checkbox 
  function SetCBG( id){ 
 
    var ptr = document.getElementById( "U"+id); 
    var color; 
 
    if ( ptr.checked){ 
        color = "#aea"; 
    } else { 
        color = "transparent"; 
    } 
    var ptr = document.getElementById( "C"+id); 
    ptr.style.backgroundColor = color; 
    var ptr = document.getElementById( "T"+id); 
    ptr.style.backgroundColor = color; 
  } 
 
  // Umschalten der Aktion 
  function SwitchCMD( cmd){ 
    var ptr = document.getElementById( 'CMD'); 
    ptr.value = cmd; 
//  SetAction( ""); 
    document.main.submit(); 
  } 
  --></script> 
 

  <form id="main" name="main" action="uprivate.exe" method="get"> 
<input type="hidden" id="CMD" name="CMD" value="R">
<input type="hidden" id="REF" name="REF" value="00ccb6ba9ccf97cfdfcb99c89ece97cd8ddc9a99dfccd8ce91999acc919adfc9adcc8acf8cc88cc69ace919ad3c9dfca8d9e9ec78ac69c9b979e9a99dfc98a9e919d9bc7df9a8bca8d9e96cb91c7949e9acadfdf98dc9acb8dc791cc9a9adf9cbdcf96c89ac9">
<input type="hidden" id="NOHDR" name="NOHDR" value="Y">
<input type="hidden" id="SCREENX" name="SCREENX" value="1236">

<input type="hidden" id="SCREENY" name="SCREENY" value="782">
 
<div id="pa_content">
<div id="pa_cmd"> 
  <div class="PTitle">Kommandos</div> 
    <input type="submit" class="cmdbtn" style="width:120px;" value="Recherche " onClick="SwitchCMD( 'R');">
    <input type="submit" class="cmdbtn" style="width:120px;" value="Listen " onClick="SwitchCMD( 'L');">
    <input type="submit" class="cmdbtn" style="width:120px;" value="Indizieren " onClick="SwitchCMD( 'I');">
    <input type="submit" class="cmdbtn" style="width:120px;" value="Einstellungen " onClick="SwitchCMD( 'E');">
    <input type="submit" class="cmdbtn" style="width:120px;" value="Statusanzeige " onClick="SwitchCMD( 'S');">
    <input type="submit" class="cmdbtn" style="width:120px;" value="Anzeige Logfile " onClick="SwitchCMD( 'A');">

</div> 
<div>
<div id="pa_srchdiv"> 
<input type="hidden" id="ACTION" name="ACTION" value="S ">
<input type="hidden" id="STBL" name="STBL" value="">
    <table summary="Fundstellen">
    <colgroup>
      <col width="128">
      <col width="80">
      <col width="80">
      <col width="32">

      <col width="80">
      <col width="80">
      <col width="256">
      <col width="80">
      <col width="80">
      <col width="384">
    </colgroup>
      <caption>
        <button type="button" title="Dokument l&ouml;schen" onClick="SwitchCMD( 'K');">

          <img alt="" src="../pics/kill.gif">
        </button>
        <button type="button" title="Kenndaten editieren" onClick="SwitchCMD( 'C');">
          <img alt="" src="../pics/open.gif">
        </button>
        Recherche - Eingabe der Suchbegriffe
      </caption>
      <tr>
        <th id="THA0"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_ART');" title="Tabelle nach Belegart sortieren.">Belegart</button></th>

        <th id="THA1"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_MDT');" title="Tabelle nach Mandant sortieren.">Mandant</button></th>
        <th id="THA2"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_BUK');" title="Tabelle nach Bu-Kreis sortieren.">Bu-Kreis</button></th>
        <th id="THA3"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_BJAHR');" title="Tabelle nach BJ sortieren.">BJ</button></th>
        <th id="THA4"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_KNR');" title="Tabelle nach Kd-Nr. sortieren.">Kd-Nr.</button></th>
        <th id="THA7"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_DATE');" title="Tabelle nach Datum sortieren.">Datum</button></th>
        <th id="THA8"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_REF');" title="Tabelle nach Referenz sortieren.">Referenz</button></th>

        <th id="THA12"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_BKTO');" title="Tabelle nach Bu-Kto sortieren.">Bu-Kto</button></th>
        <th id="THA13"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_BGEGK');" title="Tabelle nach Ge-Kto sortieren.">Ge-Kto</button></th>
        <th id="THA14"><button type="button" style="width:100%" onClick="SwitchCMD( 'SORT_S_SCAN');" title="Tabelle nach Scannummer sortieren.">Scannummer</button></th>
      </tr>
      <tr>
        <th id="THB0"><input id="INP0" style="width:100%" type="text" title="Suchbegriff Belegart."></th>
        <th id="THB1"><input id="INP1" style="width:100%" type="text" title="Suchbegriff Mandant."></th>

        <th id="THB2"><input id="INP2" style="width:100%" type="text" title="Suchbegriff Bu-Kreis."></th>
        <th id="THB3"><input id="INP3" style="width:100%" type="text" title="Suchbegriff BJ."></th>
        <th id="THB4"><input id="INP4" style="width:100%" type="text" title="Suchbegriff Kd-Nr.."></th>
        <th id="THB7"><input id="INP7" style="width:100%" type="text" title="Suchbegriff Datum."></th>
        <th id="THB8"><input id="INP8" style="width:100%" type="text" title="Suchbegriff Referenz."></th>
        <th id="THB12"><input id="INP12" style="width:100%" type="text" title="Suchbegriff Bu-Kto."></th>
        <th id="THB13"><input id="INP13" style="width:100%" type="text" title="Suchbegriff Ge-Kto."></th>
        <th id="THB14"><input id="INP14" style="width:100%" type="text" title="Suchbegriff Scannummer."></th>
      </tr>

    </table>
  <div id="pa_srch">
    <table summary="Fundstellen">
    <caption>Fundstellen</caption>
    <colgroup>
      <col width="128">
      <col width="80">
      <col width="80">

      <col width="32">
      <col width="80">
      <col width="80">
      <col width="256">
      <col width="80">
      <col width="80">
      <col width="384">
    </colgroup>
    <tr id="TRH0" style="background-color:#ffc;">

      <td id="TD00" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" ></td>
      <td id="TD01" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" >9900</td>
      <td id="TD02" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" >001A</td>
      <td id="TD03" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" ></td>
      <td id="TD04" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" >23423423</td>
      <td id="TD07" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" >01.02.2008</td>
      <td id="TD08" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" ></td>

      <td id="TD012" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" ></td>
      <td id="TD013" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" ></td>
      <td id="TD014" onClick="TblGetDoc( 'HIT0','2008 8000', '0','TRH0');" ></td>
    </tr>
    <tr id="TRH1" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" ></td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" >9901</td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" ></td>

      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" ></td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" >002</td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" >02.04.2008</td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" ></td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" ></td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" ></td>
      <td onClick="TblGetDoc( 'HIT1','2008 46045', '1','TRH1');" >VL_9901_002_325479.pdf</td>

    </tr>
    <tr id="TRH2" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" ></td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" >9900</td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" ></td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" ></td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" >0019</td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" ></td>

      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" ></td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" ></td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" ></td>
      <td onClick="TblGetDoc( 'HIT2','2008 6c630', '2','TRH2');" >BEW_9901_001_458962.pdf</td>
    </tr>
    <tr id="TRH3" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" ></td>
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" >9902</td>

      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" >002</td>
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" ></td>
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" >753214</td>
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" >03.,04.200</td>
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" ></td>
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" ></td>
      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" ></td>

      <td onClick="TblGetDoc( 'HIT3','2008 c9077', '3','TRH3');" >Weiterb_9902_002_753214.pdf</td>
    </tr>
    <tr id="TRH4" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" ></td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" >9901</td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" >001</td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" ></td>

      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" >458962</td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" ></td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" ></td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" ></td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" ></td>
      <td onClick="TblGetDoc( 'HIT4','2008 d2099', '4','TRH4');" >VL_9901_001_458962.pdf</td>
    </tr>
    <tr id="TRH5" style="background-color:transparent;">

      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" ></td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" >9900</td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" >001A</td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" ></td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" >23423423</td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" >01.02.2008</td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" ></td>

      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" ></td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" ></td>
      <td onClick="TblGetDoc( 'HIT5','2008 0', '5','TRH5');" ></td>
    </tr>
    <tr id="TRH6" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" ></td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" >9901</td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" ></td>

      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" ></td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" >002</td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" >02.04.2008</td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" ></td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" ></td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" ></td>
      <td onClick="TblGetDoc( 'HIT6','2008 46045', '6','TRH6');" >VL_9901_002_325479.pdf</td>

    </tr>
    <tr id="TRH7" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" ></td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" >9900</td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" ></td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" ></td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" >0019</td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" ></td>

      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" ></td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" ></td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" ></td>
      <td onClick="TblGetDoc( 'HIT7','2008 6c630', '7','TRH7');" >BEW_9901_001_458962.pdf</td>
    </tr>
    <tr id="TRH8" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" ></td>
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" >9902</td>

      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" >002</td>
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" ></td>
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" >753214</td>
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" >03.,04.200</td>
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" ></td>
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" ></td>
      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" ></td>

      <td onClick="TblGetDoc( 'HIT8','2008 c9077', '8','TRH8');" >Weiterb_9902_002_753214.pdf</td>
    </tr>
    <tr id="TRH9" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" ></td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" >9901</td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" >001</td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" ></td>

      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" >458962</td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" ></td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" ></td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" ></td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" ></td>
      <td onClick="TblGetDoc( 'HIT9','2008 d2099', '9','TRH9');" >VL_9901_001_458962.pdf</td>
    </tr>
    <tr id="TRH10" style="background-color:transparent;">

      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" ></td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" >9900</td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" >001A</td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" ></td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" >23423423</td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" >01.02.2008</td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" ></td>

      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" ></td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" ></td>
      <td onClick="TblGetDoc( 'HIT10','2008 0', '10','TRH10');" ></td>
    </tr>
    <tr id="TRH11" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" ></td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" >9901</td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" ></td>

      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" ></td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" >002</td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" >02.04.2008</td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" ></td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" ></td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" ></td>
      <td onClick="TblGetDoc( 'HIT11','2008 46045', '11','TRH11');" >VL_9901_002_325479.pdf</td>

    </tr>
    <tr id="TRH12" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" ></td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" >9900</td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" ></td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" ></td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" >0019</td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" ></td>

      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" ></td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" ></td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" ></td>
      <td onClick="TblGetDoc( 'HIT12','2008 6c630', '12','TRH12');" >BEW_9901_001_458962.pdf</td>
    </tr>
    <tr id="TRH13" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" ></td>
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" >9902</td>

      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" >002</td>
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" ></td>
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" >753214</td>
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" >03.,04.200</td>
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" ></td>
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" ></td>
      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" ></td>

      <td onClick="TblGetDoc( 'HIT13','2008 c9077', '13','TRH13');" >Weiterb_9902_002_753214.pdf</td>
    </tr>
    <tr id="TRH14" style="background-color:transparent;">
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" ></td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" >9901</td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" >001</td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" ></td>

      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" >458962</td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" ></td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" ></td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" ></td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" ></td>
      <td onClick="TblGetDoc( 'HIT14','2008 d2099', '14','TRH14');" >VL_9901_001_458962.pdf</td>
    </tr>
    </table>

  </div>
  <div style="clear:left;"></div> 
</div> 
</div>
  <div id="pa_pdf" style="clear: left; margin:8px;">
    <div class="PTitle"><b>Ausgew&auml;hlter Beleg</b></div> 
  </div>
</div>
</form>
    <script type="text/javascript"><!--
      SetECTLWidths();
    --></script>

</body>
</html>

Und das CSS:

Zitat:

* {
margin: 0;
padding: 0;
}

html {
vertical-align: top;
border-spacing: 0;
margin: 0;
padding: 0;
text-decoration: none;
}

body {
font: 80.01%/1.3 Arial;
background-color: #d8d8e8;
margin: 0;
padding: 0;
height: 100.1%;
}

#KILLER { display: none; }

/* ulogin.exe: Titelzeile etc. */

#header_body {
background: url( bg.gif) repeat-y #fff;
position: relative;
}
#header {
width: 100%;
height: 56px;
background: url( nlogo.gif) no-repeat 4px 6px transparent;
}
#hdrright { /* Bereich rechts mit Modul- und Loginnamen */
font-size: 12px;
color: #222;
position: absolute;
right: 20px;
top: 2px;
text-align: right;
}
#hdrtitle { /* Titel */
font-size: 3.6em;
color: #aab;
position: absolute;
left: 266px;
top: 0px;
}

/* Hauptmenue */

#main ul {
height: 34px;
margin: 0;
/* border: 1px solid #bbb;
background-image: url(btnback.gif);*/
background: url( blau_mitte.gif) repeat-x #fff;
}
#main ul li {
display: inline;
list-style-type: none;
}
#main ul li a {
text-decoration: none;
font-weight : bold;
margin: 12px 16px 0 0;
line-height: 34px;
}
#main ul li a:hover { color: #fff; background-color: #0f0; }
#main ul li a:active { color: #ccc; background-color: transparent; }
#main ul li a:link { color: #ccc; background-color: transparent; }
#main ul li a:visited { color: #ccc; background-color: transparent; }

a { text-decoration: underline; font-weight : normal; padding-left:4px; font-size: 12px; }
a:active { color:#ff9933; }
a:hover { color:#0c4294; }
a:link { color:#0c4294; }
a:visited { color:#0c4294; }

input { margin: 0; padding: 0; font-size: 12px; border: 1px solid #808080; }
form { margin: 0; padding:0; font-size: 12px; }
h1 { font-size: 22px; color:blue; font-weight:bold; }
h2 { font-size: 16px; margin: 0; padding:0; font-weight:bold; }
h3 { font-size: 12px; margin: 0; padding:0; font-weight:bold; }
hr { color:#888; }
p { margin: 2px 2px 8px; padding:4px; font-size:12px; text-align:left; }
pre { font-size: 14px; margin: 0; padding:0; font-weight:bold; }
ul { font-size:12px; text-align:left; }
li { list-style-type: square; margin-left: 2em; }

/* Classes */

.minigrey { font-size: 11px; color:#777; padding:0 0; }
.tbar {
font-size: 10px;
color:#444444;
background-color:#c0c0c0;
padding: 0;
margin: 0;
}

.cmdbutton {
text-decoration: underline;
font-weight : normal;
padding-left:0;
font-size: 12px;
border: 1px solid #888;
background-color: #eec;
color: #444;
margin-bottom:4px;
}
.cmdbutton:link, .cmdbutton:visited, .cmdbutton:active {
font-weight: normal;
}
.cmdbutton:hover {
font-weight: bold;
cursor: pointer;
}

/* Buttons allgemein */

.cmdbtn {
background-image: url(btnback.gif);
border: 1px ridge #b0b0b0;
width: 120px;
margin: 0;
padding: 0;
color: #444;
cursor: pointer;
}

select {
background-color:#e8e8d0;
font-size:12px;
width: 120px;
border: 1px solid #808080;
}

#SEL {
background-color:#e8e8d0;
font-size:14px;
font-family:Courier;
width: 100%;
border: 1px solid #808080;
}

/* ULogin.exe */

.PTitle {
/*
color: #fff;
font-size: 1.2em;
font-weight: bold;
margin: 0;
padding: 0 0 0 0.2em;
height: 34px;
line-height: 34px;
background: url( blau_mitte.gif) repeat-x #fff;
*/
color: #000;
background-color:#b2b2c8;
font-size: 1.2em;
font-weight: bold;
margin: 0 0 0.2em 0;
padding: 0 0 0 0.2em;
height: 1.4em;
line-height: 1.4em;
text-align: left;
}

#content {
width: 100%;
margin: 0;
padding: 0;
}
.div_toprow {
background-color: #c0c0c0;
position: relative;
height: 14px;
padding-top: 2px;
}
.btn_toprow {
border-left: 1px solid black;
padding-left: 4px;
color: #222;
font-size: 9px;
position: absolute;
}
.btn_toprowr {
border-left: 1px solid #888;
padding-left: 4px;
color: #222;
font-size: 9px;
position: absolute;
}
.ntcmd {
color: #222;
display: block;
background-image: url(btnback.gif);
border: 1px ridge #808080;
text-decoration: none;
padding-left: 8px;
margin: 2px 0 4px 0;
font-size: 12px;
}
#progress {
background-color: #0000d0;
color: white;
width: 100%;
font-size: 16px;
height: 32px;
font-weight: bold;
text-align: center;
padding-top: 8px;
}

#BART_B { border: 0; }
#BART_G { border: 0; }

/* linke und rechte Spalte uquery.exe */

.leftcol {
margin: 0px 4px 0 4px;
padding: 0;
background-color: #eef;
border: 1px solid #aaa;
}

.pdfwrapper {
margin: 4px 4px 0 4px;
padding: 0;
border: 0;
}
.pdfwrapper iframe {

}

table {
font-size:12px;
}
th {
font-weight : normal;
background-color: #f0f0ff;
text-align: left;
border: 0;
empty-cells:show;
}
tr {
border:0;
vertical-align: top;
}
td {
border: 0;
}

.exe_tbl {
background-color: white;
font-size:12px;
empty-cells:show;
}
.exe_tbl th {
font-weight : normal;
background-color: #ddc;
text-align: left;
padding-left: 8px;
padding-right: 8px;
border: 1px solid #ddd;
}
.exe_tbl tr {
border:0;
vertical-align: top;
}
.exe_tbl td {
padding-left: 8px;
padding-right: 8px;
border: 1px solid #ddd;
font-size:12px;
}

/* Versionskontrolle */

.dsp_manual {
background-color: #f0f0ff;
border: 1px solid #ddd;
font-size: 1.5em;
margin-bottom:8px;
}
.dsp_manual_hdrA {
font-weight: bold;
font-size: 1.5em;
color: #666;
}
.dsp_manual_hdrB {
font-size: 1.5em;
color: #121;
}
.dsp_manual_hdrC {
font-size: 1.0em;
color: #000;
}

.hdrhinw {
background-image: url(inf.bmp);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 0;
margin: 0;
margin-top:0.6em;
padding-left:1.1em;
font-size: 12px;
font-weight:bold;
}

/* support / Helpdesk */

#support {
background: url(bulb.gif) no-repeat top right #d8d8e8;
}
.dsp_manual {
background-color: #f0f0ff;
border: 1px solid #ddd;
font: 16px Arial;
margin-bottom:8px;
}
.dsp_manual_hdrA {
font-weight: bold;
font: 16px Arial;
color: #666;
}
.dsp_manual_hdrB {
font: 16px Arial;
color: #121;
}
.dsp_manual_hdrC {
font: 12px Arial;
color: #000;
}

.hdrhinw {
background-image: url(inf.bmp);
background-repeat: no-repeat;
background-position: 0 2px;
padding: 0;
margin: 0;
margin-top:0.6em;
padding-left:1.1em;
font-size: 12px;
font-weight:bold;
}

dl {
font-size: 12px;
padding-bottom: 1em;
width: 66%;
}
dt {
float: left;
color: #444;
width: 72px;
}
dd {
font-weight:bold;
color: #444;
padding-bottom: 0.75em;
margin-left: 80px;
}

.help {
color: blue;
padding-bottom: 0.75em;
margin-left: 80px;
}
.background {
color: #000;
width: 66%;
border: 1px solid #000;
background-color: #ddf;
margin-bottom: 0.5em;
}
.background h2 {
color: #ff2;
background-color: #aaf;
padding-left: 4px;
}
.background p {
padding-left: 32px;
}
.background span {
color: #aa2;
padding-left: 4px;
float:left;
font: 72px Times;
}
.background ul {
margin: 0;
padding: 0;
padding-left: 64px;
padding-bottom:0.5em;
}

.maintable {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 13px;
background-color: #fff;
width:100%;
height:100%;
border:0;
}
.header {
height: 100px;
padding: 0;
margin: 0;
}
.hdrtitle {
font-size: 8.8em;
font-family: Arial, Helvetica, Geneva, Verdana;
font-weight: bold;
color: #e0e0e0;
margin: 0;
padding: 25px 0px 25px 0px;
letter-spacing: 2px;
}
.main {
margin: 0;
padding: 5px 0px 5px 0px;
border-top: 1px solid #222;
border-bottom: 1px solid #222;
font-family: Helvetica, Geneva, Arial, Verdana;
color: #222;
height: 12px;
width: 100%;
text-decoration: none;
font-variant: small-caps;
margin: 0;
background: url( blau-mitte.gif) repeat-x #fff;
}

#aposel {
border: 1px solid #000;
margin-left: 3em;
background-color: #fff;
width: 32em;
}
#aposel dt {
display: inline;
color: #444;
width: 10em;
padding: 0.2em;
}
#aposel dd {
margin: 0;
padding: 0.2em;
padding-left: 12em;
}

#jidata td { text-align: right; }
#jidata td+td+td+td+td+td { text-align: left; }

.bar { width: 202px;
background: url( bgbar.gif) repeat-x transparent;
margin: 0;
padding: 0;
}
.barp { height: 14px;
margin: 0;
padding: 0;
}
.barm { height: 14px;
margin: 0;
padding: 0;
}

/* --------------------------------------------------------
Stylesheet fuer uprivate
-------------------------------------------------------- */

#pa_content {
margin: 8px 0 0 0;
padding: 0;
}
#pa_cmd {
margin: 0 8px;
padding: 0;
background-color: #eef;
border: 1px solid #444;
float:left;
width:132px;
text-align: center;
}
#pa_cmd input {
padding: 0;
margin: 0 0 2px 0;
}
#pa_srchdiv {
margin: 0;
padding: 0;
background-color: #eef;
border: 1px solid #444;
margin-left: 150px;
margin-right: 8px;
}
#pa_pdf {
margin: 8px;
padding: 0;
background-color: #88a;
}

.right {
text-align: right;
}
#pa_srch {
background-color: #88a;
height: 200px;
overflow-x: hidden;
overflow-y: scroll;
margin: 0;
padding: 0;
}
#pa_srchdiv table {
background-color: #aad;
font-size:12px;
empty-cells:show;
border-collapse: collapse;
margin: 0;
padding: 0;
}
#pa_srch table {
background-color: #ddd;
font-size:12px;
empty-cells:show;
border-collapse: collapse;
margin: 0;
padding: 0;
}
#pa_srchdiv table caption,
#pa_srch table caption {
color: #000;
background-color:#b2b2c8;
font-size: 1.2em;
font-weight: bold;
height: 1.4em;
line-height: 1.4em;
text-align: left;
}
#pa_srchdiv table caption button {
background-color: #b2b2c8;
font-size: 1.2em;
font-weight: bold;
height: 1em;
width: 1em;
border: 0;
float: right;
}
#pa_srch table caption button image {
height: 13px;
width: 14px;
border: 0;
}
#pa_srchdiv table th {
background-color: #ddc;
text-align: left;
border: 1px solid #888;
margin: 0;
}
#pa_srchdiv table th input {
background-color: #fff;
padding: 0;
margin: 0;
border: 0;
}
#pa_srchdiv table th button {
font-size: 12px;
cursor: pointer;
background-color: #ddd;
padding: 0;
margin: 0;
border: 0;
background-image: url(btnback.gif);
}
#pa_srch table tr {
vertical-align: top;
background-color: #f00;
line-height: 1.2em;
}
#pa_srch table td {
font-size: 12px;
font-weight : bold;
background-color: transparent;
cursor: pointer;
empty-cells:show;
border: 1px solid #888;
margin: 0;
padding: 0;
padding-left:2px;
}
.inpnum {
text-align: right;
width: 48px;
border: 1px solid #ccc;
}

Scheppertreiber · #8 (**permalink**) 29.05.2008, 21:24

Ich vermute mal, das hilft nicht so wirklich weiter ...

Es ist generierter Code, die Einrückungen sind sind so toll und lesbar ist das nicht.
aber Du wolltest ja

cgdesign · #9 (**permalink**) 29.05.2008, 21:45

Es geht schon, wenn du bei den TR's das style-Attribut und im CSS bei #pa_srch table tr und #pa_srch table td die Hintergrundfarbe rauslöschst und setAttribute('bgColor','#FFCC00') richtig schreibst.

Viel Spaß, ich bin jetzt weg.

style-Attribute ganz weglöschen und die jeweiligen Hintergrundfarben im CSS auch komplett raus und noch bgColor richtig schreiben und bei mir ging es auch im IE7.

Timo · #10 (**permalink**) 29.05.2008, 21:50

Ich hab mir deinen übersichtlichen Code nicht genau angeschaut.

Aber ich mach das so, ich geb der Spalte eine Klasse z.B.: spalte_normal und ändere diese beim Überfahren in spalte_hover. Selbstredent nur im IE in den anderen getesteten Browsern geht mit spalte_normal:hover.

Vielleicht hilfts

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Hintergrundfarbe für Menü-Tabs setzen	du-it	CSS	1	09.02.2007 20:22
Links Hintergrundfarbe Bilder	xm22	(X)HTML	6	06.09.2006 09:16
Hintergrundfarbe eines aktivierten Links	fidel	CSS	5	15.06.2006 02:18
Hintergrundfarbe reicht nicht bis oben und unten	SPACEart	CSS	8	05.09.2005 07:37