[JavaScript][HTML] Zawijanie wierszy w polu textarea Opcje

[peja1990]

Witajcie, mam pewien problem ze skryptem gdyż powinien działać a nie działa...
Mianowicie chodzi o skrypt, który po kliknięciu w przycisk powinien zmienić w polu textarea wartość atrybutu wrap na off, czego wynikiem powinno być nie zwijanie wierszy w w/w polu.

Skrypt zmienia atrybut lecz w polu textarea jest brak reakcji (ciągle zwija wiersze), lecz gdy 'ręcznie' w kodzie ustawię wartość atrybutu wrap na off to działa elegancko czyli nie zawija wierszy.

Mój przycisk:

[HTML] pobierz, plaintext 
<div id="wrap">Nie zawijaj wierszy</div>
[HTML] pobierz, plaintext 

Skrypt:

[XML] pobierz, plaintext 
$(document).ready(function() {
  $('#wrap').click(function(){
    $('#textarea').attr('wrap', 'off');
  });
});
[XML] pobierz, plaintext 

Pole textarea:

[HTML] pobierz, plaintext 
<textarea name="filecontent" id="textarea" style="overflow:auto" wrap="virtual"><?php
$line_num = 0;
$fp = fopen($edit,"r");
while(!feof($fp)) {
  $line = fgets($fp,1024);
  echo htmlspecialchars($line);
  $line_num++;
}
fclose($fp);
?></textarea>
[HTML] pobierz, plaintext 

Bardzo proszę Was o pomoc bo ja nie rozumiem dlaczego nie działa kiedy powinno działać (IMG:style_emoticons/default/wink.gif) )

[kamil4u]

Spróbuj w takim razie użyć CSS i white-space.

Tu taka zagadka:
http://www.w3schools.com/html5/att_textarea_wrap.asp

--edit--
A umieść jakiś przykład na żywo np. tu: http://jsfiddle.net/

Ten post edytował kamil4u 20.10.2011, 14:08:45