Утечка памяти при динамическом обновлении содержимого
с использованием srcdoc в JavaScript</h1> <p> Html. Цифровое Кемерово </p> <p class="skiplink"><a href="#start_here">Перейти к содержимому</a></p> </div> </div> </div> <div class="navbar" role="navigation"> <div class="inner"> <ul id="nav-main" class="nav-main linklist" role="menubar"> <li id="quick-links" class="quick-links dropdown-container responsive-menu" data-skip-responsive="true"> <a href="#" class="dropdown-trigger"> <i class="icon fa-bars fa-fw" aria-hidden="true"></i><span>Меню</span> </a> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <ul class="dropdown-contents" role="menu"> <li class="separator"></li> <li> <a href="./search.php?search_id=unanswered" role="menuitem"> <i class="icon fa-file-o fa-fw icon-gray" aria-hidden="true"></i><span>Темы без ответов</span> </a> </li> <li> <a href="./search.php?search_id=active_topics" role="menuitem"> <i class="icon fa-file-o fa-fw icon-blue" aria-hidden="true"></i><span>Активные темы</span> </a> </li> <li class="separator"></li> <li> <a href="./search.php" role="menuitem"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span>Поиск</span> </a> </li> <li class="separator"></li> <a href="./viewtopic.php?t=232748&ver=mobi" title="Мобильная версия"><img style="vertical-align: middle;" src="https://stackoverflow.forums.wiki/ext/bb3mobi/MobileDevices/mobile.gif" alt="Мобильная версия" /> Мобильная версия</a> </ul> </div> </li> <li class="rightside" data-skip-responsive="true"> <a href="./ucp.php?mode=login&redirect=viewtopic.php%3Ft%3D232748" title="Вход" accesskey="x" role="menuitem"> <i class="icon fa-power-off fa-fw" aria-hidden="true"></i><span>Вход</span> </a> </li> <li class="rightside" data-skip-responsive="true"> <a href="./ucp.php?mode=register" role="menuitem"> <i class="icon fa-pencil-square-o fa-fw" aria-hidden="true"></i><span>Регистрация</span> </a> </li> </ul> <ul id="nav-breadcrumbs" class="nav-breadcrumbs linklist navlinks" role="menubar"> <li class="breadcrumbs" itemscope itemtype="https://schema.org/BreadcrumbList"> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope><a itemprop="item" href="./" accesskey="h" data-navbar-reference="index"><i class="icon fa-home fa-fw"></i><span itemprop="name">Форум программистов</span></a><meta itemprop="position" content="1" /></span> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope data-forum-id="25"><a itemprop="item" href="./viewforum.php?f=25"><span itemprop="name">Кемерово-IT</span></a><meta itemprop="position" content="2" /></span> <span class="crumb" itemtype="https://schema.org/ListItem" itemprop="itemListElement" itemscope data-forum-id="41"><a itemprop="item" href="./viewforum.php?f=41"><span itemprop="name">Html</span></a><meta itemprop="position" content="3" /></span> </li> <li class="right rightside"><select onchange="document.location.href = this.options[this.selectedIndex].value;"><option value="-1">Создать новую тему без регистрации в...</option><option value="./posting.php?mode=post&f=25">Кемерово-IT</option><option value="./posting.php?mode=post&f=33"> Javascript</option><option value="./posting.php?mode=post&f=17"> C#</option><option value="./posting.php?mode=post&f=16"> JAVA</option><option value="./posting.php?mode=post&f=38"> Elasticsearch aggregation</option><option value="./posting.php?mode=post&f=39"> Python</option><option value="./posting.php?mode=post&f=9"> Php</option><option value="./posting.php?mode=post&f=40"> Android</option><option value="./posting.php?mode=post&f=41"> Html</option><option value="./posting.php?mode=post&f=42"> Jquery</option><option value="./posting.php?mode=post&f=43"> C++</option><option value="./posting.php?mode=post&f=45"> IOS</option><option value="./posting.php?mode=post&f=44"> CSS</option><option value="./posting.php?mode=post&f=7"> Excel</option><option value="./posting.php?mode=post&f=48"> Linux</option><option value="./posting.php?mode=post&f=49"> Apache</option><option value="./posting.php?mode=post&f=11"> MySql</option><option value="./posting.php?mode=post&f=28">Детский мир</option><option value="./posting.php?mode=post&f=26">Для души</option><option value="./posting.php?mode=post&f=13"> Музыкальные инструменты даром</option><option value="./posting.php?mode=post&f=19"> Печатная продукция даром</option><option value="./posting.php?mode=post&f=32">Внешняя красота и здоровье</option><option value="./posting.php?mode=post&f=18"> Одежда и обувь для взрослых даром</option><option value="./posting.php?mode=post&f=20"> Товары для здоровья</option><option value="./posting.php?mode=post&f=34"> Физкультура и спорт</option><option value="./posting.php?mode=post&f=8">Техника - даром!</option><option value="./posting.php?mode=post&f=14"> Автомобилистам</option><option value="./posting.php?mode=post&f=27"> Компьютерная техника</option><option value="./posting.php?mode=post&f=31"> Плиты: газовые и электрические</option><option value="./posting.php?mode=post&f=23"> Холодильники</option><option value="./posting.php?mode=post&f=21"> Стиральные машины</option><option value="./posting.php?mode=post&f=22"> Телевизоры</option><option value="./posting.php?mode=post&f=30"> Телефоны, смартфоны, плашеты</option><option value="./posting.php?mode=post&f=24"> Швейные машинки</option><option value="./posting.php?mode=post&f=10"> Прочая электроника и техника</option><option value="./posting.php?mode=post&f=35"> Фототехника</option><option value="./posting.php?mode=post&f=29">Ремонт и интерьер</option><option value="./posting.php?mode=post&f=15"> Стройматериалы, инструмент</option><option value="./posting.php?mode=post&f=12"> Мебель и предметы интерьера даром</option><option value="./posting.php?mode=post&f=47" disabled="disabled" class="disabled-option"> Cантехника</option><option value="./posting.php?mode=post&f=1">Другие темы</option><option value="./posting.php?mode=post&f=6"> Разное даром</option><option value="./posting.php?mode=post&f=36"> Давай меняться!</option><option value="./posting.php?mode=post&f=37"> Отдам\возьму за копеечку</option><option value="./posting.php?mode=post&f=46"> Работа и подработка в Кемерове</option><option value="./posting.php?mode=post&f=2"> Давай с тобой поговорим...</option></select></li> <li id="search-box" class="search-box rightside responsive-hide"> <form action="./search.php" method="get" id="search"> <fieldset> <input name="keywords" id="keyword" type="search" maxlength="128" title="Ключевые слова" class="inputbox search tiny" size="20" value="" placeholder="Поиск по форуму…" > <button class="button button-search" type="submit" title="Поиск"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Поиск</span> </button> <a href="./search.php" class="button button-search-end" title="Расширенный поиск"> <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Расширенный поиск</span> </a> </fieldset> </form> </li> <li class="rightside responsive-search"> <a href="./search.php" title="Параметры расширенного поиска" role="menuitem"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Поиск</span> </a> </li> </ul> </div> </div> </div> <div style="margin: 10px 0;" data-phpbb-ads-id="2"> <div id="ad3090-658a71-10612" class="ad3090-658a71"></div> </div> <a id="start_here" class="anchor"></a> <div id="page-body" class="page-body" role="main"> <h2 class="topic-title"><a href="./viewtopic.php?t=232748">Утечка памяти при динамическом обновлении содержимого <iframe> с использованием srcdoc в JavaScript</a> ⇐ <font size = "2"><a href="./viewforum.php?f=41">Html</a> </font></h2> <!-- NOTE: remove the style="display: none" when you want to have the forum description on the topic body --> <div style="display: none !important;">Программисты Html<br /></div> <div class="action-bar bar-top"> <a href="./posting.php?mode=reply&t=232748" class="button" title="Ответить"> <span>Ответить</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i> </a> <div class="search-box" role="search"> <form method="get" id="topic-search" action="./search.php"> <fieldset> <input class="inputbox search tiny" type="search" name="keywords" id="search_keywords" size="20" placeholder="Поиск в теме…" /> <button class="button button-search" type="submit" title="Поиск"> <i class="icon fa-search fa-fw" aria-hidden="true"></i><span class="sr-only">Поиск</span> </button> <a href="./search.php" class="button button-search-end" title="Расширенный поиск"> <i class="icon fa-cog fa-fw" aria-hidden="true"></i><span class="sr-only">Расширенный поиск</span> </a> <input type="hidden" name="t" value="232748" /> <input type="hidden" name="sf" value="msgonly" /> </fieldset> </form> </div> <div class="pagination"> 1 сообщение • Страница <strong>1</strong> из <strong>1</strong> </div> </div> <div id="qr_posts"> <div class="post-container"> <div id="p241340" class="post has-profile bg2"> <div class="inner"> <dl class="postprofile" id="profile241340"> <dt class="no-profile-rank no-avatar"> <div class="avatar-container"> </div> <strong><span class="username">Anonymous</span></strong> </dt> </dl> <div class="postbody"> <div id="post_content241340"> <a href="#p241340">Утечка памяти при динамическом обновлении содержимого <iframe> с использованием srcdoc в JavaScript</a> <ul class="post-buttons"> <li> <a href="./posting.php?mode=quote&p=241340" title="Ответить с цитатой" class="button button-icon-only"> <i class="icon fa-quote-left fa-fw" aria-hidden="true"></i><span class="sr-only">Цитата</span> </a> </li> </ul> <p class="author"> <a class="unread" href="./viewtopic.php?p=241340#p241340" title="Сообщение"> <i class="icon fa-file fa-fw icon-lightgray icon-md" aria-hidden="true"></i><span class="sr-only">Сообщение</span> </a> <span class="responsive-hide"> <strong><span class="username">Anonymous</span></strong> » </span><time datetime="2025-01-21T16:34:46+00:00">21 янв 2025, 19:34</time> </p> <div class="content">У нас возникают утечки памяти в веб-приложении, где мы динамически обновляем элементы новым HTML-содержимым с помощью свойства srcdoc. Эта проблема становится очевидной после длительного использования, особенно когда содержимое внутри файла часто меняется. Проблема усугубляется с наибольшим разнообразием HTML-контента. Если разнообразие контента слишком велико, это приведет к постоянному использованию памяти.<br> Наше приложение использует два элемента в каждом контейнере, переключаясь между ними, чтобы обеспечить плавный переход. Один обновляется новым содержимым с помощью srcdoc, и после загрузки мы переключаем его видимость на текущий активный файл . Ранее активные затем очищаются и скрываются.<br> Однако со временем этот подход может вызвать утечку памяти (например, Google Chrome, Edge, Opera). Использование памяти продолжает увеличиваться даже после очистки неиспользуемой памяти. Firefox, похоже, не страдает от утечки памяти, однако видео в HTML-файлах постепенно замедляется.<br> <strong class="text-strong">Вопросы</strong>:<ul> <li>Какой рекомендуемый способ динамического обновления контента без утечек памяти в современных браузерах?</li> <li>Существует ли более эффективный шаблон управления и очистки ресурсы при использовании srcdoc?</li> </ul> <strong class="text-strong">Текущая реализация:</strong><br> Вот логика обновления свойства srcdoc и обработки события загрузки: <div class="codebox"><p>Код: <a href="#" onclick="selectCode(this); return false;">Выделить всё</a></p><pre><code>if (received_data.html) { var inactiveIframe = document.getElementById(iframeIds.inactiveIframe); // Update the srcdoc of the inactive iframe, which triggers content loading inactiveIframe.srcdoc = received_data.html; // Handle the iframe size if provided if (received_data.width && received_data.height) { inactiveIframe.style.width = received_data.width + "px"; inactiveIframe.style.height = received_data.height + "px"; inactiveIframe.parentNode.style.height = received_data.height + "px"; inactiveIframe.parentNode.parentNode.style.height = received_data.height + "px"; } // Set up the onload event handler to switch iframes after the new content has loaded inactiveIframe.onload = async function() { await switchIframe(iframeIds); // Optionally, remove the event listener after the switch inactiveIframe.onload = null; }; validateResources(received_data.html); } </code></pre></div> Функция switchIframe отвечает за замену активных и неактивных iframe: <div class="codebox"><p>Код: <a href="#" onclick="selectCode(this); return false;">Выделить всё</a></p><pre><code>function switchIframe(iframeIds) { // Swap the active and inactive iframe IDs let temp = iframeIds.activeIframe; iframeIds.activeIframe = iframeIds.inactiveIframe; iframeIds.inactiveIframe = temp; // Hide the previously active iframe const inactiveIframeElement = document.getElementById(iframeIds.inactiveIframe); inactiveIframeElement.style.zIndex = '999997'; inactiveIframeElement.style.opacity = '0'; // Clear the content of the inactive iframe inactiveIframeElement.srcdoc = ''; let frameDoc = inactiveIframeElement.contentDocument || inactiveIframeElement.contentWindow.document; if (frameDoc) { frameDoc.documentElement.innerHTML = ''; } // Remove event listeners inactiveIframeElement.onload = null; // Show the new active iframe const activeIframeElement = document.getElementById(iframeIds.activeIframe); activeIframeElement.style.zIndex = '999998'; activeIframeElement.style.opacity = '1'; } </code></pre></div> <strong class="text-strong">Результат</strong>: использование памяти со временем достигает максимального значения.<br> <strong class="text-strong">Испробованы альтернативные подходы:</strong> <br> Мы пробовали разные стратегии, чтобы избежать утечек памяти, но ни одна из них не увенчалась успехом: <ul> <li>Восстановите : Вместо повторно используя inactive, мы удалили его из DOM и повторно добавили новый с тот же идентификатор:</li> </ul> <div class="codebox"><p>Код: <a href="#" onclick="selectCode(this); return false;">Выделить всё</a></p><pre><code>const inactiveIframeElement = document.getElementById(iframeIds.inactiveIframe); inactiveIframeElement.srcdoc = ''; inactiveIframeElement.parentElement.innerHTML = ` `; </code></pre></div> <strong class="text-strong">Результат</strong>: использование памяти со временем достигает максимального значения. <ul> <li>Очистка HTML с помощью InnerHTML: Очищено содержимое с помощью InnerHTML, как показано ниже:</li> </ul> <div class="codebox"><p>Код: <a href="#" onclick="selectCode(this); return false;">Выделить всё</a></p><pre><code>let frameDoc = inactiveIframeElement.contentDocument || inactiveIframeElement.contentWindow.document; if (frameDoc) { frameDoc.documentElement.innerHTML = ''; } </code></pre></div> <strong class="text-strong">Результат</strong>: использование памяти со временем достигает максимального значения. <br> <br> Подробнее здесь: <a href="https://stackoverflow.com/questions/79374893/memory-leak-when-dynamically-updating-iframe-content-using-srcdoc-in-javascrip" class="exlinks" rel="nofollow" target="_blank">https://stackoverflow.com/questions/793 ... -javascrip</a></div> </div> </div> <div class="back2top"> <a href="#top" class="top" title="Вернуться к началу"> <i class="icon fa-chevron-circle-up fa-fw icon-gray" aria-hidden="true"></i> <span class="sr-only">Вернуться к началу</span> </a> </div> </div> </div> <pre id="qr_time241340" style="display: none;">1737477286</pre> <pre id="qr_author_p241340" style="display: none;" data-id="1">Anonymous</pre> <pre id="decoded_p241340" style="display: none;">У нас возникают утечки памяти в веб-приложении, где мы динамически обновляем элементы новым HTML-содержимым с помощью свойства srcdoc. Эта проблема становится очевидной после длительного использования, особенно когда содержимое внутри файла часто меняется. Проблема усугубляется с наибольшим разнообразием HTML-контента. Если разнообразие контента слишком велико, это приведет к постоянному использованию памяти.<br />Наше приложение использует два элемента в каждом контейнере, переключаясь между ними, чтобы обеспечить плавный переход. Один обновляется новым содержимым с помощью srcdoc, и после загрузки мы переключаем его видимость на текущий активный файл . Ранее активные затем очищаются и скрываются.<br />Однако со временем этот подход может вызвать утечку памяти (например, Google Chrome, Edge, Opera). Использование памяти продолжает увеличиваться даже после очистки неиспользуемой памяти. Firefox, похоже, не страдает от утечки памяти, однако видео в HTML-файлах постепенно замедляется.<br />[b]Вопросы[/b]:[list]<br />[*]Какой рекомендуемый способ динамического обновления контента без утечек памяти в современных браузерах?<br />[*]Существует ли более эффективный шаблон управления и очистки ресурсы при использовании srcdoc?<br />[/list]<br />[b]Текущая реализация:[/b]<br />Вот логика обновления свойства srcdoc и обработки события загрузки:<br />[code]if (received_data.html) {<br />var inactiveIframe = document.getElementById(iframeIds.inactiveIframe);<br /><br />// Update the srcdoc of the inactive iframe, which triggers content loading<br />inactiveIframe.srcdoc = received_data.html;<br /><br />// Handle the iframe size if provided<br />if (received_data.width && received_data.height) {<br />inactiveIframe.style.width = received_data.width + "px";<br />inactiveIframe.style.height = received_data.height + "px";<br />inactiveIframe.parentNode.style.height = received_data.height + "px";<br />inactiveIframe.parentNode.parentNode.style.height = received_data.height + "px";<br />}<br /><br />// Set up the onload event handler to switch iframes after the new content has loaded<br />inactiveIframe.onload = async function() {<br />await switchIframe(iframeIds);<br />// Optionally, remove the event listener after the switch<br />inactiveIframe.onload = null;<br />};<br /><br />validateResources(received_data.html);<br />}<br /><br />[/code]<br />Функция switchIframe отвечает за замену активных и неактивных iframe:<br />[code]function switchIframe(iframeIds) {<br />// Swap the active and inactive iframe IDs<br />let temp = iframeIds.activeIframe;<br />iframeIds.activeIframe = iframeIds.inactiveIframe;<br />iframeIds.inactiveIframe = temp;<br /><br />// Hide the previously active iframe<br />const inactiveIframeElement = document.getElementById(iframeIds.inactiveIframe);<br />inactiveIframeElement.style.zIndex = '999997';<br />inactiveIframeElement.style.opacity = '0';<br /><br />// Clear the content of the inactive iframe<br />inactiveIframeElement.srcdoc = '';<br />let frameDoc = inactiveIframeElement.contentDocument || inactiveIframeElement.contentWindow.document;<br />if (frameDoc) {<br />frameDoc.documentElement.innerHTML = '';<br />}<br /><br />// Remove event listeners<br />inactiveIframeElement.onload = null;<br /><br />// Show the new active iframe<br />const activeIframeElement = document.getElementById(iframeIds.activeIframe);<br />activeIframeElement.style.zIndex = '999998';<br />activeIframeElement.style.opacity = '1';<br />}<br /><br />[/code]<br />[b]Результат[/b]: использование памяти со временем достигает максимального значения.<br />[b]Испробованы альтернативные подходы:[/b] <br />Мы пробовали разные стратегии, чтобы избежать утечек памяти, но ни одна из них не увенчалась успехом:<br />[list]<br />[*]Восстановите : Вместо повторно используя inactive, мы удалили его из DOM и повторно добавили новый с тот же идентификатор:<br />[/list]<br />[code]const inactiveIframeElement = document.getElementById(iframeIds.inactiveIframe);<br />inactiveIframeElement.srcdoc = '';<br />inactiveIframeElement.parentElement.innerHTML = `<br />`;<br /><br />[/code]<br />[b]Результат[/b]: использование памяти со временем достигает максимального значения.<br />[list]<br />[*]Очистка HTML с помощью InnerHTML: Очищено содержимое с помощью InnerHTML, как показано ниже:<br />[/list]<br />[code]let frameDoc = inactiveIframeElement.contentDocument || inactiveIframeElement.contentWindow.document;<br />if (frameDoc) {<br />frameDoc.documentElement.innerHTML = '';<br />}<br />[/code]<br />[b]Результат[/b]: использование памяти со временем достигает максимального значения. <br /><br />Подробнее здесь: [url]https://stackoverflow.com/questions/79374893/memory-leak-when-dynamically-updating-iframe-content-using-srcdoc-in-javascrip[/url]</pre> </div></div> <div id="qr_temp_container" style="display: none;"></div> <div class="pagination_next"> </div> <div class="action-bar bar-bottom"> <a href="./posting.php?mode=reply&t=232748" class="button" title="Ответить"> <span>Ответить</span> <i class="icon fa-reply fa-fw" aria-hidden="true"></i> </a> <div class="pagination"> 1 сообщение • Страница <strong>1</strong> из <strong>1</strong> </div> </div> <form method="post" action="./posting.php?mode=reply&f=41&t=232748" id="qr_postform"> <div class="panel"> <div class="inner"> <h2 class="quickreply-title">Быстрый ответ</h2> <fieldset class="fields1"> <dl style="clear: left;"> <dt><label for="subject">Заголовок:</label></dt> <dd><input type="text" name="subject" id="subject" size="45" maxlength="124" tabindex="2" value="Re: Утечка памяти при динамическом обновлении содержимого <iframe> с использованием srcdoc в JavaScript" class="inputbox autowidth" /></dd> </dl> <input type="hidden" name="subject" value="Re: Утечка памяти при динамическом обновлении содержимого <iframe> с использованием srcdoc в JavaScript" /> <dl style="clear: left;"> <dt><label for="username">Имя пользователя:</label></dt> <dd><input type="text" tabindex="1" name="username" id="username" size="25" value="" class="inputbox autowidth" /></dd> </dl> <script> var form_name = 'qr_postform'; var text_name = 'message'; var load_draft = false; var upload = false; // Define the bbCode tags var bbcode = new Array(); var bbtags = new Array('[b]','[/b]','[i]','[/i]','[u]','[/u]','[quote]','[/quote]','[code]','[/code]','[list]','[/list]','[list=]','[/list]','[img]','[/img]','[url]','[/url]','[flash=]', '[/flash]','[size=]','[/size]', '[H2]', '[/H2]', '[H3]', '[/H3]', '[H4]', '[/H4]', '[center]', '[/center]', '[hr]', '[/hr]', '[s]', '[/s]', '[scroll]', '[/scroll]', '[spoiler=]', '', '[youtube]', '[/youtube]'); var imageTag = false; function change_palette() { phpbb.toggleDisplay('colour_palette'); e = document.getElementById('colour_palette'); if (e.style.display == 'block') { document.getElementById('bbpalette').value = 'Скрыть панель цветов'; } else { document.getElementById('bbpalette').value = 'Цвет шрифта'; } } function qr_formatToggle(s) { var t = '', sc = s.length, c; for (i = 0; i < sc; i++) { c = s.charAt(i); if (c.toLowerCase() == c) c = c.toUpperCase(); else if (c.toUpperCase() == c) c = c.toLowerCase(); t += c; } return t; } // param: reg = 0 - lowercase, reg = 1 - uppercase, reg = 2 - inverse function qr_updateCase(reg) { var buf = '', selection = null, start, end; var txtarea = document.forms[form_name].elements[text_name]; if (document.selection) { selection = document.selection.createRange(); buf = selection.text; } else if (typeof (txtarea.selectionStart) == "number") { start = txtarea.selectionStart; end = txtarea.selectionEnd; if (start != end) buf = txtarea.value.substr(start, end - start); else buf = txtarea.value; } else { buf = txtarea.value; } switch (parseInt(reg)) { case 0: buf = buf.toLowerCase(); break; case 1: buf = buf.toUpperCase(); break; case 2: buf = qr_formatToggle(buf); break; } if (selection) { selection.text = buf; } else if (start != end) { txtarea.value = txtarea.value.substr(0, start) + buf + txtarea.value.substr(end); } else { txtarea.value = buf; } txtarea.focus(); } </script> <div id="colour_palette" style="display: none;"> <dl style="clear: left;"> <dt><label>Цвет шрифта:</label></dt> <dd id="color_palette_placeholder" class="color_palette_placeholder" data-color-palette="h" data-height="12" data-width="15" data-bbcode="true"></dd> </dl> </div> <div id="format-buttons" class="format-buttons"> <button type="button" class="button button-icon-only bbcode-b" accesskey="b" name="addbbcode0" value=" B " onclick="bbstyle(0)" title="Жирный текст: [b]текст[/b]"> <i class="icon fa-bold fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-i" accesskey="i" name="addbbcode2" value=" i " onclick="bbstyle(2)" title="Наклонный текст: [i]текст[/i]"> <i class="icon fa-italic fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-u" accesskey="u" name="addbbcode4" value=" u " onclick="bbstyle(4)" title="Подчёркнутый текст: [u]текст[/u]"> <i class="icon fa-underline fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-quote" accesskey="q" name="addbbcode6" value="Quote" onclick="bbstyle(6)" title="Цитата: [quote]текст[/quote]"> <i class="icon fa-quote-left fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-code" accesskey="c" name="addbbcode8" value="Code" onclick="bbstyle(8)" title="Код: [code]code[/code]"> <i class="icon fa-code fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-list" accesskey="l" name="addbbcode10" value="List" onclick="bbstyle(10)" title="Список: [list][*]текст[/list]"> <i class="icon fa-list fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-list-" accesskey="o" name="addbbcode12" value="List=" onclick="bbstyle(12)" title="Упорядоченный список: [list=1][*]Пункт первый[/list] или [list=a][*]Пункт a[/list]"> <i class="icon fa-list-ol fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-asterisk" accesskey="y" name="addlistitem" value="[*]" onclick="bbstyle(-1)" title="Элемент списка: [*]текст"> <i class="icon fa-asterisk fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-url" accesskey="w" name="addbbcode16" value="URL" onclick="bbstyle(16)" title="Вставить ссылку: [url]http://url[/url] или [url=http://url]Текст ссылки[/url]"> <i class="icon fa-link fa-fw" aria-hidden="true"></i> </button> <button type="button" class="button button-icon-only bbcode-color" name="bbpalette" id="bbpalette" value="Цвет шрифта" onclick="change_palette();" title="Цвет шрифта: [color=red]текст[/color] или [color=#FF0000]текст[/color]"> <i class="icon fa-tint fa-fw" aria-hidden="true"></i> </button> <select name="addbbcode20" class="bbcode-size" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="Размер шрифта: [size=85]маленький шрифт[/size]"> <option value="50">Очень маленький</option> <option value="85">Маленький</option> <option value="100" selected="selected">Нормальный</option> <option value="150">Большой</option> <option value="200">Огромный</option> </select> <button type="button" class="button button-secondary bbcode-H2" name="addbbcode22" value="H2" onclick="bbstyle(22)" title="Заголовок второго уровня: [h2]текст[/h2]"> H2 </button> <button type="button" class="button button-secondary bbcode-H3" name="addbbcode24" value="H3" onclick="bbstyle(24)" title="Заголовок третьего уровня: [h3]текст[/h3]"> H3 </button> <button type="button" class="button button-secondary bbcode-H4" name="addbbcode26" value="H4" onclick="bbstyle(26)" title="Заголовок четвёртого уровня: [h4]текст[/h4]"> H4 </button> <button type="button" class="button button-secondary bbcode-center" name="addbbcode28" value="center" onclick="bbstyle(28)" title="По центру: [center]текст[/center]"> center </button> <button type="button" class="button button-secondary bbcode-hr" name="addbbcode30" value="hr" onclick="bbstyle(30)" title=""> hr </button> <button type="button" class="button button-secondary bbcode-s" name="addbbcode32" value="s" onclick="bbstyle(32)" title="Зачёркнутый текст: [s]текст[/s]"> s </button> <button type="button" class="button button-secondary bbcode-scroll" name="addbbcode34" value="scroll" onclick="bbstyle(34)" title="Бегущая строка"> scroll </button> <button type="button" class="button button-secondary bbcode-spoiler-" name="addbbcode36" value="spoiler=" onclick="bbstyle(36)" title="Скрытый текст: [spoiler=заголовок]текст[/spoiler]"> spoiler= </button> <button type="button" class="button button-secondary bbcode-youtube" name="addbbcode38" value="youtube" onclick="bbstyle(38)" title="Вставить видео из Youtube. Между тэгами вставьте ID - символы, которые в ссылке после v=. Например, [youtube]eSdLpdW7re3[/youtube]"> youtube </button> </div> <div id="register-and-translit"> <abbr style="border-bottom:1px dashed #777; cursor:help;" title="Для изменения регистра выделите часть текста и нажмите нужную кнопку">Изменение регистра текста:</abbr> <input type="button" class="button button-secondary" accesskey="t" name="uppercase" value="▲ АБВ" onclick="qr_updateCase(1)" title="ВЕРХНИЙ РЕГИСТР" /> <input type="button" class="button button-secondary" accesskey="t" name="lowercase" value="▼ абв" onclick="qr_updateCase(0)" title="нижний регистр" /> <input type="button" class="button button-secondary" accesskey="t" name="inverscase" value="▼▲ аБВ" onclick="qr_updateCase(2)" title="иНВЕРСИЯ рЕГИСТРА" /> </div> <div id="smiley-box" class="smiley-box"> <strong>Смайлики</strong><br /> <a href="#" onclick="insert_text(':)', true); return false;"><img src="./images/smilies/smile.gif" width="20" height="24" alt=":)" title="Smile" /></a> <a href="#" onclick="insert_text(':(', true); return false;"><img src="./images/smilies/sad.gif" width="20" height="24" alt=":(" title="Sad" /></a> <a href="#" onclick="insert_text(':oops:', true); return false;"><img src="./images/smilies/blush.gif" width="25" height="25" alt=":oops:" title="Embarassed" /></a> <a href="#" onclick="insert_text(':roll:', true); return false;"><img src="./images/smilies/rolleyes.gif" width="20" height="20" alt=":roll:" title="Rolling Eyes" /></a> <a href="#" onclick="insert_text(':wink:', true); return false;"><img src="./images/smilies/wink.gif" width="20" height="20" alt=":wink:" title="Wink" /></a> <a href="#" onclick="insert_text(':muza:', true); return false;"><img src="./images/smilies/smile34.gif" width="48" height="55" alt=":muza:" title="Muza" /></a> <a href="#" onclick="insert_text(':clever:', true); return false;"><img src="./images/smilies/clever.gif" width="25" height="22" alt=":clever:" title="clever" /></a> <a href="#" onclick="insert_text(':sorry:', true); return false;"><img src="./images/smilies/sorry.gif" width="24" height="22" alt=":sorry:" title="Sorry" /></a> <a href="#" onclick="insert_text(':angel:', true); return false;"><img src="./images/smilies/angel.gif" width="27" height="23" alt=":angel:" title="Angel" /></a> <a href="#" onclick="insert_text(':read:', true); return false;"><img src="./images/smilies/smile235.gif" width="35" height="45" alt=":read:" title="Read" /></a> <a href="#" onclick="insert_text('*x)', true); return false;"><img src="./images/smilies/facepalmm.gif" width="19" height="19" alt="*x)" title="facepalm" /></a> <br /><a href="./posting.php?mode=smilies&f=41" onclick="popup(this.href, 300, 350, '_phpbbsmilies'); return false;">Ещё смайлики…</a> </div> <div id="message-box" class="message-box"> <textarea style="height: 9em;" name="message" rows="7" cols="76" tabindex="3" class="inputbox"></textarea> </div> </fieldset> <fieldset class="submit-buttons"> <input type="hidden" name="spare_token" value="d877fe9a791863daaa4231f156d0d739611aad5fa2feeaf5f84878e02f9e586b76cbf01324b4cd1e16ada83f5100f924b985" /> <input type="hidden" name="form_token_name" value="posting" /> <input type="hidden" name="form_token_session_id" value="a3ba70a6124fd2bf19275c3c99e44238" /> <input type="hidden" name="form_token_token_hash" value="1d4710c2" /> <input type="hidden" name="form_token_now_hash" value="a40c835" /> <input type="hidden" name="creation_time" value="1773942432" /> <input type="hidden" name="form_token" value="d877fe9a791863daaa4231f156d0d739611aad5fa2feeaf5f84878e02f9e586b76cbf01324b4cd1e16ada83f5100f924b985" /> <script type="text/javascript">// <![CDATA[ var name_2985671382_form_tokens = document.getElementsByName("form_token"); var name_2985671382_spare_tokens = document.getElementsByName("spare_token"); var dec_2985671382_form_tokens = function() { for ( var i=0; i<name_2985671382_form_tokens.length; i++ ) { name_2985671382_form_tokens[i].value = name_2985671382_form_tokens[i].value.replace(/d877fe9a791863daaa4231f156d0d73|324b4cd1e16ada83f5100f924b985/g, ''); } for ( var i=0; i<name_2985671382_spare_tokens.length; i++ ) { name_2985671382_spare_tokens[i].value = name_2985671382_spare_tokens[i].value.replace(/d877fe9a791863daaa4231f156d0d73|324b4cd1e16ada83f5100f924b985/g, ''); } } dec_2985671382_form_tokens(); // ]]></script> <input type="hidden" name="topic_cur_post_id" value="241340" /> <input type="hidden" name="lastclick" value="1773942432" /> <input type="hidden" name="topic_id" value="232748" /> <input type="hidden" name="forum_id" value="41" /> <input type="hidden" name="lastclick" value="1773942432" /> <input type="submit" accesskey="f" tabindex="6" name="preview" value="Стандартный ответ & предпросмотр" class="button2" id="qr_full_editor" /> <input type="submit" accesskey="s" tabindex="7" name="post" value="Отправить" class="button1" /> </fieldset> </div> </div> <div id="qr_attach_notice">К этому ответу прикреплено по крайней мере одно вложение.</div> <div class="panel bg3 panel-container" id="attach-panel"> <div class="inner"> <p>Если вы не хотите добавлять вложения, оставьте поля пустыми. <span class="hidden" id="drag-n-drop-message">Можно прикреплять файлы, перетаскивая их в окно сообщения.</span></p> <p>Максимально разрешённый размер вложения: 15 МБ.</p> <fieldset class="fields2" id="attach-panel-basic"> <dl> <dt><label for="fileupload">Имя файла:</label></dt> <dd> <input type="file" accept="" name="fileupload" id="fileupload" class="inputbox autowidth" /> <input type="submit" name="add_file" value="Добавить файл" class="button2" onclick="upload = true;" /> </dd> </dl> <dl> <dt><label for="filecomment">Комментарий к файлу:</label></dt> <dd><textarea name="filecomment" id="filecomment" rows="1" cols="40" class="inputbox autowidth"></textarea></dd> </dl> </fieldset> <div id="attach-panel-multi" class="attach-panel-multi"> <input type="button" class="button2" value="Добавить файлы" id="add_files" /> </div> <div class="panel hidden file-list-container" id="file-list-container"> <div class="inner"> <table class="table1 zebra-list fixed-width-table"> <thead> <tr> <th class="attach-name">Имя файла</th> <th class="attach-comment">Комментарий к файлу</th> <th class="attach-filesize">Размер</th> <th class="attach-status">Статус</th> </tr> </thead> <tbody class="responsive-skip-empty file-list" id="file-list"> <tr class="attach-row attach-row-tpl" id="attach-row-tpl"> <td class="attach-name"> <span class="file-name ellipsis-text"></span> <span class="attach-controls"> <input type="button" value="Вставить в текст сообщения" class="button2 hidden file-inline-bbcode" /> <input type="button" value="Удалить файл" class="button2 file-delete" /> </span> <span class="clear"></span> </td> <td class="attach-comment"> <textarea rows="1" cols="30" class="inputbox"></textarea> </td> <td class="attach-filesize"> <span class="file-size"></span> </td> <td class="attach-status"> <span class="file-progress"> <span class="file-progress-bar"></span> </span> <span class="file-status"></span> </td> </tr> </tbody> </table> </div> </div> </div> </div> </form> <div id="qr_message" style="display: none;"></div> <script> var quickreply = {}; // External plugins compatible with QuickReply. quickreply.plugins = { abbc3: false, liveSearch: false, reCAPTCHA2: false, seo: false, qrBoardUrl: 'https://stackoverflow.forums.wiki/' }; // Configuration settings for QuickReply. quickreply.settings = { ajaxPagination: true, ajaxSubmit: false, allowBBCode: true, allowedGuest: true, attachBox: true, colouredNick: true, ctrlEnterNotice: true, enableBBCode: true, enableComma: true, enableScroll: true, enableWarning: false, fixEmptyForm: true, formType: 0, fullQuote: true, fullQuoteAllowed: false, hideSubjectBox: false, lastQuote: true, pluploadEnabled: true, quickNick: true, quickNickString: false, quickNickUserType: false, quickNickRef: true, quickNickPM: true, quickQuote: true, quickQuoteButton: true, saveReply: true, scrollInterval: 0, softScroll: false, unchangedSubject: true}; // Useful variables for QuickReply. quickreply.editor = { attachPanel: '#attach-panel', currentPost: '', mainForm: '#qr_postform', messageStorage: '#qr_message', postSelector: 'div.post', postTitleSelector: '.postbody div h3:first', profileLinkSelector: 'a.username, a.username-coloured', profileNoLinkSelector: 'span.username, span.username-coloured', tempContainer: '#qr_temp_container', textareaSelector: '#qr_postform #message-box textarea', unreadPostSelector: '.unreadpost', viewtopicLink: './viewtopic.php?t=232748' }; // Global functions for QuickReply. quickreply.functions = { /** * Converts RGB function to the hex string. * * @param color Color in RGB function format * @returns */ getHexColor: function(color) { color = color.replace(/\s/g, ""); var colorRGB = color.match(/^rgb\((\d{1,3}[%]?),(\d{1,3}[%]?),(\d{1,3}[%]?)\)$/i), colorHEX = ''; for (var i = 1; i <= 3; i++) { colorHEX += Math.round((colorRGB[i][colorRGB[i].length - 1] === "%" ? 2.55 : 1) * parseInt(colorRGB[i])).toString(16).replace(/^(.)$/, '0$1'); } return "#" + colorHEX; }, /** * Generates an HTML string for a link from an object with parameters. * * @param parameters Object with HTML attributes * (href, id, className, title) and link text * @returns */ makeLink: function(parameters) { if (typeof parameters !== 'object') { return ''; } var link = '<a'; link += (parameters.href) ? ' href="' + parameters.href + '"' : ' href="#"'; if (parameters.id) { link += ' id="' + parameters.id + '"'; } if (parameters.className) { link += ' class="' + parameters.className + '"'; } if (parameters.title) { link += ' title="' + parameters.title + '"'; } link += '>' + ((parameters.text) ? parameters.text : '') + '</a>'; return link; } }; // Language variables for QuickReply. quickreply.language = { AJAX_ERROR: 'При обработке запроса произошла ошибка.', AJAX_ERROR_TITLE: 'Ошибка AJAX', BUTTON_QUOTE: 'Цитата', CANCEL_SUBMISSION: 'Отменить отправку', CTRL_ENTER: 'Вы также можете отправить свой ответ, одновременно нажав клавиши Ctrl и Enter на клавиатуре.', ERROR: 'Ошибка', FULLSCREEN: 'Полноэкранный редактор', FULLSCREEN_EXIT: 'Выйти из полноэкранного режима', INFORMATION: 'Информация', INSERT_TEXT: 'Вставить цитату в окно ответа', loading: { text: 'Загрузка', ATTACHMENTS: 'Ожидание окончания загрузки вложений...', NEW_FORM_TOKEN: 'Временная метка формы устарела и была обновлена.<br />Повторная отправка формы...', NEW_POSTS: 'В тему было добавлено как минимум одно новое сообщение.<br />Ваше сообщение не было отправлено, потому что, возможно, вы захотите изменить его текст.<br />Получение новых сообщений...', PREVIEW: 'Обработка предпросмотра...', SUBMITTED: 'Ваше сообщение было успешно отправлено.<br />Обработка результата...', SUBMITTING: 'Отправка вашего ответа...', WAIT: 'Ожидание ответа сервера...' }, NO_FULL_QUOTE: 'Пожалуйста, выделите часть сообщения, которую хотите процитировать.', POST_REVIEW: 'Было добавлено по крайней мере одно сообщение в этой теме. Возможно, вы захотите изменить содержание своего сообщения.', PREVIEW_CLOSE: 'Закрыть блок предпросмотра', PROFILE: 'Перейти в профиль', QUICKNICK: 'Обратиться по никнейму', QUICKNICK_TITLE: 'Вставить имя пользователя в окно быстрого ответа', QUICKQUOTE_TEXT: 'Быстрая цитата', QUICKQUOTE_TITLE: 'Ответить с быстрой цитатой', QUICKREPLY: 'Быстрый ответ', REPLY_IN_PM: 'Ответить в ЛС', REPLY_WITH_QUOTE: 'Ответить с цитатой', TYPE_REPLY: 'Введите свой ответ здесь...', WARN_BEFORE_UNLOAD: 'Введённый вами ответ не был отправлен и может быть потерян!', WROTE: 'писал(а)' }; // Special features for QuickReply - settings. quickreply.special = { hideSubject: false}; // Special features for QuickReply - functions. quickreply.special.functions = {}; </script> <div class="action-bar actions-jump"> <p class="jumpbox-return"> <a href="./viewforum.php?f=41" class="left-box arrow-left" accesskey="r"> <i class="icon fa-angle-left fa-fw icon-black" aria-hidden="true"></i><span>Вернуться в «Html»</span> </a> </p> <div class="jumpbox dropdown-container dropdown-container-right dropdown-up dropdown-left dropdown-button-control" id="jumpbox"> <span title="Перейти" class="button button-secondary dropdown-trigger dropdown-select"> <span>Перейти</span> <span class="caret"><i class="icon fa-sort-down fa-fw" aria-hidden="true"></i></span> </span> <div class="dropdown"> <div class="pointer"><div class="pointer-inner"></div></div> <ul class="dropdown-contents"> <li><a href="./viewforum.php?f=25" class="jumpbox-forum-link"> <span> Кемерово-IT</span></a></li> <li><a href="./viewforum.php?f=33" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Javascript</span></a></li> <li><a href="./viewforum.php?f=17" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ C#</span></a></li> <li><a href="./viewforum.php?f=16" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ JAVA</span></a></li> <li><a href="./viewforum.php?f=38" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Elasticsearch aggregation</span></a></li> <li><a href="./viewforum.php?f=39" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Python</span></a></li> <li><a href="./viewforum.php?f=9" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Php</span></a></li> <li><a href="./viewforum.php?f=40" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Android</span></a></li> <li><a href="./viewforum.php?f=41" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Html</span></a></li> <li><a href="./viewforum.php?f=42" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Jquery</span></a></li> <li><a href="./viewforum.php?f=43" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ C++</span></a></li> <li><a href="./viewforum.php?f=45" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ IOS</span></a></li> <li><a href="./viewforum.php?f=44" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ CSS</span></a></li> <li><a href="./viewforum.php?f=7" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Excel</span></a></li> <li><a href="./viewforum.php?f=48" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Linux</span></a></li> <li><a href="./viewforum.php?f=49" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Apache</span></a></li> <li><a href="./viewforum.php?f=11" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ MySql</span></a></li> <li><a href="./viewforum.php?f=28" class="jumpbox-forum-link"> <span> Детский мир</span></a></li> <li><a href="./viewforum.php?f=26" class="jumpbox-forum-link"> <span> Для души</span></a></li> <li><a href="./viewforum.php?f=13" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Музыкальные инструменты даром</span></a></li> <li><a href="./viewforum.php?f=19" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Печатная продукция даром</span></a></li> <li><a href="./viewforum.php?f=32" class="jumpbox-forum-link"> <span> Внешняя красота и здоровье</span></a></li> <li><a href="./viewforum.php?f=18" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Одежда и обувь для взрослых даром</span></a></li> <li><a href="./viewforum.php?f=20" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Товары для здоровья</span></a></li> <li><a href="./viewforum.php?f=34" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Физкультура и спорт</span></a></li> <li><a href="./viewforum.php?f=8" class="jumpbox-forum-link"> <span> Техника - даром!</span></a></li> <li><a href="./viewforum.php?f=14" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Автомобилистам</span></a></li> <li><a href="./viewforum.php?f=27" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Компьютерная техника</span></a></li> <li><a href="./viewforum.php?f=31" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Плиты: газовые и электрические</span></a></li> <li><a href="./viewforum.php?f=23" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Холодильники</span></a></li> <li><a href="./viewforum.php?f=21" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Стиральные машины</span></a></li> <li><a href="./viewforum.php?f=22" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Телевизоры</span></a></li> <li><a href="./viewforum.php?f=30" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Телефоны, смартфоны, плашеты</span></a></li> <li><a href="./viewforum.php?f=24" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Швейные машинки</span></a></li> <li><a href="./viewforum.php?f=10" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Прочая электроника и техника</span></a></li> <li><a href="./viewforum.php?f=35" class="jumpbox-sub-link"><span class="spacer"></span><span class="spacer"></span> <span>↳ Фототехника</span></a></li> <li><a href="./viewforum.php?f=29" class="jumpbox-forum-link"> <span> Ремонт и интерьер</span></a></li> <li><a href="./viewforum.php?f=15" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Стройматериалы, инструмент</span></a></li> <li><a href="./viewforum.php?f=12" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Мебель и предметы интерьера даром</span></a></li> <li><a href="./viewforum.php?f=47" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Cантехника</span></a></li> <li><a href="./viewforum.php?f=1" class="jumpbox-forum-link"> <span> Другие темы</span></a></li> <li><a href="./viewforum.php?f=6" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Разное даром</span></a></li> <li><a href="./viewforum.php?f=36" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Давай меняться!</span></a></li> <li><a href="./viewforum.php?f=37" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Отдам\возьму за копеечку</span></a></li> <li><a href="./viewforum.php?f=46" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Работа и подработка в Кемерове</span></a></li> <li><a href="./viewforum.php?f=2" class="jumpbox-sub-link"><span class="spacer"></span> <span>↳ Давай с тобой поговорим...</span></a></li> </ul> </div> </div> </div> </div> <div style="margin: 10px 0; clear: both;" data-phpbb-ads-id="1"> <div id="frame" style="width: 320px;margin: auto;z-index: 99998;height: auto"> <iframe data-aa='2306896' src='//ad.a-ads.com/2306896/?size=320x100' style='border:0; padding:0; width:320px; height:100px; overflow:hidden;display: block;margin: auto'>
Programmiererforum
