Все технические форумы на одном сайте Удобный поиск информации с популярных форумов в одном месте
Вопрос: Как сделать вставку дива в динамически создаваемую html разметку?

Не работает вставка div в динамически создаваемый html код.

Не работает эта часть кода: $('.Digital, .iron75').append('');
Вот весь код:

    $(function() {
       function renderWorked(arr) {
           var Category = {};
           arr = $.map(arr, function(item) {
               var div = $("<div/>", {
                       "class": "works" + item["Category"]
                   }),
                   img = $("<img/>", {
                       src: "/Kvinto/img/works/preview/" + item["image-data"],
                       attr: {
                           "data-video": item["data-video"],
                           "data-alt-src": item["data-alt-src"]
                       }
 
                   }),
                   h3 = $("<h3/>", {
                       html: item["title"]
                   });
               Category[item["Category"]] ? (div = Category[item["Category"]]) : (Category[item["Category"]] = div);
               div.append($("<div/>", {
                   html: [img, h3],
                   "class": "work-wrapper"
               }));
               return div
           })
           $('#cases').append($("<div/>", {
               html: arr,
               "class": "works block"
           }))
 
       }
       var arr = [{
               'Wraper': '2',
               'Category': 'iron75',
               'data-video': 'r3-K4vdvRe6E',
               'data-alt-src': 'r3-K4dvvRe6E',
               'image-data': 'r3-K4vvdRe6E.jpg"',
               'title': 'iron75 <br> (пример2)'
           },{
               'Wraper': '1',
               'Category': 'Digital',
               'data-video': '5n_aW-dPRIQ0',
               'data-alt-src': '5n_aW-dPRIQ0',
               'image-data': '5n_aW-PdRIQ0.jpg"',
               'title': 'Digital <br> (пример1)'
           },{
               'Wraper': '1',
               'Category': 'Digital',
               'data-video': '5n_aW-dPRIQ0',
               'data-alt-src': '5n_aW-dPRIQ0',
               'image-data': '5n_aW-PdRIQ0.jpg"',
               'title': 'Digital <br> (пример1)'
           }, {   
               'Wraper': '2',
               'Category': 'iron75',
               'data-video': 'r3-K4vdvRe6E',
               'data-alt-src': 'r3-K4dvvRe6E',
               'image-data': 'r3-K4vvdRe6E.jpg"',
               'title': 'iron75 <br> (пример2)'
           }
 
       ]
 
       renderWorked(arr);
 
       $('.Digital, .iron75').append('<div class="clearfix"></div>');
 
Ответ: а если так: в ф-ю добавить return true вконце и потом
if(renderWorked(arr)) {
//тут append
}
Вопрос: Гибкая модель не работает

Шаблон прописан как гибкий, но на деле не работает, в чем проблема?
Код 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="description" content="Этопример HTML5">
<meta name="keywords" content="HTML5, CSS3, JavaScript">
<title>Apple</title>
<link rel="stylesheet" href="mystyles.css">
</head>
<body>
<div id="wrapper">
<header id="main_header">
<h1>Apple news</h1>
</header>
<nav id="main_menu">
<ul>
<li>Домой</li>
<li>Фотографии</li>
<li>Видео</li>
<li>Контакты</li>
</ul>
</nav>
<div id="container">
<section id="main_section">
<article>
<header>
<hgroup>
<h1>Iphone 6</h1>
<h2>Характеристики</h2>
</hgroup>
</header>
<figure>
<center><img src="1.jpg"></center>
<br><time datetime="2015-13-09" pubdate>Опубликовано 13-09-2015</time>
<figcaption>
           iPhone 6 оснащается 4,7-дюймовым дисплеем, более мощным процессором А8, улучшенной камерой и емким аккумулятором. Телефон работает на базе операционной системы iOS 8, поддерживает Apple Pay и может работать с Apple Watch. Помимо этого, iPhone 6 стал еще тоньше и легче своих предшественников и смог похвастаться обновленным дизайном.
</figcaption>
</figure>
<footer>
<p>Комментарии (0)</p>
</footer>
</article>
<article>
<header>
<hgroup>
<h1>iOS 9</h1>
<h2>Особенности</h2>
</hgroup>
<center><img src="2.jpg"></center>
<br><time datetime="2015-13-09" pubdate>Опубликовано 13-09-2015</time>
</header>
     iOS 9 — последняя версия операционной системы iOS от корпорации Apple, преемник iOS 8. Система была представлена на конференции Worldwide Developers Conference 8 июня 2015 года
<footer>
<p>Комментарии (0)</p>
</footer>
</article>
</section>
<aside id="main_aside">
<blockquote>Iphone 6</blockquote>
<blockquote>iOS9</blockquote>
</aside>
</div>
<footer id="main_footer">
    Copyright &copy; 16:11 13.09.2015 2014-2015
</footer>
</div>
</body>
</html>

И сss:
Код 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
* { 
  margin: 0px; 
  padding: 0px; 
} 
 
h1 { 
  font: bold 20px verdana, sans-serif; 
} 
h2 { 
  font: bold 14px verdana, sans-serif; 
} 
 
header, section, footer, aside, nav, article, figure, figcaption, hgroup{ 
  display: block; 
} 
 
body {
    width:100%;
 
    display: -moz-box;
    display: -webkit-box;
 
    -moz-box-pack: center;
    -webkit-box-pack:center;
}
 
#wrapper {
    max-width: 960px;
    margin: 15px auto;
 
    display: -moz-box;
    display: -webkit-box;
 
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
 
    -moz-box-flex; 1;
    -webkit-box-flex; 1;
}
 
#main_header {
  background: #FFFBB9;
  border: 1px solid #999999;
  padding: 20px;
}
 
