FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Zur Registrierung

Thema: tr auswählen mit java vom 04.11.2008

	MGi Foren-Übersicht -> Programmierung -> tr auswählen mit java
	Seite: Zurück 1, 2

Autor

Nachricht

status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -

Verfasst Di 04.11.2008 17:24
Titel

pixelpapst303 hat geschrieben:

das ist nicht auf schnell und nicht schmutzig... das mag ich nicht! *pah*

edit:
außerdem hat im te-beispiel jede zweite zeile ne farbe. die gibts bei deinem mouseout nicht zurück *bäh*

Und deshalb ist es doch schmutzig und hier gibt es die erweiterte Version:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>table row highlighter</title>
   <style type="text/css">
      table {
         width: 100%;
      }
      td {
         padding: 1%;
         width: 30%;
      }
      .odd { background: #ccc; }
      .even { background: #eee; }
      .highlight1 {
         background: #f00;
      }
      .highlight2 {
         background: #f0f;
      }
      .foo { font-weight: bold; }
   </style>
   <script type="text/javascript">
      function highlightTableRows(table, css_class1, css_class2) {
         var trs = document.getElementById(table).getElementsByTagName('tr');
         for each(var tr in trs) {
            tr.onmouseover = function() { this.className = this.className+' '+css_class1; }
            tr.onmouseout = function() { this.className = this.className.replace(css_class1, ''); }
         }
         var tds = document.getElementById(table).getElementsByTagName('td');
         for each(var td in tds) {
            td.onmouseover = function() { this.className = this.className+' '+css_class2; }
            td.onmouseout = function() { this.className = this.className.replace(css_class2, ''); }
         }
      }
      window.onload = function() {
         highlightTableRows('myTable','highlight1','highlight2');
      }
   </script>
</head>
<body>
   <table id="myTable">
      <tr class="odd">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
      <tr class="even">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
      <tr class="odd">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
      <tr class="even">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
   </table>
</body>
</html>

Ein Syntaxhighlighter wäre was schönes, fehlt doch schon sehr.

Zuletzt bearbeitet von status4 am Di 04.11.2008 17:31, insgesamt 1-mal bearbeitet

pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich

Verfasst Di 04.11.2008 17:29
Titel

status4 hat geschrieben:

pixelpapst303 hat geschrieben:

das ist nicht auf schnell und nicht schmutzig... das mag ich nicht! *pah*

edit:
außerdem hat im te-beispiel jede zweite zeile ne farbe. die gibts bei deinem mouseout nicht zurück *bäh*

Und deshalb ist es doch schmutzig....

nein! du kennst meinen qualitätsanspruch an schmutz!!! Grins

edit: btw... musstes ja nu nicht gleich so td-technisch durchdrehen, wa?!? * grmbl *

edit2: ie6??? *bäh*

Zuletzt bearbeitet von pixelpapst303 am Di 04.11.2008 17:32, insgesamt 2-mal bearbeitet

status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -

Verfasst Mi 05.11.2008 16:45
Titel

pixelpapst303 hat geschrieben:

edit2: ie6??? *bäh*

Ne, wie kannst du sowas bloß stehen lassen? Habe ich durch das editieren ja gar nicht bemerkt Lächel

Ie und for each *ha ha*

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <title>table row highlighter</title>
   <style type="text/css">
      table {
         width: 100%;
      }
      td {
         padding: 1%;
         width: 30%;
      }
      .odd { background: #ccc; }
      .even { background: #eee; }
      .highlight1 {
         background: #f00;
      }
      .highlight2 {
         background: #f0f;
      }
      .foo { font-weight: bold; }
   </style>
   <script type="text/javascript">
      function highlightTableRows(table, css_class1, css_class2) {
         var trs = document.getElementById(table).getElementsByTagName('tr');
         for(var i in trs) {
            trs[i].onmouseover = function() { this.className = this.className+' '+css_class1; }
            trs[i].onmouseout = function() { this.className = this.className.replace(css_class1, ''); }
         }
         var tds = document.getElementById(table).getElementsByTagName('td');
         for(var i in tds) {
            tds[i].onmouseover = function() { this.className = this.className+' '+css_class2; }
            tds[i].onmouseout = function() { this.className = this.className.replace(css_class2, ''); }
         }
      }
      window.onload = function() {
         highlightTableRows('myTable','highlight1','highlight2');
      }
   </script>
</head>
<body>
   <table id="myTable">
      <tr class="odd">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
      <tr class="even">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
      <tr class="odd">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
      <tr class="even">
         <td class="foo">1</td><td>2</td><td>3</td>
      </tr>
   </table>
</body>
</html>

pixelpapst303

Dabei seit: 06.07.2006
Ort: hamburg
Alter: 50
Geschlecht: Männlich

Verfasst Mi 05.11.2008 16:49
Titel

status4 hat geschrieben:

Ne, wie kannst du sowas bloß stehen lassen? Habe ich durch das editieren ja gar nicht bemerkt Lächel

na weil wegen doppelposting und todesstrafe und so *ha ha*

choise

Dabei seit: 01.02.2007
Ort: Würzburg
Alter: 35
Geschlecht: Männlich

Verfasst Mi 05.11.2008 17:04 Titel

bitte ändert doch den threadtitel...pixelpapst hat ja schon auf der ersten seite dezent darauf hingewiesen

	Seite: Zurück 1, 2
	MGi Foren-Übersicht -> Programmierung

Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.