Automatische Tabellennummerierung und Einfärbung von hermann_k, 06.09.2011 16:02

Automatische Tabellennummerierung und Einfärbung

hermann_k 06.09.2011 16:02

java

Danke für die schnelle, leider aber nicht recht hilfreiche Antwort!

Es handelt sich um ein Programm welches Bearbeitungsschritte auf Fertigungsmaschinen ausgibt. Dies erfolgt in HTML, welches ich ja nicht mal brauche - es wird aus dieser HTML Datei ein PDF. Die HTML Datei dient nur zur generierung dieser Liste. In einem Turtorial des Herstellers wird erläutert wie man diese Schritte durchnummeriert:

Dann in der Tabelle: <tr> <td><script type="text/javascript"> document.write(opNum); opNum=opNum+1; </script></td> <td style="width: 25%">CL613V</td> <td style="width: 20%">CL498V</td> <td style="width: 6%">CL418V</td> <td style="width: 8%">CL416V</td> <td style="width: 6%">OP_LengthOfFeed<br/> OP_LengthOfRapid<br/></td> <td style="width: 7%">OP_CycleTime</td> <td>CL7V</td> </tr>

Hierbei muss man sagen dass der Tabelleninhalt aus Variablen besteht die NICHT in der HTML Datei definiert sind sondern aus dem Programm ausgelesen werden. Es wird also so lange eine Liste generiert solange z.B. die Variable "CL613V" einen Wert hat.

Diese Liste ist aber recht unüberschaubar und somit somit soll jede zweite Zeile eingefärbt werden: (Die Variable wg_farbe wird natürlich im oberen Bereich der HTML Datei deffiniert)

Ich bin nicht wirklich der Javascript Guru - deshalb dachte ich mir ich schreibe diese Tabelle einfach zweimal. Einmal wo sie in weiß ausgegeben wird und einmal in grau (class="style4") Das ganze dann mit der Bedingung der Farbe (Also 0 oder 1) Das, wie gesagt, funktioniert recht gut wenn ich die erste Spalte der Tabelle lösche (das Javascript welches die Schritte nummeriert)

Ich dachte mir halt dass das nach dem "document.write(" kommt (also das was in der Klammer steht) ausgegeben wird - dem ist aber nicht so.

Wie kann man sowas am besten lösen? Also durchnummerieren und jede zweite Zeile einfärben?