#main_menu {
  background: #CCCCCC;
  padding: 5px 15px;
}
#main_menu li {
  display: inline-block;
  list-style: none;
  padding: 5px;
  font: bold 14px verdana, sans-serif;
}
 
#container {
    display: -moz-box;
    display: -webkit-box;
 
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
}
#main_section {
 
    -moz-box-flex; 1;
    -webkit-box-flex: 1;
     margin: 20px;
}
#main_aside {
  width: 220px;
  margin: 20px 0px;
padding: 20px;
  background: #CCCCCC;
}
#main_footer {
  text-align: center;
  padding: 20px;
  border-top: 2px solid #999999;
}
 
article {
  background: #FFFBCC;
  border: 1px solid #999999;
  padding: 20px;
  margin-bottom: 15px;
}
article footer {
  text-align: right;
}
time {
  color: #999999;
}
figcaption {
  font: italic 14px verdana, sans-serif;
}
Ответ: Держи рабочий.
Код 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="ru">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Адаптивно-фиксированный макет веб-страницы</title>
    <link rel="stylesheet" href="css/main.css">
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
    <header class="header">
        <a href="/" class="logo">Logo</a>
        <nav class="nav">
            <a href="#" class="nav-itm">1</a>
            <a href="#" class="nav-itm">2</a>
            <a href="#" class="nav-itm">3</a>
            <a href="#" class="nav-itm">4</a>
        </nav>
    </header>
    <main class="main">
        <div class="box">
            <div class="box-base">
                <h1>Lorem ipsum</h1>
                <p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца.</p>
            </div>
            <div class="box-side">
                <img src="img/img_300x300.png" width="300" height="300" class="box-img" alt="">
            </div>
        </div>
 
        <div class="content">
            <div class="banners">
                <div class="banner">1</div>
                <div class="banner">2</div>
                <div class="banner">3</div>
            </div>
            
            <div class="posts">
                <div class="post">
                    <h1 class="post-title">Lorem ipsum #1</h1>
                    <p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца.</p>
                </div>
                <div class="post">
                    <h1 class="post-title">Lorem ipsum #2</h1>
                    <p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца.</p>
                </div>
                <div class="post">
                    <h1 class="post-title">Lorem ipsum #3</h1>
                    <p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца.</p>
                </div>
            </div>
            
            <div class="comments">
                <div class="comment">
                    <div class="comment-side">
                        <div class="comment-avatar"></div>
                    </div>
                    <div class="comment-base">
                        <h1 class="comment-title">Lorem ipsum #1</h1>
                        <p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца.</p>
                    </div>
                </div>
                <div class="comment">
                    <div class="comment-side">
                        <div class="comment-avatar"></div>
                    </div>
                    <div class="comment-base">
                        <h1 class="comment-title">Lorem ipsum #2</h1>
                        <p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца.</p>
                    </div>
                </div>
                <div class="comment">
                    <div class="comment-side">
                        <div class="comment-avatar"></div>
                    </div>
                    <div class="comment-base">
                        <h1 class="comment-title">Lorem ipsum #3</h1>
                        <p>Есть много вариантов Lorem Ipsum, но большинство из них имеет не всегда приемлемые модификации, например, юмористические вставки или слова, которые даже отдалённо не напоминают латынь. Если вам нужен Lorem Ipsum для серьёзного проекта, вы наверняка не хотите какой-нибудь шутки, скрытой в середине абзаца.</p>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer class="footer">
        #Footer
    </footer>
  </body>
