Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 1290
  • Last Modified:

wrap/break text

i am trying to wrap the long text which has no white space inbetween the letters within the width of the td using style syntax.
 it works fine in IE. but fails in ff.  
 so i need to break the text and insert a break or new row after each 200 characters using javascript.
 pl help.
<HTML>
<HEAD>
<style>
  td {	 word-break:break-all; 
		 word-wrap:break-word;
		 white-space:pre-line;
      }
</style>
 </HEAD>
 <BODY>
  <TABLE width="600px" border="1">
  <TR>
        <TD width="400px">fsdafsdddddddddddddddddddddddddddddgfgggggggggggggggggggggggggggggggggggggggggggggggd</TD>
        <TD width="200px">ffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
  </TR>
  <TR>
        <TD>fffffffffffffffffffffffffffffffffffffffffff</TD>
        <TD>ddddddddddddddd</TD>
  </TR>
  <TR>
        <TD>dsafdfas</TD>
        <TD>dasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</TD>
  </TR>
  </TABLE>
 </BODY>
</HTML>

Open in new window

0
vidhubala
Asked:
vidhubala
  • 4
1 Solution
 
Ali KayahanFull Stack DeveloperCommented:


<HTML>
<HEAD>
<style>
  td {	 word-break:break-all; 
		 word-wrap:break-word;
		 white-space:pre-line;
      }
</style>
<script language="javascript">
function wrap(text) {
	var z = 100 ;
	var ttl = text.length / z ;
	ttl = (Math.round(ttl) + 2) * z ;
	for(var i = z;i < ttl ;i += z) {
	document.write(text.substring(i-z,i)+"<br>") ;
	}
}
</script>
 </HEAD>
 <BODY>
  <TABLE width="600px" border="1">
  <TR>
        <TD width="400px"><script>wrap("ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff")</script></TD>
        <TD width="200px"></TD>
  </TR>
  </TABLE>
 </BODY>
</HTML>

Open in new window

0
 
vidhubalaAuthor Commented:
good attempt. not very useful. cant put script tag in each td.
0
 
vidhubalaAuthor Commented:
also its not breaking the word evenly.
0
VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

 
vidhubalaAuthor Commented:
fails in Firefox.
 tried another method too.. it fails in firefox.pl help.
<HTML>
<HEAD>
<style>
  td {   word-break:break-all; 
                 word-wrap:break-word;
                 white-space:pre-line;
      }
</style>
<script language="javascript">
function wrap() {
        var text = document.getelementsbytagname('td'); 
		var z = 100 ;
        var ttl = text.length / z ;
        ttl = (Math.round(ttl) + 2) * z ;
        for(var i = z;i < ttl ;i += z) {
        document.write(text.substring(i-z,i)+"<br>") ;
        }
}
</script>
 </HEAD>
 <BODY>
  <TABLE width="400px" border="1">
  <TR>
      <TD width="400px" id="one">	  ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
      <TD width="200px">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
  </TR>
  <TR>
      <TD width="400px" id="one">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
      <TD width="200px">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
  </TR>
  </TABLE>
 </BODY>
</HTML>

Open in new window

0
 
hieloCommented:
Try this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
 "http://www.w3.org/TR/REC-html40/strict.dtd">
 
 
<HTML>
<HEAD>
<style>
  td {   word-break:break-all; 
                 word-wrap:break-word;
                 white-space:pre-line;
			  
      }
</style>
<script language="javascript">
function wrap() {
	var data = document.getElementsByTagName('td'); 
	var  desiredLength =40 ;
	var delimiter="<br/>";
	for( var i=0; i < data.length; ++i )
	{
		cellLength=data[i].innerHTML.length
		if( desiredLength < cellLength )
		{
			var counter=0;
			var output="";
			while( counter < cellLength )
			{
				output += data[i].innerHTML.substr(counter,desiredLength) + delimiter;
				counter+= desiredLength;
			}
			data[i].innerHTML=output;
		}
	}
}
window.onload=wrap;
</script>
 </HEAD>
 <BODY>
<center>
  <TABLE width="600" border="1">
  <TR>
      <TD width="400px" id="one">	  ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffffffffffffffffffffffffggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
      <TD width="200px">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
  </TR>
  <TR>
      <TD width="400px" id="one">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
      <TD width="200px">ggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggfffff</TD>
  </TR>
  <TR>
      <TD width="400px" id="one">gfffff</TD>
      <TD width="200px">gg</TD>
  </TR>
  </TABLE></center>
 </BODY>
</HTML>

Open in new window

0
 
vidhubalaAuthor Commented:
great. thanks.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now