Перемещение
между модалом начальной загрузки и Div без перезагрузки его контента</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=330630&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%3D330630" 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 class="phpbb-ads" style="" 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=330630">Перемещение <iframe> между модалом начальной загрузки и Div без перезагрузки его контента</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=330630" 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="330630" /> <input type="hidden" name="sf" value="msgonly" /> <input type="hidden" name="sid" value="f904be16a53ef710eeee3d90b364c3d2" /> </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="p339272" class="post has-profile bg2"> <div class="inner"> <dl class="postprofile" id="profile339272"> <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_content339272"> <a href="#p339272">Перемещение <iframe> между модалом начальной загрузки и Div без перезагрузки его контента</a> <ul class="post-buttons"> <li> <a href="./posting.php?mode=quote&p=339272" 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=339272#p339272" 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-06-24T15:08:24+00:00">24 июн 2025, 18:08</time> </p> <div class="content">Tech Stack: <ul> <li>Laravel 8 Blade templates</li> <li>Vue 2 application mounted inside the Blade file</li> <li>Bootstrap 5 modal</li> <li> jquery</li> </ul> <strong class="text-strong"> Проблема </strong> <br> У меня есть сторонний веб-URL-адрес в чате в среде, основанной на VUE, которая делает свой пользовательский интерфейс в . В зависимости от взаимодействия с пользователем, я хочу перемещать то же самое либо в обычный, либо в модал начальной загрузки - без перезагрузки его содержания каждый раз. < /P><br> Однако всякий раз, когда я называю AppendChild (this.iframe) для перемещения между двумя контейнерами, состояние Iframe сбрасывает и его перезагружает. Blade + Vue App Container <div class="codebox"><p>Код: <a href="#" onclick="selectCode(this); return false;">Выделить всё</a></p><pre><code> class="modal fade" id="chatModal" tabindex="-1" aria-labelledby="chatModalLabel" aria-hidden="true"> Assistant </code></pre></div> <strong class="text-strong"> root vue app </strong> <div class="codebox"><p>Код: <a href="#" onclick="selectCode(this); return false;">Выделить всё</a></p><pre><code>window.app = Vue.createApp({ data() { return { showInAssistantModal: false, iframe: null }; }, components: { AiAssistantComponent }, methods: { closeAssistantModal() { const modalEl = document.getElementById("chatModal"); const modal = bootstrap.Modal.getInstance(modalEl) || new bootstrap.Modal(modalEl); modal.hide(); this.showInAssistantModal = false; this.$refs.aiAssistantTab.showInAssistantModal = false; // Move the iframe back to the tab container const target = this.showInAssistantModal ? this.$refs.chatModalContainer : document.getElementById("chatAppContainer"); target.appendChild(this.iframe); } } }).mount("#app"); </code></pre></div> <strong class="text-strong"> "aiassistantcomponent" дочерний компонент </strong> <div class="codebox"><p>Код: <a href="#" onclick="selectCode(this); return false;">Выделить всё</a></p><pre><code>const AiAssistantComponent = { name: "ai-assistant-component", template: ` Toggle Assistant `, data() { return { showInAssistantModal: false, iframe: null, currentChatId: null, link: "" }; }, async created() { this.currentChatId = await this.fetchAssistantData(); this.link = this.currentChatId ? `https://baseUrl/chat/${this.currentChatId}?navbar=false&iframe=true` : `https://baseUrl/?agent=${assistant_tab_agent_id}&iframe=true&navbar=false`; // Create and mount the iframe for the first time this.iframe = document.createElement("iframe"); Object.assign(this.iframe, { id: "iframe-element", src: this.link, width: "100%", style: "border:none;min-height:400px;" }); window.app.iframe = this.iframe; this.$refs.chatAppContainer.appendChild(this.iframe); }, methods: { moveIframe() { this.showInAssistantModal = !this.showInAssistantModal; window.app.showInAssistantModal = this.showInAssistantModal; // Determine the new container const target = this.showInAssistantModal ? document.getElementById("chatModalContainer") : this.$refs.chatAppContainer; // Show or hide the modal const modalEl = document.getElementById("chatModal"); const modal = new bootstrap.Modal(modalEl, { backdrop: false }); if (this.showInAssistantModal) { modal.show(); // Make the modal draggable $("#chatModal .modal-dialog").draggable({ handle: ".modal-content", scroll: false }); } else { // If closing, use the root method to handle cleanup window.app.closeAssistantModal(); } // **This is where the iframe reloads...** target.appendChild(this.iframe); } } }; </code></pre></div> <strong class="text-strong"> ожидаемое поведение </strong> <br> Когда я нажимаю ассистенту переключения, существующий должен просто переехать между: <br> Нормальный контейнер вкладок (#chatappcontainer) и <br> modal bootptrap modal (#ChatMoDANER). /> Нет перезагрузки или сброса состояния контента. Существующий элемент между двумя разными контейнерами без запуска перезагрузки? Есть ли способ в JavaScript или VUE «возместить» узел iframe в DOM, чтобы он сохранял свое внутреннее состояние? Любые указатели или альтернативные подходы были бы очень оценены! <br> <br> Подробнее здесь: <a href="https://stackoverflow.com/questions/79677693/moving-an-iframe-between-a-bootstrap-modal-and-a-div-without-reloading-its-con" class="exlinks" rel="nofollow" target="_blank">https://stackoverflow.com/questions/796 ... ng-its-con</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_time339272" style="display: none;">1750777704</pre> <pre id="qr_author_p339272" style="display: none;" data-id="1">Anonymous</pre> <pre id="decoded_p339272" style="display: none;">Tech Stack:<br />[list]<br />[*]Laravel 8 Blade templates<br /><br />[*]Vue 2 application mounted inside the Blade file<br /><br />[*]Bootstrap 5 modal<br /><br />[*] jquery <br /><br />[/list]<br />[b] Проблема [/b] <br />У меня есть сторонний веб-URL-адрес в чате в среде, основанной на VUE, которая делает свой пользовательский интерфейс в . В зависимости от взаимодействия с пользователем, я хочу перемещать то же самое либо в обычный, либо в модал начальной загрузки - без перезагрузки его содержания каждый раз. < /P><br />Однако всякий раз, когда я называю AppendChild (this.iframe) для перемещения между двумя контейнерами, состояние Iframe сбрасывает и его перезагружает. Blade + Vue App Container <br />[code]<br /><br /><br /><br /><br /><br />class="modal fade"<br />id="chatModal"<br />tabindex="-1"<br />aria-labelledby="chatModalLabel"<br />aria-hidden="true"><br /><br /><br /><br />Assistant<br /><br /><br /><br /><br /><br /><br /><br /><br />[/code]<br />[b] root vue app [/b] <br />[code]window.app = Vue.createApp({<br />data() {<br />return {<br />showInAssistantModal: false,<br />iframe: null<br />};<br />},<br />components: { AiAssistantComponent },<br />methods: {<br />closeAssistantModal() {<br />const modalEl = document.getElementById("chatModal");<br />const modal = bootstrap.Modal.getInstance(modalEl) || new bootstrap.Modal(modalEl);<br />modal.hide();<br /><br />this.showInAssistantModal = false;<br />this.$refs.aiAssistantTab.showInAssistantModal = false;<br /><br />// Move the iframe back to the tab container<br />const target = this.showInAssistantModal<br />? this.$refs.chatModalContainer<br />: document.getElementById("chatAppContainer");<br />target.appendChild(this.iframe);<br />}<br />}<br />}).mount("#app");<br />[/code]<br />[b] "aiassistantcomponent" дочерний компонент [/b] <br />[code]const AiAssistantComponent = {<br />name: "ai-assistant-component",<br />template: `<br /><br /><br /><br />Toggle Assistant<br /><br /><br /><br /><br /><br />`,<br />data() {<br />return {<br />showInAssistantModal: false,<br />iframe: null,<br />currentChatId: null,<br />link: ""<br />};<br />},<br />async created() {<br />this.currentChatId = await this.fetchAssistantData();<br />this.link = this.currentChatId<br />? `https://baseUrl/chat/${this.currentChatId}?navbar=false&iframe=true`<br />: `https://baseUrl/?agent=${assistant_tab_agent_id}&iframe=true&navbar=false`;<br /><br />// Create and mount the iframe for the first time<br />this.iframe = document.createElement("iframe");<br />Object.assign(this.iframe, {<br />id: "iframe-element",<br />src: this.link,<br />width: "100%",<br />style: "border:none;min-height:400px;"<br />});<br />window.app.iframe = this.iframe;<br />this.$refs.chatAppContainer.appendChild(this.iframe);<br />},<br />methods: {<br />moveIframe() {<br />this.showInAssistantModal = !this.showInAssistantModal;<br />window.app.showInAssistantModal = this.showInAssistantModal;<br /><br />// Determine the new container<br />const target = this.showInAssistantModal<br />? document.getElementById("chatModalContainer")<br />: this.$refs.chatAppContainer;<br /><br />// Show or hide the modal<br />const modalEl = document.getElementById("chatModal");<br />const modal = new bootstrap.Modal(modalEl, { backdrop: false });<br />if (this.showInAssistantModal) {<br />modal.show();<br />// Make the modal draggable<br />$("#chatModal .modal-dialog").draggable({ handle: ".modal-content", scroll: false });<br />} else {<br />// If closing, use the root method to handle cleanup<br />window.app.closeAssistantModal();<br />}<br /><br />// **This is where the iframe reloads...**<br />target.appendChild(this.iframe);<br />}<br />}<br />};<br />[/code]<br />[b] ожидаемое поведение [/b] <br />Когда я нажимаю ассистенту переключения, существующий должен просто переехать между: <br />Нормальный контейнер вкладок (#chatappcontainer) и <br />modal bootptrap modal (#ChatMoDANER). /> Нет перезагрузки или сброса состояния контента. Существующий элемент между двумя разными контейнерами без запуска перезагрузки? Есть ли способ в JavaScript или VUE «возместить» узел iframe в DOM, чтобы он сохранял свое внутреннее состояние? Любые указатели или альтернативные подходы были бы очень оценены! <br /><br />Подробнее здесь: [url]https://stackoverflow.com/questions/79677693/moving-an-iframe-between-a-bootstrap-modal-and-a-div-without-reloading-its-con[/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=330630" 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=330630" 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> между модалом начальной загрузки и Div без перезагрузки его контента" class="inputbox autowidth" /></dd> </dl> <input type="hidden" name="subject" value="Re: Перемещение <iframe> между модалом начальной загрузки и Div без перезагрузки его контента" /> <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="e970b167cc248b21d834e5ce49f630608148e3f7f314f9d37d742a10ebb9fd3fdf117e875ff2f56bce3cbc057c12de1e7d36" /> <input type="hidden" name="form_token_name" value="posting" /> <input type="hidden" name="form_token_session_id" value="f904be16a53ef710eeee3d90b364c3d2" /> <input type="hidden" name="form_token_token_hash" value="2fb1fa89" /> <input type="hidden" name="form_token_now_hash" value="9c29e153" /> <input type="hidden" name="creation_time" value="1776766988" /> <input type="hidden" name="form_token" value="e970b167cc248b21d834e5ce49f630608148e3f7f314f9d37d742a10ebb9fd3fdf117e875ff2f56bce3cbc057c12de1e7d36" /> <script type="text/javascript">// <![CDATA[ var name_2237230548_form_tokens = document.getElementsByName("form_token"); var name_2237230548_spare_tokens = document.getElementsByName("spare_token"); var dec_2237230548_form_tokens = function() { for ( var i=0; i<name_2237230548_form_tokens.length; i++ ) { name_2237230548_form_tokens[i].value = name_2237230548_form_tokens[i].value.replace(/e970b167cc248b21d834e5ce49f6|7e875ff2f56bce3cbc057c12de1e7d36/g, ''); } for ( var i=0; i<name_2237230548_spare_tokens.length; i++ ) { name_2237230548_spare_tokens[i].value = name_2237230548_spare_tokens[i].value.replace(/e970b167cc248b21d834e5ce49f6|7e875ff2f56bce3cbc057c12de1e7d36/g, ''); } } dec_2237230548_form_tokens(); // ]]></script> <input type="hidden" name="topic_cur_post_id" value="339272" /> <input type="hidden" name="lastclick" value="1776766988" /> <input type="hidden" name="topic_id" value="330630" /> <input type="hidden" name="forum_id" value="41" /> <input type="hidden" name="lastclick" value="1776766988" /> <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=330630' }; // 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 class="phpbb-ads" style="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'>
