romero: farbiger String in einer Tabelle klappt nicht.

Beitrag lesen

hallöchen auch,

und wieder ein problem. ich habe script erstellt (*.hta-datei) wo ich u.a. eine vorhandene *.txt-datei mit einem bestimmten satz an daten vergleicht und mir diesen ausgibt:

hier nur ein kleiner auszug dessen:

				for( var i = 0; i < e_Gesamt.length; i++ )  
				{  
					for( var j = 0; j < f_Füllstoff.length; j++ )  
					{  
						if( e_Gesamt[i].substr( 0, 11 ) == f_Füllstoff[j].substr( 0, 11 ) && e_Gesamt[i].substr( 11, 3 ) != f_Füllstoff[j].substr( 11, 3 ) )  
						{  
							if( e_Gesamt[i] != f_Füllstoff[j] )  
							{  
								unterschiede_Gesamt.push( e_Gesamt[i] + "/" + f_Füllstoff[j] + "/andere Variante vorhanden!" );  
								e_Gesamt.splice( i, 1, "" );  
								f_Füllstoff.splice( j, 1, "" );  
								a_Gesamt.splice( i, 1, "" );  
								b_Gesamt.splice( j, 1, "" );  
  
								ZählerUngleicherMatten++;  
							}; ...

nun will ich gern das er (wie hier in dem bsp. als unterschied zusehen ist) die variante farbig ausgibt. sprich: bei beiden variablen (e_Gesamt[i] & f_Gesamt[i] die stellen 11-13 rot hervorheben. das würde ich mittels font color="red" machen. wenn ich das nun ausgebe (function msg( s ) { document.getElementById("msgs").innerHTML += s; }; => funktion zur darstellung (msgs = id für das übersichtsfenster ) ), klappt das wunderbar.

ich erstelle aber eine dynamische tabelle welche sich,je nach dem wie groß die anzahl der unterschiede ist,selbstständig erweitert.der code sieht da wie folgt aus:

					var unterschiede_vorhanden_tmp_Gesamt = new Array();			//--> temporäre Variablen zu  
					var unterschiede_neu_tmp_Gesamt = new Array();				//--> den einzelnen Variablen  
					var unterschiede_merkmal_tmp_Gesamt = new Array();			//--> der Unterschiede!!!  
  
					for( var i = 0; i < unterschiede_Gesamt.length; i++ )  
					{  
						unterschiede_vorhanden_tmp_Gesamt.push( unterschiede_Gesamt[i].substr( 0, unterschiede_Gesamt[i].indexOf( "/" ) ) );  
  
						unterschiede_neu_tmp_Gesamt.push( unterschiede_Gesamt[i].substr( unterschiede_Gesamt[i].indexOf( "/" )+1, unterschiede_Gesamt[i].lastIndexOf( "/" )-unterschiede_Gesamt[i].indexOf( "/" )-1 ) );  
  
						unterschiede_merkmal_tmp_Gesamt.push( unterschiede_Gesamt[i].substr( unterschiede_Gesamt[i].lastIndexOf( "/" )+1, unterschiede_Gesamt[i].length ) );  
					};  
  
					var UnterschiedeVorhandenGesamt = unterschiede_vorhanden_tmp_Gesamt;  
					var UnterschiedeNeuGesamt = unterschiede_neu_tmp_Gesamt;  
					var UnterschiedeMerkmalGesamt = unterschiede_merkmal_tmp_Gesamt;  
  
				//-------------------------------------------------------------------  
				//--> Einfügen einer neuen Tabelle bei ID = msgs für die Unterschiede  
				//-------------------------------------------------------------------  
  
					table_untersch = document.createElement( "table" );  
					table_untersch.className = "table3";  
					tbody_untersch = document.createElement( "tbody" );  
					tbody_untersch.id = "Tabellenkopf_Unterschiede";  
  
					table_untersch.appendChild( tbody_untersch );  
					document.getElementById( "msgs" ).appendChild( table_untersch );  
  
					tr_überschrift = document.createElement( "tr" );  
					td1_überschrift = document.createElement( "td" );  
					td2_überschrift = document.createElement( "td" );  
					td3_überschrift = document.createElement( "td" );  
					td4_überschrift = document.createElement( "td" );  
					td5_überschrift = document.createElement( "td" );  
  
					newTDText1_überschrift = document.createTextNode( "Vorhandene Stückliste" );  
					newTDText2_überschrift = document.createTextNode( "-" );  
					newTDText3_überschrift = document.createTextNode( "Neue Stückliste" );  
					newTDText4_überschrift = document.createTextNode( "" );  
					newTDText5_überschrift = document.createTextNode( "Unterschiede" );  
  
					tr_überschrift = document.getElementById( "Tabellenkopf_Unterschiede" ).appendChild( tr_überschrift );  
  
					TAB_überschrift = document.getElementById( "Tabellenkopf_Unterschiede" );  
  
					td11_überschrift = TAB_überschrift.getElementsByTagName( "tr" )[0].appendChild( td1_überschrift );  
					td22_überschrift = TAB_überschrift.getElementsByTagName( "tr" )[0].appendChild( td2_überschrift );  
					td33_überschrift = TAB_überschrift.getElementsByTagName( "tr" )[0].appendChild( td3_überschrift );  
					td44_überschrift = TAB_überschrift.getElementsByTagName( "tr" )[0].appendChild( td4_überschrift );  
					td55_überschrift = TAB_überschrift.getElementsByTagName( "tr" )[0].appendChild( td5_überschrift );  
  
					td11_überschrift.width = "175";  
					td11_überschrift.className = "Unterschiede";  
					td11_überschrift.align = "left";  
					td22_überschrift.width = "25";  
					td22_überschrift.align = "center";  
					td22_überschrift.className = "Unterschiede";  
					td33_überschrift.width = "175";  
					td33_überschrift.className = "Unterschiede";  
					td33_überschrift.align = "left";  
					td44_überschrift.width = "25";  
					td44_überschrift.className = "Unterschiede";  
					td44_überschrift.align = "center";  
					td55_überschrift.width = "350";  
					td55_überschrift.className = "Unterschiede";  
					td55_überschrift.align = "left";  
  
					td11_überschrift.appendChild( newTDText1_überschrift );  
					td22_überschrift.appendChild( newTDText2_überschrift );  
					td33_überschrift.appendChild( newTDText3_überschrift );  
					td44_überschrift.appendChild( newTDText4_überschrift );  
					td55_überschrift.appendChild( newTDText5_überschrift );  
  
					var j = 1;  
  
					var test = [];  
  
					for( var i = 0; i < UnterschiedeMerkmalGesamt.length; i++ )  
					{  
						var vorhanden = UnterschiedeVorhandenGesamt[i];  
						var neu = UnterschiedeNeuGesamt[i];  
						var merkmal = UnterschiedeMerkmalGesamt[i];  
  
						tr_untersch = document.createElement( "tr" );  
						td1_untersch = document.createElement( "td" );  
						td2_untersch = document.createElement( "td" );  
						td3_untersch = document.createElement( "td" );  
						td4_untersch = document.createElement( "td" );  
						td5_untersch = document.createElement( "td" );  
  
						tr_untersch.height = "30";  
  
						newTDText1_untersch = document.createTextNode( vorhanden );  
						newTDText2_untersch = document.createTextNode( "-" );  
						newTDText3_untersch = document.createTextNode( neu );  
						newTDText4_untersch = document.createTextNode( " " );  
						newTDText5_untersch = document.createTextNode( merkmal );  
  
						tr_untersch = document.getElementById( "Tabellenkopf_Unterschiede" ).appendChild( tr_untersch );  
  
						TAB_untersch = document.getElementById( "Tabellenkopf_Unterschiede" );  
  
						td11_untersch = TAB_untersch.getElementsByTagName( "tr" )[j].appendChild( td1_untersch );  
						td22_untersch = TAB_untersch.getElementsByTagName( "tr" )[j].appendChild( td2_untersch );  
						td33_untersch = TAB_untersch.getElementsByTagName( "tr" )[j].appendChild( td3_untersch );  
						td44_untersch = TAB_untersch.getElementsByTagName( "tr" )[j].appendChild( td4_untersch );  
						td55_untersch = TAB_untersch.getElementsByTagName( "tr" )[j].appendChild( td5_untersch );  
  
						td11_untersch.width = "175";  
						td11_untersch.className = "Zusatzliste";  
						td11_untersch.align = "left";  
						td22_untersch.width = "25";  
						td22_untersch.align = "center";  
						td22_untersch.className = "Zusatzliste";  
						td33_untersch.width = "175";  
						td33_untersch.className = "Zusatzliste";  
						td33_untersch.align = "left";  
						td44_untersch.width = "25";  
						td44_untersch.className = "Zusatzliste";  
						td44_untersch.align = "center";  
						td55_untersch.width = "350";  
						td55_untersch.className = "Zusatzliste";  
						td55_untersch.align = "left";  
  
						td11_untersch.appendChild( newTDText1_untersch );  
						td22_untersch.appendChild( newTDText2_untersch );  
						td33_untersch.appendChild( newTDText3_untersch );  
						td44_untersch.appendChild( newTDText4_untersch );  
						td55_untersch.appendChild( newTDText5_untersch );  
  
						j++;  
					};

wenn ich aber nun das mit der farbe hinzufüge dann bringt er statt des farbigen teils folgende ausgabe in der tabelle:

<font color="red">Text der sonst auch zu sehen ist</font>

zu sehen sollte aber das sein:

Text der (farbiges hervorheben)sonst(farbiges hervorheben endet hier) zu sehen ist

aber da ist nix farbig.was mache ich da falsch?