[js] Dynamiczne drukowanie zawartości textarea w div, jak to ugryźć Opcje

[rozny]

Witam,

zastanawiam się w jaki sposób rozwiązać zagadnienie. Chcę w czasie rzeczywistym drukować zawartość textarea w divie - coś na zasadzie podglądu wprowadzonych zmian w czasie rzeczywistym. Za js zabrałem się tak na prawdę dopiero kilka dni temu, dlatego zmuszony jestem poradzić się kogoś bardziej doświadczonego.

W jaki sposób za pomocą js mogę ingerować w zawartość elementu div? W jaki sposób w czasie rzeczywistym pobierać zawartość textarea? Na razie kombinuję z parametrem onChange wywołującym funkcję czytającą zawartość textarea, niestety nie jest to dobre rozwiązanie, gdyż zmiana następuje dopiero po dezaktywacji pola textarea.

Zależy mi bardziej na wskazówkach jak ugryźć temat niż na gotowcu. Będę wdzięczny za pomoc.

Pozdrawiam

[kamil4u]

Skoro chcesz wskazówki to proszę bardzo (IMG:style_emoticons/default/smile.gif) Poczytaj o DOM i wszystkim co z nim związane. Generalnie to by Ci wystarczyło, ale ,że jest tego naprawdę sporo to napiszę Ci trochę więcej. Po pierwsze DOM musi być załadowany, najprościej użyć tutaj zdarzenia onload. Następnie trzeba się dobrać do div-a. Tu właśnie z pomocą przychodzi nam DOM i metoda szukania po id( bo po tym atrybucie najprościej ). Osiągniemy to za pomocą document.getElementById . Skoro mamy element teraz chcemy zmienić jego zawartość. Tu potrzebujesz .innerHTML . Dzięki temu możesz zmieniać wartość div-a. Teraz bawimy się dalej, czyli pobieramy referencję do elementu textarea( też najłatwiej po id ). Jego zawartość pobieramy za pomocą .value . Brakuje Ci teraz znaku '=' i kolejnego zdarzenia onchange. Przypisujemy zatem zdarzenie elementowi textarea. Robisz to za pomocą JS, a nie atrybutu HTML. Warto też żebyś zapoznał się ze słówkiem this, które wiele ułatwia.

Pseudokod:

Kod

Gdy_pobrany_DOM -> {
pobierz_element_textarea.przypisz_zdarzenie _onchange -> {
   pobierz_element_DIV.zmień_jego_zawartość = this.zawartość_textarea //tu this wskazuje na textarea właśnie
}
}