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

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

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

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

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

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

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

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

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

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

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

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

Решение

Еще раз попробуйте
Вложения
Тип файла: zip find.zip (10.8 Кб, 3 просмотров)
1
0 / 0 / 0
Регистрация: 17.12.2023
Сообщений: 11
22.02.2024, 12:39  [ТС] 14
Всё теперь в лучшем виде, спасибо огромное, достал уже с этим скриптом))
0
626 / 437 / 93
Регистрация: 21.01.2024
Сообщений: 2,146
22.02.2024, 12:55 15
Немного улучшил скрипт.

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

Сделал возможности стилизации, убрав все 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
22.02.2024, 12:55
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
22.02.2024, 12:55
Помогаю со студенческими работами здесь

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

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

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

Плавающее окно
Здравствуйте. Требуется, чтобы при загрузке страницы появлялся лоудер. С position:absolute при...

Плавающее окно
Подскажите, пожалуйста, как сделать плавающие окно в JavaFX всё переискал для JavaFX не нашёл


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

Или воспользуйтесь поиском по форуму:
15
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru