Witam, szukałem i szukałem i nie znalazłem - coś zawiłe - domyślam się, że to jest bardzo proste, ale:

mam wrzucony taki niekompletny formularz pod adresem http://smusic.nazwa.pl/_test/mip/

chodzi o to, żeby w polu "podgląd" na bieżąco wyświetlało mi się to co piszę w polu textarea (po lewej) w kolorze dynamicznie wybieranym z radio buttonów...

Problem z ajax nie ma zadnego zwiazku. TO jest zwykly js.... przenosze.

Podczepiasz sie pod zdarzenie ONKEYDOWN i w tym podczepieniu wawalasz do PODGLAD tresc ktora wpisujesz

dobrze @nospor, ale jak..? Widziałem gdzieś coś takiego, ale u mnie to nei działa - znaczy nie wiem jak to zczepić

[HTML] pobierz, plaintext 
<script type="text/javascript">
<!-- // 
function preview(wb_wzor, podglad){
    document.getElementById(podglad).innerHTML = wb_wzor.value;
	String.replace ('\r\n', '<br />');
}
 -->
</script>
[HTML] pobierz, plaintext 

Uzywasz edytora openwysiwyg. Doczytaj jak w nim podpiac sie pod zdarzenie zmiany tresci lub wcisniecia klawiasza klawiatury. Ja tego nie wiem, bo nie znam tego edytora. Jak juz to bedziesz mial, to bedziesz mogl przejsc dalej

banalny przyklad (co prawda bez zmiany kolorow) http://jsfiddle.net/a6MLc/1/

@jacobson Twoj przyklad dotyczy zwyklego INPUTA a tutaj mamy edytor tekstowy, pod ktory zdarzenia podpina sie chyba inaczej (moge sie mylic bo nie podpinalem)

w sumie nie jestem pewien ale wydaje mi sie ze edytor textowy jest podpinany pod textarea z pewnym id i dzieki temu w takim sam sposob mozemy z niego pobrac zawartosc i wyswietlic w boxie obok.

No wlasnie nie. Uzywajac edytora nie piszesz bezposrednio w textarea, tylko w specjalnie wygenerowanym okienku. Do textarea tresc jest przekazywana dopiero poźniej.

ok udało się jako to wykombinowac - zrezygnowałem z openwysiwyg i zrobiłem normalnie 7 inputów z textem (jako max. 7 linijek)

czyli jesteśmy o krok dalej.

do zmiany kolorów użyłem tego:

[HTML] pobierz, plaintext 
<input type="radio" id="czarny" onfocus="preview.style.color='#000000'; preview2.style.color='#000000'; preview3.style.color='#000000'; preview4.style.color='#000000'; preview5.style.color='#000000'; preview6.style.color='#000000'; preview7.style.color='#000000';return false;" name="kolor" value="czarny" checked="" required="required">
[HTML] pobierz, plaintext 

bo każda linijka wyświetlana to jedno "preview" i to działa znakomicie.

rozumiem że do czcionek - kroju i wielkości - robię analogicznie?

@edit

teraz tak - mam checkboxa i ustawione:

[HTML] pobierz, plaintext 
onClick="preview.style.fontWeight='bold';"
[HTML] pobierz, plaintext 

co zrobić żeby ponowne kliknięcie przywracało stan oryginalny (fontWeight='normal';)? onkeyup nie działa, onmouseup nie działa...