Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> przyciski dodające kod do textarea, bbcode
Kuba707
post
Post #1





Grupa: Zarejestrowani
Postów: 94
Pomógł: 0
Dołączył: 20.03.2010

Ostrzeżenie: (0%)
-----


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>


Ten post edytował Kuba707 3.02.2011, 21:52:51
Go to the top of the page
+Quote Post
Piogola
post
Post #2





Grupa: Zarejestrowani
Postów: 151
Pomógł: 36
Dołączył: 1.02.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


  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>
Go to the top of the page
+Quote Post
Kuba707
post
Post #3





Grupa: Zarejestrowani
Postów: 94
Pomógł: 0
Dołączył: 20.03.2010

Ostrzeżenie: (0%)
-----


Heh, czyli można to na value zrobić. Błędnie pewną rzecz zrozumiałem kiedyś i stąd ten problem. (IMG:style_emoticons/default/wink.gif)
Dzięki za pomoc.
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 04:44