mehrfach Leerzeichen und schriftart Problem

[edada]

Hallo,

Ich habe ein Problem in HTML und JS. Ich versuche die eingegebenen Text in inputfeld mit Javaskript mit innerHTML auszugeben.

Inputfeld:
<div style="padding-left:5px;">
<input type="text" name="text" value="" style="width:360px " style="font-size:12px; font-family:Arial" onKeyUp="f_textdisplay(this.value)" >
</div>

Javaskript:
function f_textdisplay(text)
{
document.getElementById("vorschau").innerHTML = text;
opener.document.getElementById("companysp").innerHTML = "<pre>"+text+"</pre>";
}

InnerHTML:die eingegeben Text sollen hier ausgegeben

<div style="width:388px; height:130px;background-color:#FFFFFF; font-size:12px; text-align:center">
<span id="companysp" style=" ">&nbsp;</span>
</div>

Um das Leerzeichen auch ausgegeben zu werden habe ich "<pre>" benutzt. aber ich kann der Schriftart und Schrifteffekte wie zb.:unterstreichen,überstreichen...mit Javaskript dann nicht mehr ändern.

unten ist ein JS-Funktion von ein popup-fenster, das von obigen Seite geöffnet wird:

function f_fonttype()
{
var fonttype;
for (i = 0; i < document.font.fonttype.length; i++)
{
if(document.font.fonttype.options[i].selected == true)
{
fonttype = document.font.fonttype.options[i].value;
}
}
opener.document.getElementById("companysp").style.fontFamily = fonttype;

}

Ich habe viele geteste aber funktionieren alle nicht. Wenn ich <pre> in JS weggemacht wurde dann schriftart funktioniert wieder, aber mehr Leerzeichen werden ignoriert.
Wer weiss eine gute Lösung, dass ich mehr Leerzeichen in inenrHTML bleiben lassen und das Zeichenart auch mit JS ändern könnte.


Vielen Danke!!!!

[Malleus]

Hallo,
wenn ich Dich richtig verstanden habe, versuch' mal folgendes:

function f_textdisplay(text)
{
text=text.replace(/ /g," ")
document.getElementById("vorschau").innerHTML = text;
opener.document.getElementById("companysp").innerHTML = text;
}

Tschau

Frank

[edada]

Sorry,habe neulich andere beschäftigt,und erst heute Ihre Antworten gelsen.

Vorher gabe ich gleich das Code probiert.. Es funktioniert perfekt.
Vielen Vielen Danke!!!!