Row Selection

M-P · 25. Oktober 2009

Hallo,

Bugtracker::E Texteditor: Tasklist

auf dem Link könnt Ihr über die Bug-table fahren mit dem pointer und dabei ist eine Row Selection sichtbar. Das ganze funktioniert doch nur mit CSS, doch wie?

awortmeier · 25. Oktober 2009

Hallo,

HTML-Code:

HTML:

<html>
....

<table class="bugTable">
             <tr>
                            <td></td>
             </tr>
             .....
</table>

CSS-Code:

CSS:

.bugTable {
           Anweisungen....
}

.bugTable tr {
           Standard Aussehen bei nicht Hover...
}

.bugTable tr:hover {
            background-color: #XXXXXX;
            ...mehr Anweisungen...
}

Beim IE musst du auf JavaScript zurückgreifen

HTML:

<tr onmouseover="this.style.backgroundColor='red';" onmouseout="...">

Habs jetzt nicht getestet, aber sollte gehen.

Maik · 25. Oktober 2009

Hi,

dies geschieht dort ganz einfach mit der :hover-Pseudoklasse.

http://www.e-texteditor.com/bugtracker/ hat gesagt.:

Code:

<tr id="task391" class="severity3 current_row">
          <td class="caret">
          </td>
                              <td class="task_id"><a href="http://www.e-texteditor.com/bugtracker/index.php?do=details&amp;task_id=391" title="Unconfirmed | Project pane doesn't list files marked as hidden on Windows Vist | 0%">391</a></td>                    <td class="task_project">E Texteditor</td>                    <td class="task_category">Backend / Core</td>                    <td class="task_tasktype">Bug Report</td>                    <td class="task_severity">Medium</td>                    <td class="task_summary"><a href="http://www.e-texteditor.com/bugtracker/index.php?do=details&amp;task_id=391" title="Unconfirmed | Project pane doesn't list files marked as hidden on Windows Vist | 0%">Project pane doesn't list files marked as hidden on Win</a>...</td>                    <td class="task_status">Unconfirmed</td>                    <td class="task_progress"><img src="http://www.e-texteditor.com/bugtracker/themes/E/percent-0.png" alt="0%"></td>                  </tr>
...

http://www.e-texteditor.com/bugtracker//themes/E/theme.css hat gesagt.:
CSS:

.severity3 { background-color:#f5d5c6 !important; color:#000; } .severity3:hover { background-color:#f7b390 !important; color:#000; }

mfg Maik

Maik · 25. Oktober 2009

awortmeier hat gesagt.:
Beim IE musst du auf JavaScript zurückgreifen

Bitte keine Verallgemeinerung, denn die :hover-Pseudoklasse wird in der IE-Familie vom IE7 und IE8 neben dem <a>-Element auch bei allen übrigen HTML-Elementen interpretiert, und funktioniert auf der genannten Seite in ihnen einwandfrei.

Deine Aussage bezieht sich auf den betagten IE6 und älter.

mfg Maik

M-P · 25. Oktober 2009

vielen Dank!Hat wunderbar geklappt. Ich will nun noch, dass wenn man irgendwo in die Tabelle klickt außer halt z.b. auf einen Link, dass diese dann markiert bleibt und quasie einen Link öffnet.Ich will, dass dann eine $_SESSION['Variable]=1 gesetzt wird und das könnte man ja z.b. über einen GET-Link machen. Aber vielleicht habt ihr auch noch eine bessere Idee =)

----------------------------------------------------------
okay also ich hab es jetzt mit

Code:

onClick="location.href='urlwoeshingehensoll'"

gelöst. Aber ich würde immernoch gerne wissen, wie man eine Tabelle dauerhaft markiert. Bzw. auch dann, wenn man eben die seite neu lädt, wegen dem GET-Befehl.

Row Selection

M-P

Mitglied

awortmeier

Erfahrenes Mitglied

Maik

Maik

M-P

Mitglied

Neue Beiträge