</html>
Код 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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
@charset "utf-8";
html {
    background: #ccc;
    min-height: 100%;
    font-family: sans-serif;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
}
body {
    margin: 0;
    padding: 0 15px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    flex: auto;
}
a {
    color: #1194c4;
    text-decoration:underline;
}
a:hover {
    text-decoration: none;
}
:focus {
    outline: none;
}
img {
    border: 0;
}
h1 {
    margin-top: 0;
}
 
.header {
    width: 100%;
    max-width: 960px;
    min-width: 430px;
    margin: 0 auto 30px;
    padding: 30px 0 10px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.logo {
    font-size: 0;
    margin: -10px 10px 10px 0;
 
    flex: none;
    align-items: center;
}
.logo:before,
.logo:after {
    content: '';
    display: block;
}
.logo:before {
    background: #222;
    width: 50px;
    height: 50px;
    margin: 0 10px 0 20px;
    border-radius: 50%;
}
.logo:after {
    background: #222;
    width: 90px;
    height: 30px;
}
.nav {
    margin: -5px 0 0 -5px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.nav-itm {
    background: #222;
    width: 130px; 
    height: 50px;
    font-size: 1.5rem;
    color: #eee;
    text-decoration: none;
    margin: 5px 0 0 5px;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main {
    width: 100%;
    max-width: 960px;
    min-width: 430px;
    margin: auto;
    flex: auto;
    box-sizing: border-box;
}
.box {
    font-size: 1.25rem;
    line-height: 1.5;
    font-style: italic;
    margin: 0 0 40px -50px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.box-base {
    margin-left: 50px;
    flex: 1 0 430px;
}
.box-side {
    margin-left: 50px;
    flex: none;
}
.box-img {
    max-width: 100%;
    height: auto;
}
 
.content {
    margin-bottom: 30px;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
.banners {
    flex: 1 1 200px;
}
.banner {
    background: #222;
    width: 100%;
    min-width: 100px;
    min-height: 200px;
    font-size: 3rem;
    color: #eee;
    margin: 0 0 30px 0;
 
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.posts {
    margin: 0 0 30px 30px;
    flex: 1 1 200px;
}
.post {}
.comments {
    margin: 0 0 30px 30px;
    flex: 1 1 200px;
}
.comment {
    display: -webkit-flex;
    display: flex;
}
.comment-side {
    padding-right: 20px;
    flex: none;
}
.comment-base {
    flex: auto;
}
.comment-avatar {
    background: #222;
    width: 50px;
    height: 50px;
}
.footer {
    background: #222;
    width: 100%;
    max-width: 960px;
    min-width: 430px;
    color: #eee;
    margin: auto;
    padding: 15px;
    box-sizing: border-box;
}
 
@media screen and (max-width: 800px) {
    .banners {
        margin-left: -30px;
        display: -webkit-flex;
        display: flex;
        flex-basis: 100%;
    }
    .banner {
        margin-left: 30px;
    }
    .posts {
        margin-left: 0;
    }
}
@media screen and (max-width: 600px) {
    .content {
        display: block;
    }
    .banners {
        margin: 0;
        display: block;
    }
    .banner {
        margin-left: 0;
    }
    .comments {
        margin: 0;
    }
}
Вопрос: Проблема со вставкой svg-объекта

Добрый день!
Столкнулся с проблемой отображения htm-документа с svg-объектом.
Текст документа:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Schema test page</title>
</head>
<body>
        <div>
        	<p>Test before	 object!</p>
        </div>

	<div class="h-page" id="h-page">
        	<object width="100%" height="980px" type="image/svg+xml" data="app-schema.svg" /> 
<!--		<img src="app-schema.svg" /> -->
        </div>

        <div>
        	<p>Test after object!</p>
        </div>
<body></html>

При вставке тэгом <img> отображается вся страница, а при вставке тэгом <object> нижняя надпись не отображается. Да и в целом никакие объекты идущие после svg-объекта не отображаются...
Подскажите как это можно победить?
Заранее спасибо!
Ответ: работает конструкция с <embed>:
<embed type="image/svg+xml" src="app-schema.svg" />

странненько, чего <object> не работает?..
Вопрос: Как сделать вставку в цикл?

Ребята, подскажите как сделать вставку внутрь цикла, который вводит посты в категории. Нужно каждые 2 или 3 поста делать вставку определенного блока (при этом чтобы на них не заканчивался и не начинался цикл).

PHP
1
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
Спасибо!
Ответ: Подскажите как это лучше сделать? С php только начинаю работать и не знаю с какой стороны подойти.
Вопрос: Вставка текста с jQuery

Добрый день!
Мне нужна вставка текста с jQuery, но без обрезки тегов. Т.е., есть блок1 и блок2. Первый блок пустой. При клике на него вставляется в него же текст из второго блока с методом .html(). Всё было бы хорошо, но текст вставляется очищенный от тегов. А нём есть куча абзацев <p>. Соответственно, при вставке, все теги удаляются и выводится текст в строчку. Прочёл на другом форуме, что метод .html() действует по принципу функции htmlspecialchars() в php, т.е. режет все теги внутри.
Подскажите, пожалуйста, как же мне вставить текст, сохраняя при этом все теги абзацев внутри?
Спасибо!
Ответ: j2FunOnly, странно... В Вашем примере всё хорошо работает... Наверное, у меня в коде какая-то логическая ошибка. Буду искать..
Вопрос: Повесить событие до вставки в DOM

Создаю картинку
Код:
  var IMG=document.createElement("IMG");
  ...
  IMG.onclick=(function() { alert(); });
далее, ещё заворачивается в DIV и вставляется в страницу четыре раза
Код:
  for (var i=0; i<4; ++i) {
    var d=DIV.cloneNode(true);
    document.body.appendChild(d);
  }
onclick по картинке не работает, но и ошибок браузер не показывает.
Поставил тот же onclick на d непосредственно перед вставкой в DOM - работает.

Смутно помню, что где-то что-то меня предупреждали, но не было потребности и не запомнил даже суть. Это cloneNode не клонирует обработчики, или что ещё? Подскажите или дайте ссылку.

Спасибо
Ответ: Спасибо, работает. Правда долго не мог понять почему

Теперь интересует теоретический вопрос, а что будет потреблять больше ресурсов - клонирование или создание. Мне кажется, что создание будет требовать больше ресурсов, т.к. данные функции создающей элемент будут оставаться в памяти.
Вопрос: jQuery на Joomla 3.6.2 Не работает.

Нашёл в интернете меню. Вот оно. Не разобрался как его установить. Сам jQuery установлен. Все предложенные файлы скачал, закинул. Создал в Joomla модуль HTML кода, скопировал код, скачал плагин Sourcerer, отключил редактор TinyMCE, так как при вставке кода редактор его полностью изменял и получалось не то, что нужно. В общем сделал всё что было указано. Сохранил. Всё равно Joomla его изменяет, так как ему хочется.
Может я что-то не так настроил? Если так, то как настроить jQuery, чтобы всё работало? !
Ответ:
Сообщение от рони
Gbsyi,
я не увидел в плагине никакого jQuery - там всё построено на смене классов обычным js. проблема скорее всего в селекторах, смотреть css и html.
Я понял проблему. При вставке кода Joomla преобразовывал его в HTML и он не работал. Видимо проблема в этом.
Вопрос: Вставка скрипта через скрипт

Необходимо вставить код рекламы перед элементом #footer через такой код
jQuery('#footer').before();

сам код рекламы такой:
<script language="javascript"><!--
document.write('<scr'+'ipt language="javascript1.1" src="http://ads.intergi.com/addyn/3.0/5205/3523970/0/3055/ADTECH;loc=100;target=_blank;key=key1+key2+key3+key4;grp=[group];misc='+new Date().getTime()+'"></scri'+'pt>');
//-->
</script><noscript><a href="http://ads.intergi.com/adlink/3.0/5205/3523970/0/3055/ADTECH;loc=300;key=key1+key2+key3+key4;grp=[group]" target="_blank"><img src="http://ads.intergi.com/adserv/3.0/5205/3523970/0/3055/ADTECH;loc=300;key=key1+key2+key3+key4;grp=[group]" border="0" width="320" height="50"></a></noscript>


Но никак не могу сделать, чтобы он работал после преобразования в одну строку.

Пробовал еще вот так:
jQuery('#footer').before('<script language="javascript" src="http://ads.intergi.com/addyn/3.0/5205/3523970/0/3055/ADTECH;loc=100;target=_blank;key=key1+key2+key3+key4;grp=[group];misc=\'+new Date().getTime()+\'">\<\/script><noscript><a href="http://ads.intergi.com/adlink/3.0/5205/3523970/0/3055/ADTECH;loc=300;key=key1+key2+key3+key4;grp=[group]" target="_blank"><img src="http://ads.intergi.com/adserv/3.0/5205/3523970/0/3055/ADTECH;loc=300;key=key1+key2+key3+key4;grp=[group]" border="0" width="320" height="50"></a></noscript>');

В этом случае скрипт вроде как вставляется в страницу, но не работает.
Ответ:
// после вставки скрипта перед футером
var ad = document.getElementsByTagName('script')[0]; // вместо 0 напишите нужную цифру, я не знаю каким по счёту элементом будет новый скрипт
var script = document.createElement('script');
script.text = ad.text;
parent.insertBefore(script, document.getElementById('footer')); // вместо parent напишите родительский элемент футера
parent.removeChild(ad); // тут так же заменять parent на нужный
Вопрос: событие onBeforePaste не работает

Доброго времени суток!
Суть задачи следующая: есть блок div с contenteditable='true'. Если пользователь будет вставлять в него информацию из буфера, то я хочу ее заранее очистить от всех html-тегов и в итоге вставить только текст.
Хотел реализовать это с помощью события onBeforePaste, но оно почему-то совсем отказывается срабатывать, вот элементарный пример: Chrome, Yandex, Safari и Лиса никак не отреагировали на вставку, а вот в Explorer на удивление все сработало.
Возможно что-то нужно сделать дополнительно чтобы скрипт был рабочим?! Может есть какой-нибудь удобный способ для реализации этой задачи?!
Заранее благодарю!)
Ответ: Nikel097, через oninput всё нужно делать, в нём уже отслеживаем какие изменения произошли, если содержимое изменилось не на один символ, то очевидно, что произошла вставка с буфера.
Вопрос: Вставка значения из JS в html форму

Есть кусок JS
case event.isIncoming():
  // тут нужно прописать вставку значения "123" в html форму
 break;


и форма:
<form action='' method='post'>
<input type='text' value='содержимое из js, например 123'>
</form>


Хочу сделать чтобы при выполнении данного фразмента js - a форму вставлялось нужное мне значение, например "123"

Подскажите как можно это реализовать?
Спасибо за помощь!
Ответ: Спасибо, все отлично работает!