<?xml version="1.0" encoding="utf-8"?>

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/">
	<channel>
		<title>Javascript-форум - Элементы интерфейса</title>
		<link>https://javascript.ru/forum</link>
		<description><![CDATA[Динамические элементы, меню, списки, таблицы, слои, drag'n'drop, ...]]></description>
		<language>ru</language>
		<lastBuildDate>Tue, 20 Oct 2026 19:29:34 GMT</lastBuildDate>
		<generator>vBulletin</generator>
		<ttl>1</ttl>
		<image>
			<url>https://javascript.ru/forum/images/ca_serenity/misc/rss.jpg</url>
			<title>Javascript-форум - Элементы интерфейса</title>
			<link>https://javascript.ru/forum</link>
		</image>
		<item>
			<title>Не срабатывает addEventListener</title>
			<link>https://javascript.ru/forum/showthread.php?t=87054&amp;goto=newpost</link>
			<pubDate>Thu, 01 Oct 2026 09:15:57 GMT</pubDate>
			<description><![CDATA[Здравствуйте, уважаемые. Прошу вашей помощи. Я - "начинающий", только учусь. И тут уже на сутки подвис. Всё должно работать, но не работает. Суть какая. Разбираюсь с WinBox.js и создается окно (winbox) в котором есть несколько input-text. И я хочу при вводе текста в один из них, получать ответ от сервера, есть ли такой логин и во втором отображать результат. Примеров много. Вот есть первый и второй (и кнопка button):

<pre class="source brush:js">
const input = document.getElementById('username');
  const resultDiv = document.getElementById('surname');
  const button = document.getElementById('myButton');

  alert("1: " + input.name);
  alert("2: " + resultDiv.name);
  alert("Button: " + button.name);
</pre>
Все три алерта показываются. То есть, скрипт отрабатывается и такие объекты есть. Но дальше я вешаю обработчик на кнопку и обработчик на input:
<pre class="source brush:js;light:true">
button.addEventListener('click', function() {
		alert('Кнопка нажата!');
	});
</pre>
и, соответственно, на ввод текста:
<pre class="source brush:js;light:true">
input.addEventListener('input', function(event) {
	  alert("777");
  });
</pre>
Так вот на нажатие на конку alert есть, а на ввод текста - просто никакого нет. Это я удалил код оттуда, там всё стандартно. Оба input - простые стандартные:
<pre class="source brush:html;light:true">
&lt;input type="text" id="username" name="username" autocomplete="username"&gt;
&lt;input type="text" id="surname" name="surname"&gt;
</pre>

Почему на работает Listener на ввод текста? Что может быть? Заранее благодарен вам за помощь.]]></description>
			<content:encoded><![CDATA[<div>Здравствуйте, уважаемые. Прошу вашей помощи. Я - &quot;начинающий&quot;, только учусь. И тут уже на сутки подвис. Всё должно работать, но не работает. Суть какая. Разбираюсь с WinBox.js и создается окно (winbox) в котором есть несколько input-text. И я хочу при вводе текста в один из них, получать ответ от сервера, есть ли такой логин и во втором отображать результат. Примеров много. Вот есть первый и второй (и кнопка button):<br />
<br />
<pre class="source brush:js">
const input = document.getElementById('username');
  const resultDiv = document.getElementById('surname');
  const button = document.getElementById('myButton');

  alert("1: " + input.name);
  alert("2: " + resultDiv.name);
  alert("Button: " + button.name);
</pre><br />
Все три алерта показываются. То есть, скрипт отрабатывается и такие объекты есть. Но дальше я вешаю обработчик на кнопку и обработчик на input:<br />
<pre class="source brush:js;light:true">
button.addEventListener('click', function() {
		alert('Кнопка нажата!');
	});
</pre><br />
и, соответственно, на ввод текста:<br />
<pre class="source brush:js;light:true">
input.addEventListener('input', function(event) {
	  alert("777");
  });
</pre><br />
Так вот на нажатие на конку alert есть, а на ввод текста - просто никакого нет. Это я удалил код оттуда, там всё стандартно. Оба input - простые стандартные:<br />
<pre class="source brush:html;light:true">
&lt;input type="text" id="username" name="username" autocomplete="username"&gt;
&lt;input type="text" id="surname" name="surname"&gt;
</pre><br />
<br />
Почему на работает Listener на ввод текста? Что может быть? Заранее благодарен вам за помощь.</div>

]]></content:encoded>
			<category domain="https://javascript.ru/forum/forumdisplay.php?f=4">Элементы интерфейса</category>
			<dc:creator>Egoritch</dc:creator>
			<guid isPermaLink="true">https://javascript.ru/forum/showthread.php?t=87054</guid>
		</item>
		<item>
			<title>поиск в json</title>
			<link>https://javascript.ru/forum/showthread.php?t=87051&amp;goto=newpost</link>
			<pubDate>Tue, 29 Sep 2026 10:54:14 GMT</pubDate>
			<description><![CDATA[Как сделать скрипт по поиску в json
 [
{"type":"header","version":"4.7.4","comment":"Export to JSON plugin for PHPMyAdmin"},
{"type":"database","name":"espvoc"},
{"type":"table","name":"esp_adsverbs_dates","database":"espvoc","data":
[
{"id":"1","date_year":"1924","date_beg":"06.02.1924","date_end":"23.02.1925"},
{"id":"2","date_year":"1925","date_beg":"24.02.1925","date_end":"12.02.1926"},
{"id":"3","date_year":"1926","date_beg":"13.02.1926","date_end":"02.02.1927"},
{"id":"4","date_year":"1927","date_beg":"03.02.1927","date_end":"21.02.1928"},
{"id":"5","date_year":"1928","date_beg":"22.02.1928","date_end":"09.02.1929"},
{"id":"6","date_year":"1929","date_beg":"10.02.1929","date_end":"29.01.1930"},
{"id":"7","date_year":"1930","date_beg":"30.01.1930","date_end":"17.02.1931"},
{"id":"8","date_year":"1931","date_beg":"18.02.1931","date_end":"06.02.1932"},
{"id":"9","date_year":"1932","date_beg":"07.02.1932","date_end":"24.02.1933"},
{"id":"10","date_year":"1933","date_beg":"25.02.1933","date_end":"13.02.1934"},
{"id":"11","date_year":"1934","date_beg":"14.02.1934","date_end":"03.02.1935"},
{"id":"12","date_year":"1935","date_beg":"04.02.1935","date_end":"22.02.1936"},
{"id":"13","date_year":"1936","date_beg":"23.02.1936","date_end":"11.02.1937"},
{"id":"14","date_year":"1937","date_beg":"12.02.1937","date_end":"28.01.1938"},
{"id":"15","date_year":"1938","date_beg":"29.01.1938","date_end":"19.02.1939"},
{"id":"16","date_year":"1939","date_beg":"20.02.1939","date_end":"08.02.1940"},
{"id":"17","date_year":"1940","date_beg":"09.02.1940","date_end":"27.01.1941"},
{"id":"18","date_year":"1941","date_beg":"28.01.1941","date_end":"15.02.1942"},
{"id":"19","date_year":"1942","date_beg":"16.02.1942","date_end":"04.02.1943"},
{"id":"20","date_year":"1943","date_beg":"05.02.1943","date_end":"24.02.1944"},
{"id":"21","date_year":"1944","date_beg":"25.02.1944","date_end":"12.02.1945"},
{"id":"22","date_year":"1945","date_beg":"13.02.1945","date_end":"02.02.1946"},
{"id":"23","date_year":"1946","date_beg":"03.02.1946","date_end":"20.02.1947"},
{"id":"24","date_year":"1947","date_beg":"21.02.1947","date_end":"09.02.1948"},
{"id":"25","date_year":"1948","date_beg":"10.02.1948","date_end":"28.01.1949"},
{"id":"26","date_year":"1949","date_beg":"29.01.1949","date_end":"03.05.1950"},
{"id":"27","date_year":"1950","date_beg":"17.02.1950","date_end":"06.02.1951"},
{"id":"102","date_year":"2025","date_beg":"01.03.2025","date_end":"17.02.2026"}
]
}
]

найти "date_year":"1950" и вывести строку в output]]></description>
			<content:encoded><![CDATA[<div>Как сделать скрипт по поиску в json<br />
 [<br />
{&quot;type&quot;:&quot;header&quot;,&quot;version&quot;:&quot;4.7.4&quot;,&quot;comment&quot;:&quot;Expo  rt to JSON plugin for PHPMyAdmin&quot;},<br />
{&quot;type&quot;:&quot;database&quot;,&quot;name&quot;:&quot;espvoc&quot;},<br />
{&quot;type&quot;:&quot;table&quot;,&quot;name&quot;:&quot;esp_adsverbs_dates&quot;,&quot;datab  ase&quot;:&quot;espvoc&quot;,&quot;data&quot;:<br />
[<br />
{&quot;id&quot;:&quot;1&quot;,&quot;date_year&quot;:&quot;1924&quot;,&quot;date_beg&quot;:&quot;06.02.192  4&quot;,&quot;date_end&quot;:&quot;23.02.1925&quot;},<br />
{&quot;id&quot;:&quot;2&quot;,&quot;date_year&quot;:&quot;1925&quot;,&quot;date_beg&quot;:&quot;24.02.192  5&quot;,&quot;date_end&quot;:&quot;12.02.1926&quot;},<br />
{&quot;id&quot;:&quot;3&quot;,&quot;date_year&quot;:&quot;1926&quot;,&quot;date_beg&quot;:&quot;13.02.192  6&quot;,&quot;date_end&quot;:&quot;02.02.1927&quot;},<br />
{&quot;id&quot;:&quot;4&quot;,&quot;date_year&quot;:&quot;1927&quot;,&quot;date_beg&quot;:&quot;03.02.192  7&quot;,&quot;date_end&quot;:&quot;21.02.1928&quot;},<br />
{&quot;id&quot;:&quot;5&quot;,&quot;date_year&quot;:&quot;1928&quot;,&quot;date_beg&quot;:&quot;22.02.192  8&quot;,&quot;date_end&quot;:&quot;09.02.1929&quot;},<br />
{&quot;id&quot;:&quot;6&quot;,&quot;date_year&quot;:&quot;1929&quot;,&quot;date_beg&quot;:&quot;10.02.192  9&quot;,&quot;date_end&quot;:&quot;29.01.1930&quot;},<br />
{&quot;id&quot;:&quot;7&quot;,&quot;date_year&quot;:&quot;1930&quot;,&quot;date_beg&quot;:&quot;30.01.193  0&quot;,&quot;date_end&quot;:&quot;17.02.1931&quot;},<br />
{&quot;id&quot;:&quot;8&quot;,&quot;date_year&quot;:&quot;1931&quot;,&quot;date_beg&quot;:&quot;18.02.193  1&quot;,&quot;date_end&quot;:&quot;06.02.1932&quot;},<br />
{&quot;id&quot;:&quot;9&quot;,&quot;date_year&quot;:&quot;1932&quot;,&quot;date_beg&quot;:&quot;07.02.193  2&quot;,&quot;date_end&quot;:&quot;24.02.1933&quot;},<br />
{&quot;id&quot;:&quot;10&quot;,&quot;date_year&quot;:&quot;1933&quot;,&quot;date_beg&quot;:&quot;25.02.19  33&quot;,&quot;date_end&quot;:&quot;13.02.1934&quot;},<br />
{&quot;id&quot;:&quot;11&quot;,&quot;date_year&quot;:&quot;1934&quot;,&quot;date_beg&quot;:&quot;14.02.19  34&quot;,&quot;date_end&quot;:&quot;03.02.1935&quot;},<br />
{&quot;id&quot;:&quot;12&quot;,&quot;date_year&quot;:&quot;1935&quot;,&quot;date_beg&quot;:&quot;04.02.19  35&quot;,&quot;date_end&quot;:&quot;22.02.1936&quot;},<br />
{&quot;id&quot;:&quot;13&quot;,&quot;date_year&quot;:&quot;1936&quot;,&quot;date_beg&quot;:&quot;23.02.19  36&quot;,&quot;date_end&quot;:&quot;11.02.1937&quot;},<br />
{&quot;id&quot;:&quot;14&quot;,&quot;date_year&quot;:&quot;1937&quot;,&quot;date_beg&quot;:&quot;12.02.19  37&quot;,&quot;date_end&quot;:&quot;28.01.1938&quot;},<br />
{&quot;id&quot;:&quot;15&quot;,&quot;date_year&quot;:&quot;1938&quot;,&quot;date_beg&quot;:&quot;29.01.19  38&quot;,&quot;date_end&quot;:&quot;19.02.1939&quot;},<br />
{&quot;id&quot;:&quot;16&quot;,&quot;date_year&quot;:&quot;1939&quot;,&quot;date_beg&quot;:&quot;20.02.19  39&quot;,&quot;date_end&quot;:&quot;08.02.1940&quot;},<br />
{&quot;id&quot;:&quot;17&quot;,&quot;date_year&quot;:&quot;1940&quot;,&quot;date_beg&quot;:&quot;09.02.19  40&quot;,&quot;date_end&quot;:&quot;27.01.1941&quot;},<br />
{&quot;id&quot;:&quot;18&quot;,&quot;date_year&quot;:&quot;1941&quot;,&quot;date_beg&quot;:&quot;28.01.19  41&quot;,&quot;date_end&quot;:&quot;15.02.1942&quot;},<br />
{&quot;id&quot;:&quot;19&quot;,&quot;date_year&quot;:&quot;1942&quot;,&quot;date_beg&quot;:&quot;16.02.19  42&quot;,&quot;date_end&quot;:&quot;04.02.1943&quot;},<br />
{&quot;id&quot;:&quot;20&quot;,&quot;date_year&quot;:&quot;1943&quot;,&quot;date_beg&quot;:&quot;05.02.19  43&quot;,&quot;date_end&quot;:&quot;24.02.1944&quot;},<br />
{&quot;id&quot;:&quot;21&quot;,&quot;date_year&quot;:&quot;1944&quot;,&quot;date_beg&quot;:&quot;25.02.19  44&quot;,&quot;date_end&quot;:&quot;12.02.1945&quot;},<br />
{&quot;id&quot;:&quot;22&quot;,&quot;date_year&quot;:&quot;1945&quot;,&quot;date_beg&quot;:&quot;13.02.19  45&quot;,&quot;date_end&quot;:&quot;02.02.1946&quot;},<br />
{&quot;id&quot;:&quot;23&quot;,&quot;date_year&quot;:&quot;1946&quot;,&quot;date_beg&quot;:&quot;03.02.19  46&quot;,&quot;date_end&quot;:&quot;20.02.1947&quot;},<br />
{&quot;id&quot;:&quot;24&quot;,&quot;date_year&quot;:&quot;1947&quot;,&quot;date_beg&quot;:&quot;21.02.19  47&quot;,&quot;date_end&quot;:&quot;09.02.1948&quot;},<br />
{&quot;id&quot;:&quot;25&quot;,&quot;date_year&quot;:&quot;1948&quot;,&quot;date_beg&quot;:&quot;10.02.19  48&quot;,&quot;date_end&quot;:&quot;28.01.1949&quot;},<br />
{&quot;id&quot;:&quot;26&quot;,&quot;date_year&quot;:&quot;1949&quot;,&quot;date_beg&quot;:&quot;29.01.19  49&quot;,&quot;date_end&quot;:&quot;03.05.1950&quot;},<br />
{&quot;id&quot;:&quot;27&quot;,&quot;date_year&quot;:&quot;1950&quot;,&quot;date_beg&quot;:&quot;17.02.19  50&quot;,&quot;date_end&quot;:&quot;06.02.1951&quot;},<br />
{&quot;id&quot;:&quot;102&quot;,&quot;date_year&quot;:&quot;2025&quot;,&quot;date_beg&quot;:&quot;01.03.2  025&quot;,&quot;date_end&quot;:&quot;17.02.2026&quot;}<br />
]<br />
}<br />
]<br />
<br />
найти &quot;date_year&quot;:&quot;1950&quot; и вывести строку в output</div>

]]></content:encoded>
			<category domain="https://javascript.ru/forum/forumdisplay.php?f=4">Элементы интерфейса</category>
			<dc:creator>endval</dc:creator>
			<guid isPermaLink="true">https://javascript.ru/forum/showthread.php?t=87051</guid>
		</item>
	</channel>
</rss>
