[JS] działające przyciski pogrubienia, kursywy...

Witam!
Dopiero zaczynam pracę nad swoją stronę. I zatrzymałam się przy pewnej drobnostce, a może nie drobnostce. Mianowicie: na stronce chcę umieścić pole do wpisywania tekstu a pod polem tekstowym chcę umieścić przyciski (pogrubienie tekstu, kursywa, podkreślenie, wyjustuj, wyrównanie do prawej, wyrównanie do lewej, zmiana kolkoru). Gdy będę zaznaczać tekst i wybiorę dany przycisk np. pogrubienie, uzyskamy pogrubiony ten tekst. Tak samo z resztą.
Nie mogę przejść tego momentu.

BŁAGAM O POMOC! PILNE.

Z góry dziękuję.

Może i olewasz takie problemy, skoro tak to może nie potrafisz sobie poradzić z tym problemem i dlatego tak piszesz?

chcesz zrobić tak jak jest na tym forum ? to zrób tak samo jak na tym forum, możesz podejrzeć sobie źródło

Prawie to samo ale ja chcę aby tekst który np. pogrubię od razu zmieniała się na pogrubiony a nie po odświerzeniu strony. Czyli tak jak w Wordzie.

tu na forum było kiedyś że:

<OBJECT classid=clsid:2D360201-FFF5-11d1-8D03-00A0C959BC0A
id=editarea width="600" height="300">
</OBJECT>

ale IE only, podejrzyj jak to jest na allegro może też

ale jest takie coś jak HTMLArea i tam to działa. I o ile dobrze myślę to to ma coś wspólnego z innerHTML...

// co ? :] - m.p

Piechnat o co chodzi??

Dzięki bardzo za informacje. Angel2953, te pliczki bardzo mi pomogły. Przynajmniej wiem co mam już robić.

Hej,

Mam nadzieje, ze dobrze zrozumialem i ten maly przyklad ci pomoze.

<script type="text/javascript">
function changeWeight(weight)
{
document.getElementById('text1').style.fontWeight=weight
}
function changeStyle(styl)
{
document.getElementById('text1').style.fontStyle=styl
}
</script>

<form name="form1" method="post" action="">
  <input id="text1" name="textfield" type="text" value="test">
  <input type="button" name="Button" value="Weight normal" onClick="changeWeight('normal')">
  <input type="button" name="Button" value="Weight bold" onClick="changeWeight('bold')">
  <input type="button" name="Button" value="Style normal" onClick="changeStyle('normal')">
  <input type="button" name="Button" value="Style italic" onClick="changeStyle('italic')">
</form>

Pozdrawiam

Ryandell - Dzięki bardzo dokładnie o to mi chodziło. Super

:)

Ze swojej strony mogę jeszcze polecić: http://www.kevinroth.com/rte/demo.htm - public domain, więc nie powinno być problemów z wykorzystaniem :]. Jak jesteś zainteresowany przetłumaczoną na polski i ciut zmodyfikowaną przeze mnie wersją, to daj znać na maila.