Ad:

JavaScript / DHTML / AJAX Discussion Thread
Marked Solved
Views: 1936

Aug 26th, 2009

problem with <br> tag inside <textarea> tag???

Expand Post »

I have written some code for template generator but I am having issue getting the formatting when it is generated in the <textarea></textarea>.

I want to have it to look like

Service Affected: {then populated text}
Service Status: {again populated text}
Current/Next Actions: {populated text}

it ends up printing out the <br>

Service Impacted: data<br />Service Status : lost comms<brNext Action : carrier invest<br>

here is the code I have written.

html Syntax (Toggle Plain Text)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
  <script language="JavaScript">
 
  function generate()
 
  {
 
      var sms = ''
 
     var impact = document.sms.impacted.value;
 
     var status = document.sms.status.value;
 
     var action = document.sms.action.value;
     var BR = '<br>'
 
	  sms = sms + '<textarea name="template" rows="10" cols="55">';
 
     sms = sms + 'Service Impacted: '+ impact + '<br />';
 
     sms = sms + 'Service Status  : '+ status + '<br>';
 
     sms = sms + 'Next Action     : '+ action +'<br>';
 
	  sms = sms + '</textarea>';
 
     document.getElementById('sms').innerHTML=sms;
 
     //document.getElementById('blank').innerHTML='';
 
  }
 
  </script>
 
<link href="scripts/imt.css" rel="stylesheet" type="text/css" />
 
</head>
 
<body>
 
<script type="text/javascript">
 
<!--
 
-->
 
</script>
 
<div id="page">
 
    <div id="wrapper">
 
        <div id="header"></div>
 
        <div id="topSpacer"></div>
 
        <div id="body">&nbsp;
 
        	<h2 align="center">The Fault logging assistant</h2>
 
        	<h3 align="center"></h3>
 
<form name="sms" action="">
 
 <table name="table" width="500" border="0" align="center">
 
  <tr align="center">
 
   <td colspan="2">
 
    <h3>SMS Template Genterator</h3>
 
   </td>
 
  </tr>
 
  <tr>
 
   <td><strong>Service Impacted: </strong></td>
 
   <td>
 
    <input type="text" name="impacted" value="">
 
   </td>
 
  </tr>
 
  <tr>
 
   <td><strong>Service Status: </strong></td>
 
   <td>
 
    <input type="text" name="status" value="">
 
   </td>
 
  </tr>
 
  <tr>
 
   <td><strong>Next Action: </strong></td>
 
   <td>
 
    <input type="text" name="action" value="">
 
   </td>
 
  </tr> 
   <td><input type="button" name="button" value="Generate" onClick="generate()">
 
  <tr>
 
  </tr>
 
  <tr>
 
   <td colspan="2">    
 
    <span id='sms'></span>
 
   </td>
 
  </tr>
 
 </table>
 
<span id="blank"></span>
 
</form>
 
        </div>
 
        <div id="bottomSpacer"></div>
 
        <div id="footer">
 
        </div>      
 
    </div>
 
</div>
 
</body>
 
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

  <script language="JavaScript">

  function generate()

  {

      var sms = ''

     var impact = document.sms.impacted.value;

     var status = document.sms.status.value;

     var action = document.sms.action.value;
     var BR = '<br>'
     
	  sms = sms + '<textarea name="template" rows="10" cols="55">';

     sms = sms + 'Service Impacted: '+ impact + '<br />';

     sms = sms + 'Service Status  : '+ status + '<br>';

     sms = sms + 'Next Action     : '+ action +'<br>';

	  sms = sms + '</textarea>';

     document.getElementById('sms').innerHTML=sms;

     //document.getElementById('blank').innerHTML='';

  }

  </script>

<link href="scripts/imt.css" rel="stylesheet" type="text/css" />

</head>

<body>

<script type="text/javascript">

<!--

-->

</script>

<div id="page">

    <div id="wrapper">

        <div id="header"></div>

        <div id="topSpacer"></div>

        <div id="body">&nbsp;

        	<h2 align="center">The Fault logging assistant</h2>

        	<h3 align="center"></h3>

<form name="sms" action="">

 <table name="table" width="500" border="0" align="center">

  <tr align="center">

   <td colspan="2">

    <h3>SMS Template Genterator</h3>

   </td>

  </tr>

  <tr>

   <td><strong>Service Impacted: </strong></td>

   <td>

    <input type="text" name="impacted" value="">

   </td>

  </tr>

  <tr>

   <td><strong>Service Status: </strong></td>

   <td>

    <input type="text" name="status" value="">

   </td>

  </tr>

  <tr>

   <td><strong>Next Action: </strong></td>

   <td>

    <input type="text" name="action" value="">

   </td>

  </tr> 
   <td><input type="button" name="button" value="Generate" onClick="generate()">

  <tr>

  </tr>

  <tr>

   <td colspan="2">    

    <span id='sms'></span>

   </td>

  </tr>

 </table>

