asked on
Wrap text in Table cell
Hi,
I have a table where the data in a particular cell to be wrapped at 15th character.
I tried the option of <td width=15 > but it won't work.
I need the text to wrapped at every 15th character.
The text contains spaces.
For example : The text in the Tabel cell is like this
" PO box No 345677 Reference information".
I need the above text to be wrapped like this.
PO BoX No 34567
7 Reference Inf
mation
The Text comes from a database.(TD is databound)
I'm looking for any javascript .
Any help would be greatly appreciated.
Thanks
Anita
I have a table where the data in a particular cell to be wrapped at 15th character.
I tried the option of <td width=15 > but it won't work.
I need the text to wrapped at every 15th character.
The text contains spaces.
For example : The text in the Tabel cell is like this
" PO box No 345677 Reference information".
I need the above text to be wrapped like this.
PO BoX No 34567
7 Reference Inf
mation
The Text comes from a database.(TD is databound)
I'm looking for any javascript .
Any help would be greatly appreciated.
Thanks
Anita
Web Languages and Standards
Last Comment
COBOLdinosaur
<script type="text/javascript">
function formatStr(EL)
{
strbuff=EL.innerHTML;
newstr='';
startI = 0;
subsarr=new Array(strbuff.length/7+1);
for (i=0;i<subarr.length;i++)
{
subarr[i]=strbuff.substr(s
startI+=7;
}
for (i=0;i<subarr.length-1;i++
{
newstr+=subarr[i]+'<br />';
}
str+=subarr[subarr.length-
EL.innerHTML=str;
}
</script>
Cd&
function formatStr(EL)
{
strbuff=EL.innerHTML;
newstr='';
startI = 0;
subsarr=new Array(strbuff.length/7+1);
for (i=0;i<subarr.length;i++)
{
subarr[i]=strbuff.substr(s
startI+=7;
}
for (i=0;i<subarr.length-1;i++
{
newstr+=subarr[i]+'<br />';
}
str+=subarr[subarr.length-
EL.innerHTML=str;
}
</script>
Cd&
ASKER
Hi Cd&
Can you please explain your script with comments
Thanks
Anita
Can you please explain your script with comments
Thanks
Anita
ASKER CERTIFIED SOLUTION
THIS SOLUTION ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
ASKER
Hi Cd&,
Thank You vey much. It's wroking great. I need to do couple of changes in your script.
subsarr=new Array(strbuff.length/15+1)
subarr=new Array(parseInt(strbuff.len
// because strbuff.length/15+1 results in a floating value and array must have finite integer value. // subsarr replaced by subarr
newstr='';
startI = 0;
str=''; // declare variable for str otherwise compile error.
I also modified the above script to make it general
formatStr(EL,maxchars)
maxchars is the no of characters per line or the nth character at which wrapping to be done. Here is the same script
function formatStr(EL,maxchars)
// the EL is the target element passed fron the invokin process in the form:
// maxchars is no of characters per line or the nth character at which text to be wrapped. For Ex At 15th character//
// document.getElementById('i
{
strbuff=EL.innerHTML;
// takes the content of the eleemtn and puts it into a string
newstr='';
startI = 0;
max=maxchars;
str='';
subarr=new Array(parseInt(strbuff.len
// creates an array with a length that will hold all max character segments + the final bit.
// in the earlier versio I was using 7 which is incorrect 15 is the required size
for (i=0;i<subarr.length;i++)
{
// this loop creates max character substrings an put them in anarray
subarr[i]=strbuff.substr(s
startI+=max;
}
for (i=0;i<subarr.length-1;i++
{
// this loop creates a new string by concatenating the elements in the array
// with an HTML line break tag between each segment
newstr+=subarr[i]+'<br />';
}
str+=subarr[subarr.length-
// the final segement is append outside to loop to avoid an extra linefeed
EL.innerHTML=newstr;
// the content of the target element is replaced with the new string
}
<body id="body" onload="formatStr(document
<form id="Form1" method="post" runat="server">
<table border=2>
<tr><td id="tdRef1">Refer for other application and contain
</td></tr>
</table>
</form>
</body>
</HTML>
Thanks again . I accept your answer. Please let me know how to assig points to you.
Anita
Thank You vey much. It's wroking great. I need to do couple of changes in your script.
subsarr=new Array(strbuff.length/15+1)
subarr=new Array(parseInt(strbuff.len
// because strbuff.length/15+1 results in a floating value and array must have finite integer value. // subsarr replaced by subarr
newstr='';
startI = 0;
str=''; // declare variable for str otherwise compile error.
I also modified the above script to make it general
formatStr(EL,maxchars)
maxchars is the no of characters per line or the nth character at which wrapping to be done. Here is the same script
function formatStr(EL,maxchars)
// the EL is the target element passed fron the invokin process in the form:
// maxchars is no of characters per line or the nth character at which text to be wrapped. For Ex At 15th character//
// document.getElementById('i
{
strbuff=EL.innerHTML;
// takes the content of the eleemtn and puts it into a string
newstr='';
startI = 0;
max=maxchars;
str='';
subarr=new Array(parseInt(strbuff.len
// creates an array with a length that will hold all max character segments + the final bit.
// in the earlier versio I was using 7 which is incorrect 15 is the required size
for (i=0;i<subarr.length;i++)
{
// this loop creates max character substrings an put them in anarray
subarr[i]=strbuff.substr(s
startI+=max;
}
for (i=0;i<subarr.length-1;i++
{
// this loop creates a new string by concatenating the elements in the array
// with an HTML line break tag between each segment
newstr+=subarr[i]+'<br />';
}
str+=subarr[subarr.length-
// the final segement is append outside to loop to avoid an extra linefeed
EL.innerHTML=newstr;
// the content of the target element is replaced with the new string
}
<body id="body" onload="formatStr(document
<form id="Form1" method="post" runat="server">
<table border=2>
<tr><td id="tdRef1">Refer for other application and contain
</td></tr>
</table>
</form>
</body>
</HTML>
Thanks again . I accept your answer. Please let me know how to assig points to you.
Anita
ASKER
Hi Cd&,
in continuation to the above I have another question . How to implement the same functionality for a repeater control.
In my web page I'm using a repeater to display data which consists of table and text in some of the cells to be wrapped
Thanks
Anitha
in continuation to the above I have another question . How to implement the same functionality for a repeater control.
In my web page I'm using a repeater to display data which consists of table and text in some of the cells to be wrapped
Thanks
Anitha
Just call the function from the event that fires the repeater event handler.
to assign points just click the accept button next to the comment you want to make the answer, and it will bring up the grading screen.
Cd&
to assign points just click the accept button next to the comment you want to make the answer, and it will bring up the grading screen.
Cd&
Glad we could help. Thanks for the A. :^)
Cd&
Cd&
<td><div style="width:10pt; word-wrap: break-word;"> asldkjf alsdk jfalskasdf asdf asldfja a</div></td>
If you can use serverside
this should work for you
http://www.php.net/wordwrap