Исчезающие подсказки (не tooltip)

@_include · Регистрация: 17.09.2012

Студворк — интернет-сервис помощи студентам

Добрый день!
Подскажите в какую сторону копать...
Пишу небольшой сайт для "домашней сети". Имеется раздел новости - соответственно возможность добавлять, удалять, изменять статьи. Статья добавляется в форме. Можно ли сделать подсказки как в Joomla? - Т.е. если я заполнил не все поля и нажал кнопку отправки статьи, то мне бы "приплыла" подсказка: "невозможно добавить, так как бла бла...". Без обновления страницы, что бы информация на странице сохранялась после такого алерта.
Еще решение проблемы вижу в подсветке поля ввода которое осталось пустым. но как реализовать не знаю..
Всем спасибо!

@Tatikoma · 07.07.2014, 23:13

Сообщение от _include

Можно ли сделать подсказки как в Joomla?

Joomla разработана не волшебниками, а самыми обычными программистами. Вопрос вероятно был риторический, т.к. ответ разумеется - можно.

Реализуется это следующим образом:
1. Ставим обработчик события отправки формы: <form ... onsubmit="return form_validator.call(this)">
2. Пишем код обработчика:

JavaScript
1
2
3
4
5
6
7
8
9
10
function form_validator(){
    // проверяем что-нибудь, что вам нужно, например:
    if(this.name.value.length == 0){
        // выводим ошибку
        alert('Нужно заполнить поле "name"!');
        // отменяем отправку данных
        return false;
    }
    return true;
}

@nikolay1982 · 08.07.2014, 00:46

Можно сделать всплывающие подсказки с использованием CSS на JavaScript. Идея: использовать div с display:none, position: fixed(не static), top и left определены(или bottom/right), да и еще и использовать z-index больший, остальных элементов. И в коде js присваивать document.getElementById('my_popup').styl e.display='block' когда нужно всплывающее окно.
Альтернатива: не заморачиваться, а использовать готовую библиотеку типа bPopup(http://dinbror.dk/bpopup/). Требует jQuery.
Или что-то аналогичное.

@_include · 08.07.2014, 14:41 **[ТС]**

nikolay1982, Каким образом использовать бибилиотеку?

Добавлено через 6 минут
У меня есть некоторый код на php. если он выполняется, то я должен вывести сообщение и ссылку внутри окна. Пока что идя по документации с сайта, не получается вызывать даже оконце
И мне не подходит <button></button> я работаю с формой

@nikolay1982 · 08.07.2014, 17:47

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<style>
.popup{
    display:none;/*для popup обязательно!*/
    background:yellow;
    color:white;
    border: 4px solid grey;
    padding:20;
}
    </style>
...
<p><a href="#" onclick="enter_popup('sample message!')">Sample popup</a></p>
<div id="popup1" class="popup" >
</div>

JavaScript
1
2
3
4
5
6
7
function enter_popup(text){
    var obj=$(".popup");
    obj.html(text);
    obj.bPopup({
        opacity: 0.0
    });
}

только это модальный popup.

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. 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 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

Исчезающие подсказки (не tooltip)

Решение

Решение

@_include Студент 56 / 56 / 38 Регистрация: 17.09.2012 Сообщений: 292 Записей в блоге: 2

	Исчезающие подсказки (не tooltip) 07.07.2014, 22:24. Показов 2528. Ответов 4 Метки алерты, выделение поля, подсказки (Все метки) Добрый день! Подскажите в какую сторону копать... Пишу небольшой сайт для "домашней сети". Имеется раздел новости - соответственно возможность добавлять, удалять, изменять статьи. Статья добавляется в форме. Можно ли сделать подсказки как в Joomla? - Т.е. если я заполнил не все поля и нажал кнопку отправки статьи, то мне бы "приплыла" подсказка: "невозможно добавить, так как бла бла...". Без обновления страницы, что бы информация на странице сохранялась после такого алерта. Еще решение проблемы вижу в подсветке поля ввода которое осталось пустым. но как реализовать не знаю.. Всем спасибо! 0

@nikolay1982 128 / 126 / 60 Регистрация: 22.01.2014 Сообщений: 464
	08.07.2014, 00:46
	Сообщение было отмечено _include как решение Решение Можно сделать всплывающие подсказки с использованием CSS на JavaScript. Идея: использовать div с display:none, position: fixed(не static), top и left определены(или bottom/right), да и еще и использовать z-index больший, остальных элементов. И в коде js присваивать document.getElementById('my_popup').styl e.display='block' когда нужно всплывающее окно. Альтернатива: не заморачиваться, а использовать готовую библиотеку типа bPopup(http://dinbror.dk/bpopup/). Требует jQuery. Или что-то аналогичное. 1

@_include Студент 56 / 56 / 38 Регистрация: 17.09.2012 Сообщений: 292 Записей в блоге: 2
	08.07.2014, 14:41 [ТС]
	nikolay1982, Каким образом использовать бибилиотеку? Добавлено через 6 минут У меня есть некоторый код на php. если он выполняется, то я должен вывести сообщение и ссылку внутри окна. Пока что идя по документации с сайта, не получается вызывать даже оконце И мне не подходит <button></button> я работаю с формой 0