<span id="blank"></span>

</form>

        </div>

        <div id="bottomSpacer"></div>

        <div id="footer">

        </div>      

    </div>

</div>

</body>

</html>

Last edited by leviathan185; Aug 26th, 2009 at 9:32 am. Reason: remove personal info

Similar Threads

how to validate checkbox with different names? in HTML and CSS
can i retrieve the break tag from querystring? in HTML and CSS
to select a string from textarea in JavaScript / DHTML / AJAX
make a link from an array variable in PHP
RSS Feeds Tag Generation in RSS, Web Services and SOAP

leviathan185

Reputation Points: 19

Solved Threads: 15

Junior Poster

Offline

105 posts
since May 2009

Permalink

Aug 26th, 2009

Re: problem with <br> tag inside <textarea> tag???

Have you tried escape characters? \n ?

AshtonHogan

Reputation Points: 7

Solved Threads: 1

Posting Whiz in Training

Online

209 posts
since Jul 2009

Permalink

Aug 26th, 2009

Re: problem with <br> tag inside <textarea> tag???

inside quotes of use + /n

I tried it in quotes and it just printed .n in there as well. i tried with out quotes and the code did not execute

leviathan185

Reputation Points: 19

Solved Threads: 15

Junior Poster

Offline

105 posts
since May 2009

Permalink

Aug 26th, 2009

Re: problem with <br> tag inside <textarea> tag???

Hi,

try to re-apply few changes over lines':

(Toggle Plain Text)

<script type="text/javascript">
// <![CDATA[

  function generate()
  {
      var sms = ''

     var impact = document.sms.impacted.value;
     var status = document.sms.status.value;
     var action = document.sms.action.value;
     var BR = '\n';
     
     sms = sms + '<textarea name="template" rows="10" cols="55">';
     sms = sms + 'Service Impacted: '+ impact + BR;
     sms = sms + 'Service Status  : '+ status + BR;
     sms = sms + 'Next Action     : '+ action + BR;
     sms = sms + '</textarea>';

     document.getElementById('sms').innerHTML=sms;
     //document.getElementById('blank').innerHTML='';
  }
// ]]>
</script>

hope it helps...

essential

Featured Poster

Reputation Points: 114

Solved Threads: 138

Posting Shark

Offline

973 posts
since Aug 2008

Permalink

Aug 26th, 2009

Re: problem with <br> tag inside <textarea> tag???

Click to Expand / Collapse Quote originally posted by essential ...

Hi,

try to re-apply few changes over lines':
(Toggle Plain Text)
<script type="text/javascript">
// <![CDATA[

  function generate()
  {
      var sms = ''

     var impact = document.sms.impacted.value;
     var status = document.sms.status.value;
     var action = document.sms.action.value;
     var BR = '\n';
     
     sms = sms + '<textarea name="template" rows="10" cols="55">';
     sms = sms + 'Service Impacted: '+ impact + BR;
     sms = sms + 'Service Status  : '+ status + BR;
     sms = sms + 'Next Action     : '+ action + BR;
     sms = sms + '</textarea>';

     document.getElementById('sms').innerHTML=sms;
     //document.getElementById('blank').innerHTML='';
  }
// ]]>
</script>
<script type="text/javascript"> // <![CDATA[ function generate() { var sms = '' var impact = document.sms.impacted.value; var status = document.sms.status.value; var action = document.sms.action.value; var BR = '\n'; sms = sms + '<textarea name="template" rows="10" cols="55">'; sms = sms + 'Service Impacted: '+ impact + BR; sms = sms + 'Service Status : '+ status + BR; sms = sms + 'Next Action : '+ action + BR; sms = sms + '</textarea>'; document.getElementById('sms').innerHTML=sms; //document.getElementById('blank').innerHTML=''; } // ]]> </script>
hope it helps...

It works! thank you so much you are a legend!

leviathan185

Reputation Points: 19

Solved Threads: 15

Junior Poster

Offline

105 posts
since May 2009

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Need a DIV always at bootm by my way!

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Problem with pop up on my javascript

DaniWeb Message

Cancel Changes

User Name
Password