0

Как сделать чтобы кнопка Загрузить показывалась только после нажатия редактировать и повесить на кнопу сохранить сделать невидимым а тот <textarea> сделать обратно в <p>?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>

  <script>
(function($) {
    $.fn.replaceTagName = function(replaceWith) {
        var tags = [],
            i    = this.length;
        while (i--) {
            var newElement = document.createElement(replaceWith),
                thisi      = this[i],
                thisia     = thisi.attributes;
            for (var a = thisia.length - 1; a >= 0; a--) {
                var attrib = thisia[a];
                newElement.setAttribute(attrib.name, attrib.value);
            };
            newElement.innerHTML = thisi.innerHTML;
            $(thisi).after(newElement).remove();
            tags[i - 1] = newElement;
        }
        return $(tags);
    };
})(window.jQuery);

$(function() {
    $('#btnEdit').click(function() {
        $('p#num123').replaceTagName('textarea')
    });
});

  </script>
</head>
<body>
<p id="num123">Мой тэг</p> <button id="btnEdit">Редактировать</button>
<button id="load21">сохранить</button>
</body>
</html>
6
  • @Анатолийй, Перефразируйте, пожалуйста, Ваш вопрос: исправьте грамматические ошибки, правильно расставьте запятые. Если ещё добавите побольше уточняющей информации, то Вы ускорите получение ответа.
    – VenZell
    25 июл 2014 в 11:23
  • @VenZell когда нажимается кнопка редактировать. 1)<p> становится textarea появляется кнопка сохранить 2)Нажимается кнопка сохранить и <textarea> становится обратно в <p> а кнопка сохранить исчезает Как?
    – Stein_
    25 июл 2014 в 12:20
  • 1
    @Анатолийй а в чем собственно проблема ? у вас уже всё есть, после нажатия edit делайте $('#load21').show() по умолчанию кнопку не показывайте, на нажатие #load21 вызываете replaceWith('p') и чего вы там делаете для save(), кнопку скрывайте.
    – zb'
    25 июл 2014 в 12:36
  • а зачем вы вообще тэг с id указываете ? id уникален.
    – zb'
    25 июл 2014 в 13:16
  • @eicto конкретный номер id будет формироваться через php
    – Stein_
    25 июл 2014 в 13:21

1 ответ 1

0

@eicto

    $(function() {
    $('#btnEdit').click(function() {
        $('p#num123').replaceTagName('textarea');
        $("#load21").show();
    });
});
$(function() {
    $('#load21').click(function() {
        $("#load21").hide();
        $('textarea#num123').replaceTagName('p');
    });
});

но как сделать чтобы потом еще и сохранялось редактированное содержимое?

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.