[JavaScript] Как сделать перенос строк

rid2000

У меня есть ячейка таблицы. В ней храниться текст...
По клику мышы можно изменять текст (javaScript)...
Если ввести текст длиной 200 символов - ячейка соответственно растянется, что не хорошо - в моем случае...
Как можно текст разбить на строки по 25 символов в строке с помощью javaScript-а?
Т.е.
Текст:
12345678901234567890123456789
Должно получиться:
1234567890123456789012345
6789

Andr163

попробуй <br> вставлять после каждого 25го символа ?

rid2000

Я так и делаю -) (в сервлете)
И нормально выводяться при запросе с сервера.
А как сделать такую фишку на клиенте? Т.е. с какой стороны подойти к JavaScript - чтобы такое полчилось -

pitrik2

хоть убей не понимаю чего ты хочешь

если ты говоришь что делаешь так на сервлете, значит ты рпограммировать умеешь и сам процесс понимаешь
тогда в чем проблема тот же самый кусок с Java на JavaScript переписать?
приведи код который не работает, скажем чего у тебя не так

Andr163



var need_value = '';

function get_new_val (str)

{

	var addition = 'abcdefg';

	return str + addition;

}

function add 

{

	need_value = get_new_val (need_value);

	var len = (need_value.length);

	var src = '';

	var i = 0;

	for (; i < len; i += 25)

	{

		if (i) src += '<br>';

		src += need_value.slice (i, i + 25);

	}

				

	var el = document.getElementById ("res");

	el.innerHTML = src;

}

voronetskaya

смотри какая красота работает в 6 эксплорере:
<div style="width:35px;word-wrap: break-word;">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div>

Andr163

прикольно

voronetskaya

и кстати вместо <br> лучше вставлять все-таки <wbr>

Andr163

не факт

rid2000

Спасибо... так классно работает...

Вот кодик простенький - пример:



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body>

	<table border=1>

		<tr>

			<td><div id=divid style="width:300px;word-wrap: break-word;">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss</div></td>

		</tr>

		<tr>

			<td>

				<input type="hidden" name="iid" value="-"/>

				<input type="button" value="button" onClick="aa=prompt('Entire a text', 'text'); if(aa!=null){document.all.divid.innerHTML=aa;iid.value=aa;} return false;"/>

			</td>				

		</tr>

	</table>

</body>

</html>

Andr163

под ie. а под остальные браузеры ?

rid2000

Ну да... вобще-та...
Здеся глюк есть....
Содержимое ячейки он переносит - все прекрасно.... Но ширину ячейки он все время увеличивает

Andr163

а мой код пробовал ?

rid2000

ТО что надо

Оставить комментарий