Forum PHP.pl

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

Może powinno być nowrap

Poczytaj

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

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

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

Źródło

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