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?