[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) )

[pianta_d]

wartość atrybutu wrap na off

Może powinno być nowrap

Poczytaj

[peja1990]

Dobrze kolego, ale Ty piszesz o białych znakach white-space czyli CSS, a ja piszę o atrybucie pola textarea wrap.
Poza tym kiedy ustawię ręcznie w kodzie wartość atrybutu wrap na off to działa elegancko (IMG:style_emoticons/default/wink.gif)

EDIT!
Dodam, że zrobiłem teraz na zasadzie klasy CSS tak jak proponował kolega wyżej, ale nadal jest to samo.
Klasę dodaje ale pole textarea na nią nie reaguje, nie dodaje dolnego suwaka... ;/

Ten post edytował peja1990 20.10.2011, 14:03:03

[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

[pianta_d]

Atrybut WRAP nie wchodzi w skład specyfikacji HTML 4.01 - zaleca się stosowanie stylów.

Źródło

[peja1990]

Patrz kolego, teraz zrobiłem to poprzez dodanie atrybutu jak i klasy css, pięknie zmienia klasę jak i atrybut ale nadal pole nie reaguje.. ;/

CSS:

[HTML] pobierz, plaintext 
form[name="form"] textarea[name="filecontent"].normal {float:left;margin:10px 0;padding:10px;width:700px;min-height:500px;font:normal 8pt Verdana, sans-serif;text-align:left;text-transform:none;font-weight:normal;font-style:normal;font-size:8pt;color:#10435E;overflow:auto;white-space:normal;}
form[name="form"] textarea[name="filecontent"].nowrap {float:left;margin:10px 0;padding:10px;width:700px;min-height:500px;font:normal 8pt Verdana, sans-serif;text-align:left;text-transform:none;font-weight:normal;font-style:normal;font-size:8pt;color:#10435E;overflow:auto;white-space:nowrap;}
[HTML] pobierz, plaintext 

java script:

[XML] pobierz, plaintext 
$(document).ready(function() {
  $("#wrap").click(function(){
    var wrap = $("#textarea").attr("wrap");
    if(wrap == "virtual") {
      $("#textarea").attr("wrap", "off");
      $("#textarea").removeClass("normal").addClass("nowrap");
      document.getElementById("wrap").innerHTML = "Zawijaj wiersze";
    } else {
      $("#textarea").attr("wrap", "virtual");
      $("#textarea").removeClass("nowrap").addClass("normal");
      document.getElementById("wrap").innerHTML = "Nie zawijaj wierszy";
    }
  });
});
[XML] pobierz, plaintext 

Pole textarea:

[HTML] pobierz, plaintext 
<textarea name="filecontent" id="textarea" class="normal" wrap="virtual"></textarea>
[HTML] pobierz, plaintext 

EDIT
Pod poniższym linkiem znajduje się skrypt, który powinien działać a nie działa ;( Sami zobaczcie...
http://detronic.pl/

Dodam jeszcze, że teraz sprawdziłem działanie skryptu pod przeglądarką GoogleChrome i działa elegancko (IMG:style_emoticons/default/wink.gif) lecz pod Operą nie działa ;(
Jak myślicie ?
Co może być tego przyczyną ?

Ten post edytował peja1990 20.10.2011, 14:44:18