JS: OnMouseDown bg bestimmter zellen auf #FFFFFF setzen

Einklappen
X
Einklappen
 
  • Seite von 1
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge
Vorherige template Weiter
  • #1

    JS: OnMouseDown bg bestimmter zellen auf #FFFFFF setzen

    Hallo Leute

    ich habe eine art dateimanager gemacht.
    also ich habe bei der ausgabe eine tabelle mit 4 spalten und eine unbestimmte anzahl zeilen.
    in jeder zelle ist ein dateiname. mit dazugehörigen icon.

    nun, um dateien zu löschen oder umbenennen möchte ich, das der user die datei markieren kann und anschliessend auf löschen / umbenennen klicken kann.

    <!-- soweit funktioniert alles wunderbar -->

    mein problem ist, wen ich auf eine andere zelle klicke bleibt der hintergrund der anderen eingefärbt.

    folgendermassen schaut eine zelle aus:
    <td name="fileman" OnMouseDown="selectit(this,'irgendwas.pdf');">
    Code:
    folgendermassen schaut die funktion aus:
function selectit(src,file){
 if (!src.contains(event.toElement)){
  document.all.fileman.bgColor = '#6699CC'; <= funzt nicht :(
  src.bgColor = '#6699CC';
  form.sel_file.value = file;
 }
}
    wie muss ich das nun anstellen, das beim klicken auf eine andere zelle die anderen (namens filename) zuerst wieder auf #FFFFFF zurückgesetzt werden.
    demo

    herzlichen dank zum voraus
    joschua
    Zuletzt geändert von joschua; 08.08.2002, 16:45.
    Nicht Tatsachen,
    sondern Meinungen über Tatsachen
    bestimmen das Handeln der Menschen.
    (Epiktet (50-138 n.Chr.)
    Stichworte: -
  • #2
    sorry

    hat sich erledigt...

    beispiel:
    PHP-Code:
    <html>
    <    head>
    <    title>Test</title>
    <    script language="JavaScript">
    function     selectit(src,file){ 
        if (!    src.contains(event.toElement)){ 
            for (var     i=0;i<document.all.fileman.length;i++) {
                        document.all.fileman[i].bgColor = '#FFFFFF';
            }
                document.all.fileman.bgColor = '#6699CC';
                src.bgColor = '#6699CC';
                form.sel_file.value = file;
        }
    }
    </    script>
    </    head>

    <    body bgcolor="#FFFFFF" text="#000000">
    <    form name="form" method="post" action="#">
      <    table width="240" border="1" cellspacing="0" cellpadding="0" height="240" name="table">
        <    tr align="center" valign="middle"> 
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'A');">A</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'B');">B</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'C');">C</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'D');">D</td>
        </    tr>
        <    tr align="center" valign="middle"> 
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'E');">E</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'F');">F</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'G');">G</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'H');">H</td>
        </    tr>
        <    tr align="center" valign="middle"> 
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'I');">I</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'J');">J</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'K');">K</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'L');">L</td>
        </    tr>
        <    tr align="center" valign="middle"> 
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'M');">M</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'N');">N</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'O');">O</td>
          <    td id="fileman" width="60" height="60"  OnMouseDown="selectit(this,'P');">P</td>
        </    tr>
      </    table>
      <    p><br>
        <    input type="text" name="sel_file">
      </    p>
    </    form>
    </    body>
    </    html> 
    Nicht Tatsachen,
    sondern Meinungen über Tatsachen
    bestimmen das Handeln der Menschen.
    (Epiktet (50-138 n.Chr.)

    Kommentar

    Vorherige template Weiter
    Lädt...
    X