Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11

Как убрать плавающее окно?

21.02.2024, 13:49. Показов 734. Ответов 14

Студворк — интернет-сервис помощи студентам
Здравствуйте, есть скрипт который выводит кнопку "найти на этой странице..." при нажатии на которую появляется плавающая форма поиска, а нужно что бы просто была форма поиска для её размещения в нужное место. Как можно это сделать? Это я добавляю в код вывода
Code
1
2
<script type="text/javascript" language="JavaScript" src="/find5.js">
</script>
а это сам подключаемый скрипт в вложении.

Скрипт отлично работает аналога не нашёл хорошего, нужен этот поиск по странице с кнопками далее, хочу просто вставить в сайт на нужных страницах и подправить css
Вложения
Тип файла: rar 111.rar (10.4 Кб, 2 просмотров)
0
Лучшие ответы (1)
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
21.02.2024, 13:49
Ответы с готовыми решениями:

Как убрать модальное окно, при клике (JavaScript)?
Как закрыть модальное окно при нажатии только на блок с классом wrap, а при нажатии на блоки внутри ничего не делать. &lt;div...

Как убрать всплывающее окно при закрытии?
Я открываю страницу, которая, в свою очередь через JavaScript открывает ShowModalDialog после этого должна закрыться. Закрываю командой...

ajaxLoad - окно в окне после запроса. Как убрать?
Помогите пож Есть JS код &lt;script language=JavaScript&gt; &lt;!-- function getObj(objID) { if (document.getElementById)...

14
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,366
21.02.2024, 18:04
У меня антивирусник на этот rar срабатывает.
0
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
21.02.2024, 18:06  [ТС]
Там просто скрипт, код большой не могу сюда его вставить(
0
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,366
21.02.2024, 18:08
Ничем другим помочь не могу.
0
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
21.02.2024, 18:09  [ТС]
а так?
Вложения
Тип файла: rar 111.rar (10.4 Кб, 10 просмотров)
0
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,366
21.02.2024, 19:04
Цитата Сообщение от TheAdidasTM Посмотреть сообщение
а нужно что бы просто была форма поиска для её размещения в нужное место.
Т.е. она должна сразу появляться на странице, и что бы ее нельзя было закрыть?
0
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
21.02.2024, 19:07  [ТС]
она должна быть сразу открытой и неподвижной как любая форма поиска на сайтах

Добавлено через 54 секунды
Я саму форму не могу вытащить от туда что бы она работала
0
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,366
21.02.2024, 19:14
Попробуй
Вложения
Тип файла: zip find.zip (10.7 Кб, 4 просмотров)
1
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
21.02.2024, 19:22  [ТС]
Спасибо большое, всё как надо
0
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
21.02.2024, 23:56  [ТС]
Я уже с ума схожу, не знаю я js, выручай. Там на картинках я попытался обьяснить положение дел, стилями css тут не сделать к сожалению(
Миниатюры
Как убрать плавающее окно?   Как убрать плавающее окно?  
0
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,366
22.02.2024, 07:31
Так он у тебя в body вставлен, с position: absolute;
Вставь его в какой-нибудь свой div.
0
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
22.02.2024, 07:48  [ТС]
Не то нажал) Я пробовал дать ему div и прописать стили, но он у меня перестаёт работать, а из body я не знаю как вытащить тоже ломаю скрипт позицию я сам уже воткнул ему в css
0
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,366
22.02.2024, 10:47
Лучший ответ Сообщение было отмечено TheAdidasTM как решение

Решение

Еще раз попробуйте
Вложения
Тип файла: zip find.zip (10.8 Кб, 3 просмотров)
1
 Аватар для TheAdidasTM
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
22.02.2024, 12:39  [ТС]
Всё теперь в лучшем виде, спасибо огромное, достал уже с этим скриптом))
0
 Аватар для voraa
1248 / 1152 / 178
Регистрация: 21.01.2024
Сообщений: 5,366
22.02.2024, 12:55
Немного улучшил скрипт.

Убрал некоторые недочеты:
- При наведении курсора на заголовок он имел вид перемещения.
- После поиска желтым цветом выделялась и строка в поиске.

Сделал возможности стилизации, убрав все style из html.
Задать другие цвета для найденных элементов - слишком много правки в скрипте придется делать.
Но их можно поменять непосретственно в скрипте. Строки 33-34

JavaScript
1
2
var current_found_color = 'orange';
var found_color = 'yellow';
Стили для остального заданы так

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
            #findwindow {
                /* Обязательные свойства */
                position: relative;
                visibility: visible;
                overflow-x: hidden;
                width: 255px;
 
                /* ваши свойства */
                background-color: white;
                border: 2px solid blue;
                color: black;
                padding: 0px;
 
            }
            /* Заголовок окна поиска */
            #find_window_header {
                text-align: center;
                width: 100%;
                color: white;   
                background-color: #282e3f
            }
            #find_window_header>span {
                font-size: large;
            }
            /* input поиска */
            #fwtext {
                width:100%;
                font-size:16px;
            }
            /* основное окно поиска */
            #find_window_body {
                padding: 5px;
            }
            /* Форма в основном окне */
            #find_window_body>form {
                margin:0px;
            }
Закомментарил неиспользуемый код. Удалять не стал, но при минификации код станет значительно меньше.

Попробуйте
Вложения
Тип файла: zip find.zip (10.8 Кб, 0 просмотров)
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
22.02.2024, 12:55
Помогаю со студенческими работами здесь

Как убрать диалоговое окно "Подтвердите действие на сайте ***" в iframe
Как убрать диалоговое окно &quot;Подтвердите действие на сайте *** &quot; в iframe Добавлено через 8 минут Или заменить адрес сайта в этом...

Всплывающее окно "подтвердите действие на *адрес сайта*" как убрать?
На сайте есть два выпадающих списка &lt;select&gt;. После выбора данных в первом списке, во второй подгружаются данные Ajax'ом и если выбрать...

Как сделать плавающее окно в Blazor?
Уважаемые Гуру! Хотелось бы в Blazor сделать форму с заголовком, которую можно перемещать мышкой за заголовок формы. Может кто-то...

Плавающее окно
Подскажите, как сделать вот такое плавающее окно с интерфейсом? https://ibb.co/grfFxzQ

Плавающее окно
Здравствуйте. Посоветуйте плиз, как лучше сделать плавающее окно. Есть желание воткнуть проигрыватель, так что бы он не перезагружался...


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

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru