JS: OnMouseDown bg bestimmter zellen auf #FFFFFF setzen

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #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
    Last edited by joschua; 08-08-2002, 15:45.
    Nicht Tatsachen,
    sondern Meinungen über Tatsachen
    bestimmen das Handeln der Menschen.
    (Epiktet (50-138 n.Chr.)
    Tags: None
  • #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.)

    Comment

    Previous template Next
    Working...
    X