Vollständigkeithalber der ganze Code wobei ich nicht glaube dass dieser sonderlich hilfreich ist. Wie gesagt: er wird aus einem Programm ausgegeben und dient lediglich dazu ein PDF draus zu machen.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Weingartner.com - Zeitstudie</title> <style type="text/css"> .Title { font-family: Verdana; font-size: x-large; font-weight: normal; font-style: normal; border-style: none none solid none; border-bottom-width: thin; } .Normal { font-family: Verdana; font-size: small; font-weight: normal; font-style: normal; color: #000000; border-style: none; } .NormalNarrow { font-size: small; font-weight: normal; font-style: normal; font-family: "Verdana"; color: #000000; border-style: none; } p {font-family: Verdana; }

table { border:2px solid #000000; font-size: small; font-weight: normal; font-style: normal; font-family: "Verdana"; color: #000000; }

td { border:1px solid #cccccc; }

.style1 { background-color: #FFFF99; } .style2 { font-size: small; background-color: #0080FF; } .style3 { font-size: medium; } .style4 { font-size: small; background-color: #C0C0C0; }

</style> </head>

<body>

<p>BEGIN_SETTINGS<br /> CreateSimulationPictures=0<br /> SimulationPictureWidth=350<br /> SimulationPictureHeight=350<br /> CreatePartPicture=1<br /> PartPictureWidth=500<br /> PartPictureHeight=300<br /> CreateToolingPictures=0<br /> CreateToolingHolderPictures=0<br /> LoadReportInViewer=1<br /> NAReplacementString=-<br /> END_SETTINGS</p>

<script type="text/javascript">
opNum=1;
wg_farbe=1;
</script>

<p><img src="weingartner_logo_2.jpg" style="float: right" /></p> <p> </p> <p class="Title">ARBEITSABLAUF und BEARBEITUNGSZEITEN</p> <p class="Normal"><span class="Normal">auf Weingärtner MPMC Bearbeitungszentrum</span></p> <p class="Title">LMSU_CustomString2</p>

<table style="width: 100%" cellspacing="0" > <tr> <td style="width: 20%" class="style2"><strong>Firma:</strong></td> <td colspan="3"><strong>LMSU_CustomString5</strong></td> <td rowspan="7"> <img src="PartPic.jpg" width="500" height="300" /></td> </tr> <tr> <td style="width: 20%" class="style2"><strong>Kontakt:</strong></td> <td colspan="3">LMSU_CustomString10</td> </tr> <tr> <td style="width: 20%" class="style2"><strong>Gesamtzeit:</strong></td> <td style="width: 50%"><strong>Gen_CycleTime</strong></td> </tr> <tr> <td style="width: 20%" class="style2"><strong>Maschinenbezeichnung:</strong></td> <td style="width: 50%">LMSU_MachineName</td> </tr> <tr> <td style="width: 20%" class="style2"><strong>Werkstück</strong><br/>   Bezeichnung:<br />   Zeichnungsnummer:<br/>   Materialbezeichnung:</td> <td style="width: 50%"><br/> LMSU_CustomString2<br/> LMSU_CustomString4<br/> LMSU_CustomString6 </td> </tr> <tr> <td style="width: 20%" class="style2"><strong>Rohteil</strong><br/>   Werkstoffnummer:<br/>   Durchmesser:<br/>   Länge:</td> <td style="width: 50%"><br/> LMSU_CustomString3<br/> LMSU_BarDiameter<br/> LMSU_TotalBarLength </td> </tr>

<tr>
	<td style="width: 20%" class="style2"><strong>Kommentar:</strong></td>
	<td colspan="3">&nbsp;<br/>
	&nbsp;<br/></td>
</tr>

</table>

<p class="Normal"><span class="Normal">In der Zeitstudie sind keine Zeiten für das Messen, Reinigen und spannen des Werkstückes angegeben<br/>
	Ein Wechsel der Bearbeitungsreihenfolge, während dem Einfahren des Werkstückes, ist möglich!<br/>
</span></p>

	<td style="width: 25%" class="style1"><strong>Bearbeitungsablauf</strong></td>

	<td style="width: 20%" class="style1"><strong>Werkzeug</strong></td>

	<td style="width: 6%" class="style1"><strong>CSS [m/min]</strong></td>

	<td style="width: 8%" class="style1"><strong>f [mm/U]<br/>
	Fz<br/></strong></td>

	<td style="width: 6%" class="style1"><strong>Vorschub[mm]<br/>
	Eilgang[mm]<br/></strong></td>

	<td style="width: 7%" class="style1"><strong>Zeit</strong></td>

	<td class="style1"><strong>Kommentar</strong></td>
</tr>


<tr>
	<td colspan="10">BEGIN_TURNINGOP</td>
</tr>

<tr>

	<td><script type="text/javascript">
	document.write(opNum);
	opNum=opNum+1;
	</script></td>

	<td style="width: 25%">CL613V</td>

	<td style="width: 20%">CL498V</td>

	<td style="width: 6%">CL418V</td>

	<td style="width: 8%">CL416V</td>

	<td style="width: 6%">OP_LengthOfFeed<br/>
	OP_LengthOfRapid<br/></td>

	<td style="width: 7%">OP_CycleTime</td>

	<td>CL7V</td>
</tr>)
wg_farbe=wg_farbe-1;
}
else
{
document.write(
<tr>

	<td class="style4"><script type="text/javascript">
	document.write(opNum);
	opNum=opNum+1;
	</script></td>

	<td class="style4" style="width: 25%">CL613V</td>

	<td class="style4" style="width: 20%">CL498V</td>

	<td class="style4" style="width: 6%">CL418V</td>

	<td class="style4" style="width: 8%">CL416V</td>

	<td class="style4" style="width: 6%">OP_LengthOfFeed<br/>
	OP_LengthOfRapid<br/></td>

	<td class="style4" style="width: 7%">OP_CycleTime</td>

	<td class="style4">CL7V</td>

</tr>)
wg_farbe=wg_farbe+1;
}

</script>

<tr>
	<td colspan="10">END_TURNINGOP<br/>
	BEGIN_MILLINGOP</td>
</tr>

	<td class="style4" style="width: 25%">CL613V</td>

	<td class="style4" style="width: 20%">CL498V</td>

	<td class="style4" style="width: 6%">CL418V</td>

	<td class="style4" style="width: 8%">CL416V</td>

	<td class="style4" style="width: 6%">OP_LengthOfFeed<br/>
	OP_LengthOfRapid<br/></td>

	<td class="style4" style="width: 7%">OP_CycleTime</td>

	<td class="style4">CL7V</td>
</tr>)
wg_farbe=wg_farbe-1;
}
else
{
document.write(
<tr>
	<td><script type="text/javascript">
	document.write(opNum);
	opNum=opNum+1;
	</script></td>

	<td style="width: 25%">CL613V</td>

	<td style="width: 20%">CL498V</td>

	<td style="width: 6%">CL418V</td>

	<td style="width: 8%">CL416V</td>

	<td style="width: 6%">OP_LengthOfFeed<br/>
	OP_LengthOfRapid<br/></td>

	<td style="width: 7%">OP_CycleTime</td>

	<td>CL7V</td>
</tr>)
wg_farbe=wg_farbe+1;
}

</script>

<tr>
	<td colspan="10">END_MILLINGOP<br/>
	INSERT_OPERATIONS</td>
</tr>

</table>

<p class="Normal"><span class="Normal">Erstellt von Gen_UserName am Gen_Date um Gen_Time.</span></p> <p class="Normal"><span class="Normal">Dateipfad: Gen_FileName</span></p>

</body>

</html>

Danke.

Beitrag melden

– Informationen zu den Bewertungsregeln

SELFHTML Forum - Ergänzung zur Dokumentation Übersicht

hermann_k: Automatische Tabellennummerierung und Einfärbung

Beitrag lesen

Automatische Tabellennummerierung und Einfärbung

Automatische Tabellennummerierung und Einfärbung