Показать сообщение отдельно
  #3 (permalink)  
Старый 14.11.2015, 16:40
Профессор
Отправить личное сообщение для Mess4me Посмотреть профиль Найти все сообщения от Mess4me
 
Регистрация: 03.11.2014
Сообщений: 263

barakuda,
Нормально ?
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" >
    <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
    <style>
    span {
        background-color: dimgrey;
        color: white;
        border-radius: 3px;
        cursor: pointer;
    }
    </style>
</head>
<body>
<p>My family <span>to at</span> big. Lorem ipsum dolor sit amet, con <span>to at</span> adipisicing elit. Quod similique
    est, autem
    <span>to at</span> voluptatem ipsam error eius rumquam non soluta aut impedit dolor magnam, exerci- tationem
    blanditiis voluptatibus praesentium id, recusandae. </p>


<script>
    $('span').click(function (event) {

        var target = event.target;
        if(target.tagName != 'SPAN') return;
        var input = document.createElement('input');
        input.value = 'Hello';
        target.parentNode.insertBefore(input,target);
        $(target).hide();
    })

</script>

</body>

</html>
Ответить с цитированием