Turkish
English
Chinese
Firefox ile Textarea Wrap Sorunu
09/23/2006,
Yazar: Özgür Koca, Kategori: Programlama, Web Tasarım
Wrap özelliği sayesinde textarea içindeki sözcüklerin alt satırlara kaydırılması (yani dikey kaydırma çubuğunun görünmez yapılması) veya bu özelliği kapatarak (wrap=’off’) sözcüklerin kutu içinde kaydırılmadan, yatay kaydırma çubuğununun görüntülenmesini sağlayabilirsiniz.
Bu işi javascript ile yapmak gerektiginde txtarea.wrap = ‘off’ veya daha saygılı bir kod olan document.getElementById(‘txtarea’).wrap = ‘off’ kullanılıyor.
Sorun uygulamanızın tüm tarayıcılarda çalışma iddiasına sahip olduğunda başlıyor. Malesef yukarıdaki saygılı kod bile Firefox tarayıcılarda işlemiyor. Javascript içerisinden bu özelliği ne kadar ayarlamaya çalışırsanız çalışın sonuç alamıyorsunuz. Çünkü Firefox real-time‘da wrap özelliğini (attribute) dinlemiyor. Aslında bu sorun, Firefox’daki bir hatadan kaynaklanıyormuş ve tabiki de raporlanmış. Rapor adresi:
Raporlandığı sayfada IE ve FF tarayıcılarda çalışan kod da yayınlanmış. Javascript ile sözcük kaydırmak (word wrap) için aşağıdaki fonksiyonu kullanabilirsiniz.
<html>
<head>
<title> Wrap bug in Firefox</title>
</head>
<body>
<textarea id="txtarea" style="width:200px;height:100px">
Looooooooong line
</textarea>
<script>
function setWrap(obj, val) {
obj.setAttribute(‘wrap’, val);
var parNod = obj.parentNode, nxtSib = obj.nextSibling;
parNod.removeChild(obj);
parNod.insertBefore(obj, nxtSib);
}
setWrap(txtarea, ‘off’);
</script>
</body>
</html>
Yazan: Tankado
textarea wrap (4), textarea kilitleme (3), textarea kaydırma özelliğini pasifleştirme (2), css firefox textarea boyut sorunu (1), textarea kilitlemek için (1), textarea height (1), php textarea wrap (1), javascript new line textarea (1), html de textarea kilitleme (1), css textarea da kaydırma çubuğu (1), web sayfasında textarea içindeki yazılarda karakter sorunu (1)
(1 votes, average: 4,00 out of 10)
Bu sorun çözülmüş aşağıdaki gibi wrap=off yapınca oluyor.
<textarea name="nowrap" cols="30" rows="3" wrap="off"></textarea>