Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jak zmienić wielkość znaków w zaznaczonym tekście w textarea?
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Fixer
Mam jakiś tekst w texarea.
Zaznaczam jego fragmenti i wciskam button.
Zaznaczony fragment textu zostaje zamieniony na DUŻE ZNAKI

Jak tego dokonać?
wookieb
Javascript.
http://bytes.com/topic/javascript/answers/...extarea-firefox Tutaj masz o pobieraniu zaznaczonego tekstu. Musisz jeszcze znaleźć podobny artykuł do IE.
A ten tekst zamienisz na duze litery za pomoca toUpperCase()
Kod
tekst.toUpperCase()
wookieb
Bo kopiujesz bezmyślnie.
Nawet funkcji "wstaw" nie masz.

Napisz wszystko poprawnie w js.
nie form1 tylko ładnie jak bozia nakazała
Kod
document.getElementById('form1');

a w twoim wypadku raczej wystarczy
Kod
document.getElementById('textarea');
Fixer
dla potomnych...

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Zmiana wielkości zaznaczonego tekstu</title>
  5. </head>
  6.  
  7. <script language="JavaScript">
  8. /* konwersja na małe i duże znaki napis = napis.toLowerCasePL(); */
  9. String.prototype.toUpperCasePL = function(){
  10. this.replace(/ą/g,"Ą");
  11. this.replace(/ć/g,"Ć");
  12. this.replace(/ę/g,"Ę");
  13. this.replace(/ł/g,"Ł");
  14. this.replace(/ń/g,"Ń");
  15. this.replace(/ó/g,"Ó");
  16. this.replace(/ś/g,"Ś");
  17. this.replace(/ź/g,"Ź");
  18. this.replace(/ż/g,"Ż");
  19. return this.toUpperCase();
  20. }
  21.  
  22. String.prototype.toLowerCasePL = function(){
  23. this.replace(/Ą/g,"ą");
  24. this.replace(/Ć/g,"ć");
  25. this.replace(/Ę/g,"ę");
  26. this.replace(/Ł/g,"ł");
  27. this.replace(/Ń/g,"ń");
  28. this.replace(/Ó/g,"ó");
  29. this.replace(/Ś/g,"ś");
  30. this.replace(/Ź/g,"ź");
  31. this.replace(/Ż/g,"ż");
  32. return this.toLowerCase();
  33. }
  34.  
  35. function zamien(atype)
  36. {
  37. editFrame.focus();
  38. var selectedRegion = editFrame.document.selection.createRange();
  39. if(atype == "lower")
  40. selectedRegion.text = selectedRegion.text.toLowerCasePL();
  41. else if(atype == "upper")
  42. selectedRegion.text = selectedRegion.text.toUpperCasePL();
  43. }
  44.  
  45. <input type="submit" name="UpperCase" id="UpperCase" value="UPPER" onclick="zamien('upper')" title="UpperCase" />
  46. <input type="submit" name="LowerCase" id="LowerCase" value="lower" onclick="zamien('lower')" title="LowerCase" />
  47. <br />
  48. <textarea name="editFrame" id="editFrame" cols="60" rows="10"></textarea>
  49.  
  50. </body>
  51. </html>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.