Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]Podgląd textarea "na żywo"
northwest
post 12.09.2011, 13:22:22
Post #1





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----


Witam serdecznie,
Mam taki skrypcik:
  1. <script type ="text/javascript">
  2. function podglad() {
  3. var podglad = document.getElementById("textarea").value
  4. document.getElementById("podglad").innerHTML=podglad;
  5. }
  6. </script>
  7.  
  8. <textarea id="textarea" onpropertychange="podglad()" name=""></textarea>
  9. <br />
  10. Podgląd:<br />
  11. <div id="podglad"> </div>


Powinien na żywo pokazywać to, co wprowadzam do textarea... działa tylko na IE - na pozostałych przeglądarkach nie działa sad.gif
Wie ktoś może co jest źle?



Northwest
Go to the top of the page
+Quote Post
nospor
post 12.09.2011, 13:25:55
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004




onkeyup="podglad()"


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
northwest
post 12.09.2011, 18:55:29
Post #3





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----


działa super, dzięki smile.gif))))


mam jeszcze takie pytanie, chciałbym dodać do tego podglądu "na żywo" 2 opcje:
- czcionka bold
- kolor czcionki niebieski

Zrobiłem sobie taki html:
  1. Czcionka Bold:
  2. <select name="opcja1">
  3. <option value="1">nie</option>
  4. <option value="2">tak</option>
  5. Czcionka Niebieska:
  6. <select name="opcja1">
  7. <option value="1">nie</option>
  8. <option value="2">tak</option>


czyli zaznaczam opcje1 na "tak" i cały text w podglądzie robi się boldem, zaznaczam opcję 2 i cały text automatycznie robi się niebieski - w przypadku kliknięcia
na "nie" wraca do poprzedniej formy... Jak to zrobićquestionmark.gifsmile.gif



dziękuje bardzo za pomoc smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 10.07.2025 - 09:49