вопрос про динамически созданные textarea

<script>

function check()

{

	str = document.getElementById("text").innerHTML;

	array = str.split("\n");



	for(i=0;i<array.length;i++)

	{

		txtar = document.createElement('textarea');

                                txtar.setAttribute("name","mytextarea");

                                txtar.setAttribute("cols","10");

                                txtar.setAttribute("rows","2");

                                txtar.setAttribute("wrap","PHYSICAL");

		txtar.name='textar[]';

		txtar.innerHTML = array;

		document.getElementById("textareas").appendChild(txtar);

	}



}

</script>



<form method="post" action="1.php">



<textarea id="text" name="text"></textarea>

<input type="button" onclick="check()" value="push_me" />

<div id="textareas"><br><br></div>

<input type="submit" value="send" name="send" />



</form>

1)зачем двумя разными путями пытаешся установить два разных значения name

2)appendChild добавит их внутрь нужного элемента, в твоем коде добавляет в <div id="textareas"><br><br></div> так что куда ты руками поставишь этот div туда они и добавятся

3) Пробелы генерируются потому что в windows при переносе строк добавляется не только \n а еще и символ \r т.е. пара символов \r\n

str.split("\r\n"); решит проблему для винды, но под другими ОС работать правильно не будет

так что если не критично что будет только в винде работать то оставляй str.split("\r\n");

если кретично, отдельно делай проверку на символ \r

Чтобы сделать удаление отдельной textarea создавай каждую текстареа в отдельном div, создавай также в этом диве кнопку удалить по нажатии на которую удаляется этот div через removeChild

спасибо за ответы

какой из них предпочтительнее ?

а как сделать чтобы окна шли вертикально ?

с этим подскажешь ?

выбирай любой который нравится но только один а не два;)

добавь например: document.getElementById("textareas").appendChild(document.createElement('br'));

после document.getElementById("textareas").appendChild(txtar);

да и document.getElementById("text").innerHTML; замени на document.getElementById("text").value;

так будет коректнее

по поводу удаления, как и писал выше добавь каждую в свой div тоже созданный динамически, в этот же див добавь также динамическую ссылку или кнопку удалить, напиши функцию по обработке onclick по нажатии на эту кнопку, чтобы брала ссылку на родительский обьект div и удаляла его со всем содержимым removeChild.

str.split(/\r?\n/);

bleed +1 _____________

hrenoid добавил 22.02.2008 в 00:52

чё то не удаляются текстовые окна ...

что не правильно ?

вопрос решён