Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: przyciski dodające kod do textarea
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Kuba707
Witam,
mam problem z javascriptem. Piszę skrypt na dodawanie newsów ale mniejsza o to.
Mam sobie element textarea w którym użytkownik będzie pisał wiadomość aby potem ją wysłać. Chcę także do tych wiadomości BBCode. Zrobiłem sobie przycisk gdzie onclick=funkcja javascript na dopisanie do textarea pewnego kodu. Lecz nie działa tak jak powinno. Otwieram stronę, mam to pole tekstowe, wpisuje jakiś ciąg znaków, przykładowo "Ala ma kota." po czym chce aby na końcu tego zdania dodać
Kod
[b][/b]
, czyli powinno wyglądać to tak
Kod
Ala ma kota.[b][/b]
, a wygląda tak
Kod
[b][/b]
- usunęło zdanie i dodało tag.
Ale dobra, pokażę Wam kod, specjalnie napisałem go w nowym dokumencie aby było go mniej i żeby się było łatwiej połapać.
Kod
<html>
    <head>
        <script type="text/javascript">
            function insertBB(bb)
            {
                var bbcode = "";
                switch(bb)
                {
                    case 'B': bbcode = "[b][/b]";    break;
                    case 'I': bbcode = "[i][/i]";    break;
                }
    
                if(bbcode != "")
                {
                    document.getElementById('newscontent').innerHTML += bbcode;
                }
            }
        </script>
    </head>
    <body>
        <input type="button" value=" B " onclick="insertBB('B')" />
        <input type="button" value=" I " onclick="insertBB('I')" />
        
        <textarea style="width:500px; height: 250px;" id="newscontent"></textarea>
    </body>
</html>
Piogola
  1. <head>
  2. <script type="text/javascript">
  3. function insertBB(bb)
  4. {
  5. var bbcode = document.getElementById('newscontent').value;
  6. switch(bb)
  7. {
  8. case 'B': bbcode += ""; break;
  9. case 'I': bbcode += ""; break;
  10. }
  11.  
  12. document.getElementById('newscontent').value = bbcode;
  13.  
  14. }
  15. </script>
  16. </head>
  17. <body>
  18. <input type="button" value=" B " onclick="insertBB('B')" />
  19. <input type="button" value=" I " onclick="insertBB('I')" />
  20.  
  21. <textarea style="width:500px; height: 250px;" id="newscontent"></textarea>
  22. </body>
  23. </html>
Kuba707
Heh, czyli można to na value zrobić. Błędnie pewną rzecz zrozumiałem kiedyś i stąd ten problem. wink.gif
Dzięki za pomoc.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.