SitePoint Sponsor |
|
User Tag List
Results 1 to 3 of 3
-
Dec 27, 2004, 12:45 #1
- Join Date
- Jun 2002
- Location
- Pasadena, CA
- Posts
- 111
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Efficient code: Preview form data before submit
Hi,
I've adapted a script to preview input data from a form (prior to submitting).
PHP Code: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;
}
PHP Code:<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>
Q: What is efficient way to combine all elements?
Thankx in advance,
Arthur
-
Dec 27, 2004, 13:29 #2Code:
function ReloadTextDiv(source, destination) { var NewText = document.getElementById(source).value; NewText = NewText.replace(/\n/g, '<br />'); var DivElement = document.getElementById(destination); DivElement.innerHTML = NewText; }
HTML Code:<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>
-
Dec 27, 2004, 13:42 #3
- Join Date
- Jun 2002
- Location
- Pasadena, CA
- Posts
- 111
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Hi vgarcia,
Wow!!
You're right. I completely forgot to explore that avenue...
I really appreciate your input!
Regards,
Arthur
Bookmarks