Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Николай16
24 / 8 / 8
Регистрация: 13.12.2015
Сообщений: 186
#1

Jquery события выделения - jQuery

14.10.2017, 12:47. Просмотров 94. Ответов 0
Метки нет (Все метки)

У меня есть тег textarea в которому я пишу текст. Как сделать чтобы когда я выделял слово, а потом кликал на кнопку, именно это слово становилось жирным.
Любая помощь мне очень поможет
Сейчас у меня можно делать только содержимое тега (все текста) жирным. А мне надо отловить события и кинуть его в переменную и при клике делать его жирным
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=PT+Sans" rel="stylesheet">
</head>
<body>
    <header class="header">
        <h4>Когда-то мы не можут установить MS Office, потому-что у нас эго нету...</h4><br>
        <p class="p_2">Конечно мы можем попросить друга, но он нам откажет. Все мы столкаемся с такой проблемой</p><br><br>
        <p>Только наш веб-сервис поможет Вам создать полноценный веб документ</p>
 
 
    </header>
    
 
    <main><button class="bold_text">Bold</button><br><br>
        <textarea rows="10" cols="45" name="text" class="pole_text"></textarea>
        <p class="out"></p>
    </main>
    
 
    
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="js.js"></script>
 
</html>
Javascript
1
2
3
4
5
6
$(document).ready(function() {
    $('.bold_text').click(function() {
        var $pole=$('.pole_text').css('fontWeight','bold').val();
        var $out=$('.out');
    });
});
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
body {
    background: url(img/crossword.png), center, no-repeat;
    margin: 20px 40px;
    font-size: 22px;
}
 
* {
    // font-family: 'PT Sans', sans-serif;
    margin: 0;
    padding: 0;
}
 
.pole_text {
    border-radius: 5px;
    border: 1px solid #7FB2F0;
    max-width: 300px;
    max-height: 100px;
}
 
.bold_text {
    font-weight: bold;
    background: #ccc;
    width: 80px;
    height: 30px;
    border-radius:3px;
    border: 1px solid #7FB2F0;
    background: #ADD5F7;
}
.header {
    margin: 20px 5px;
    // font-size: 18px;
 
}
.p_2 {
    margin-left: 20px;
    font-size: 16px;
}

http://www.cyberforum.ru/javascript-jquery/thread1963057.html
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
14.10.2017, 12:47
Я подобрал для вас темы с готовыми решениями и ответами на вопрос Jquery события выделения (jQuery):

События в jQuery
Добрый вечер.Есть такие задчи для реализации в jQuery. Конструкция блоков...

События и видимость элементов. jQuery.
Есть конфигурационный класс: settings = { ajaxSuccess : function(msg){ ...

Как в jquery дождаться анимации события, прежде чем начнет отрабатываться новое по другому событию?
Добрый день, Есть 2 div внутри обертки: &lt;div class=&quot;main-menu&quot;&gt; ...

События Ajax в Jquery
Доброго времени суток. подскажите пожалуйста, в чем я не прав. Имеется код...

Первые шаги в JQuery (хочу добавить переменную в код JQuery)
Здравствуйте. Захотел сделать галерею на сайте и чтобы при нажатии на кнопу...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
14.10.2017, 12:47
Привет! Вот еще темы с решениями:

Отваливается draggable из JQuery из за jquery-windows-engine
Всем привет, Вот уже сломал себе мозг такой проблемой, буду рабски...

Конфликтуют 2 плагина jQuery.noty и jquery.hotkeys-0.7.9
Всем доброго времени суток. jQuery.noty отказывается работать если используется...

Где скачать jquery.validate.js и jquery.form.js?
Добрый вечер! Я в программировании совсем новичек подскажите,по возможности,...

jquery.min и jquery.validate.pack
Добрый день. Вопрос возможно простейший, но интересно узнать Библиотека...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru