За последние 24 часа нас посетили 17547 программистов и 1674 робота. Сейчас ищут 1990 программистов ...

Добавление тегов

Тема в разделе "JavaScript и AJAX", создана пользователем EoMC, 9 сен 2017.

  1. EoMC

    EoMC Новичок

    С нами с:
    9 сен 2017
    Сообщения:
    2
    Симпатии:
    0
    Собственно столкнулся с проблемой, что при нажатии на картинки сделал вывод в textarea именно html теги, как только страница загрузилась и если нажимать на них все работает без проблем и как положено, но стоит всего-лишь добавить или удалить символ в самом textarea и уже скрипт не отрабатывает как задумывалось изначально.
    [​IMG]
    Код (Text):
    1. <script>
    2. $(document).ready (function() {
    3.     $('#b').click (function () {
    4.         $("#full_text").append("&lt;b&gt;&lt;/b&gt;");
    5.     });
    6. });
    7. $(document).ready (function() {
    8.     $('#i').click (function () {
    9.         $("#full_text").append("&lt;i&gt;&lt;/i&gt;");
    10.     });
    11. });
    12. $(document).ready (function() {
    13.     $('#p').click (function () {
    14.         $("#full_text").append("&lt;p&gt;&lt;/p&gt;");
    15.     });
    16. });
    17. $(document).ready (function() {
    18.     $('#q').click (function () {
    19.         $("#full_text").append("&lt;blockquote&gt;&lt;/blockquote&gt;");
    20.     });
    21. });
    22. </script><script>
    23. $(document).ready (function() {
    24.     $('#b').click (function () {
    25.         $("#full_text").append("&lt;b&gt;&lt;/b&gt;");
    26.     });
    27. });
    28. $(document).ready (function() {
    29.     $('#i').click (function () {
    30.         $("#full_text").append("&lt;i&gt;&lt;/i&gt;");
    31.     });
    32. });
    33. $(document).ready (function() {
    34.     $('#p').click (function () {
    35.         $("#full_text").append("&lt;p&gt;&lt;/p&gt;");
    36.     });
    37. });
    38. $(document).ready (function() {
    39.     $('#q').click (function () {
    40.         $("#full_text").append("&lt;blockquote&gt;&lt;/blockquote&gt;");
    41.     });
    42. });
    43. </script>
    Я новичок в этой области, помогите пожалуйста, буду благодарен)
     
  2. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    Тогда нужно начинать изучение с нативного JS, т.к. без него вы всё равно далеко не уедете.
    Пример в песочнице
    Код (Javascript):
    1. $(function() {
    2.     var fullText = $('#full_text');
    3.     $('.control-panel span').on('click', function() {
    4.         var $that = $(this),
    5.             tag = $that.data('tag'),
    6.             caretPos = fullText.get(0).selectionStart,
    7.             text = fullText.val();
    8.         fullText.val(text.substring(0, caretPos) + '<' + tag + '></' + tag + '>' + text.substring(caretPos));
    9.     });
    10. });
     
    EoMC нравится это.
  3. EoMC

    EoMC Новичок

    С нами с:
    9 сен 2017
    Сообщения:
    2
    Симпатии:
    0
    Хорошо, спасибо большое)