Forum PHP.pl > [HTML][JavaScript]Wstawianie tekstu do pola typu textarea

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][JavaScript]Wstawianie tekstu do pola typu textarea

grzegorz_m

17.07.2008, 17:41:16

Witam.

Jak bez przeładowywania strony wstawić tekst do pola textarea?
Chodzi mi o coś takiego jak na tej stronie podczas tworzenia nowego tematu.
Klikam na "tag tematu" i zostaje on automatycznie umieszczony w polu „Tytuł tematu”.
Dodatkowo interesuje mnie, aby można było wstawić tekst w polu w 2 różnych sytuacjach:
1) na początku pola (gdy pole puste)
2) w miejscu kursora (gdy "Ala ma | kota" -gdzie "|" jest kursorem)

Nie znam się na JavaScript, a potrzebne mi takie rozwiązanie.
Proszę o pomoc...

moree

17.07.2008, 17:52:23

Elo,

1.

[HTML] pobierz, plaintext 
<form action="" method="post" name="moj">
<input type="text" name="tresc" >
 
</form>
<span style="cursor:pointer;" onclick="document.moj.tresc.value+='[PHP]'">535</span>
<span style="cursor:pointer;" onclick="document.moj.tresc.value+='[MYSQL]'">535</span>
[HTML] pobierz, plaintext

2. da się zrobić .. ale poszukaj sobie juz w google.pl

pozdro

grzegorz_m

18.07.2008, 17:31:43

Poszukałem:

[PHP] pobierz, plaintext 
<?php
<head>
...
   <script language="JavaScript">
	  function attach_text(text) { 
   //text = ' ' + text + ' '; 
   if (document.post.message.createTextRange && document.post.message.caretPos) { 
	  var caretPos = document.post.message.caretPos; 
	  caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? text + ' ' : text; 
	  document.post.message.focus(); 
   }
 else { 
   document.post.message.value  += text; 
   document.post.message.focus(); 
   } 
}
   </script>
 </head>
?>
[PHP] pobierz, plaintext

1) post.message -"post" to name z <FORM name=post>, a "message" to name z <input type=text name=message>
2) wywołanie: <a href="java script:attach_text('tutaj')">Dodaj</a>
...może komuś się przyda

moree -plusik do Ciebie poleciał -dziękuję

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.