den eingegebenen Width-Wert als Text ausgeben

[troy]

Hallo,

ich habe eine Tabelle erstellt mit u.a. folgender Tabellenzeile:

  
<td><div class="bar1"><div class="bar2" style="width: 67%;">67 %</div></div></td>  

Um den Text z.B. "67 %" bei hunderten von Tabellenzellen nicht immer noch zusätzlich zum Width-Wert nochmal eingeben zu müssen, möchte ich den eingegebenen Width-Wert automatisch als Text in der Tabellenzelle ausgeben.

Geht das irgendwie?

Gruß - troy.

[Matthias Apsel]

Om nah hoo pez nyeetz, troy!

Geht das irgendwie?

Du möchtest keine inline-style-Angaben machen, stattdessen suchst du dir einen geeigneten Selektor zum Beispiel .bar2 und beschäftigst dich mit den Grundlagen von CSS, z.B. in der [ref:self812;css/index.htm@title=Doku] oder im Wiki.

Prüfe bitte auch deinen Code auf semantische Sinnhaftigkeit.

Matthias

[Matthias Apsel]

Om nah hoo pez nyeetz, troy!

Um den Text z.B. "67 %" bei hunderten von Tabellenzellen nicht immer noch zusätzlich zum Width-Wert nochmal eingeben zu müssen, möchte ich den eingegebenen Width-Wert automatisch als Text in der Tabellenzelle ausgeben.

Geht das irgendwie?

Sorry für die erste Antwort: Möglichkeiten entsprechende Werte auszulesen hast du z.B. mit Javascript. Ein gutes Tutorial findest du bei molily. Matthias

[troy]

Sorry für die erste Antwort: Möglichkeiten entsprechende Werte auszulesen hast du z.B. mit Javascript. Ein gutes Tutorial findest du bei molily.
Matthias

Hallo Matthias,

danke für den Link, das liest sich erstmal vielversprechend, aber ich möchte es erstmal möglichst ohne JS versuchen, denn da fehlen mir die Kenntnisse, vielleicht hilft mir ja der meter-Tag aus HTML5 aus Matti's Nachricht weiter?

Gruß - troy.

[Matti Maekitalo]

Tach auch.

<td><div class="bar1"><div class="bar2" style="width: 67%;">67 %</div></div></td>

  
Ich würde dir empfehlen, das "[progress](http://www.w3.org/TR/html-markup/progress.html)"- oder "[meter](http://www.w3.org/TR/html-markup/meter.html)"-Tag aus HTML5 zu verwenden.  
  
Für die Übergangsphase, in denen progress nicht unterstützt wird, kannst bzw. solltest du es mit Javascript nachbauen.  
  
Bis die Tage,  
Matti

-- 
[Webapplikationen in C++ entwickeln](http://tntnet.org/)

[troy]

Ich würde dir empfehlen, das "progress"- oder "meter"-Tag aus HTML5 zu verwenden.

Hallo Matti,

das meter-Tag hört sich erstmal gut an, aber so wie ich die Definition lese, braucht der meter auch 2 mal die Prozent-Angabe?

Gruß - troy.