Efficient code: Preview form data before submit

[arthaus]

Hi,

I've adapted a script to preview input data from a form (prior to submitting).

    function ReloadTextDiv() {
        var NewText = document.getElementById("addinfo").value;
        NewText = NewText.replace(/\n/g, '<br />');
        var DivElement = document.getElementById("textDisplay");
        DivElement.innerHTML = NewText;
    }
    function ReloadTextDiv2() {
        var NewText = document.getElementById("fax").value;
        NewText = NewText.replace(/\n/g, '<br />');
        var DivElement = document.getElementById("textDisplay2");
        DivElement.innerHTML = NewText;
    }
    function ReloadTextDiv3() {
        var NewText = document.getElementById("tel").value;
        NewText = NewText.replace(/\n/g, '<br />');
        var DivElement = document.getElementById("textDisplay3");
        DivElement.innerHTML = NewText;
    } 

The usage...

<textarea id="addinfo" name="addinfo" cols="33" rows="5" onKeyUp="ReloadTextDiv();" /></textarea>
<input id="fax" name="fax" type="text" class="text" onKeyUp="ReloadTextDiv2();" />
<input id="tel" name="tel" type="text" class="text" onKeyUp="ReloadTextDiv3();" />

<p><span id="textDisplay"></span></p>
<p><span id="textDisplay2"></span></p>
<p><span id="textDisplay3"></span></p> 

I'm new adapting (others) JS code. I realize it's not proper to 'band-aid' above code (with current format).

Q: What is efficient way to combine all elements?

Thankx in advance,
Arthur

[vgarcia]

function ReloadTextDiv(source, destination) {
        var NewText = document.getElementById(source).value;
        NewText = NewText.replace(/\n/g, '<br />');
        var DivElement = document.getElementById(destination);
        DivElement.innerHTML = NewText;
    }

<textarea id="addinfo" name="addinfo" cols="33" 
rows="5" onKeyUp="ReloadTextDiv('addinfo', 'textDisplay');" /></textarea>
<input id="fax" name="fax" type="text" 
class="text" onKeyUp="ReloadTextDiv('fax', 'textDisplay2');" />
<input id="tel" name="tel" type="text" 
class="text" onKeyUp="ReloadTextDiv('tel', 'textDisplay3');" />

<p><span id="textDisplay"></span></p>
<p><span id="textDisplay2"></span></p>
<p><span id="textDisplay3"></span></p> 

All you have to do is pass the ids of your source and destination elements with the function I've provided above

[arthaus]

Hi vgarcia,

Wow!!
You're right. I completely forgot to explore that avenue...

I really appreciate your input!

Regards,
Arthur