LINUX.ORG.RU

элементарные вопросы про jquery, запрос простых рецептов

 , ,


0

1

вкратце - есть самописный быдлокодом калькулятор на php, который из большой формы делает специальные расчёты. Хочется его посадить на ajax и чуть украсивить, сугубо для себя. А так как фронтенд и всякие gui,js,jquery не моё, есть тупые-тупые вопросы:

- поле ввода целых а-ля «[-10][-5]...тут число...[+5][+10]» как называется? чтоб спросить у гугля примеры реализации

- как называется и как реализуется компонент(?) когда есть ячейка таблицы/div, при наведении мыши на который отображаются другие данные, а-ля тех.детали

- дайте пример простого-простого ajax - когда при изменении любого поля отправляется запрос, на который сервер отдаёт свёрстанный ответ, который помещается в заранее определённый div

и хочется какой-нить ресурс где есть сборник подобных простых готовых рецептов для простых страниц, а то везде попадаются «анимированное меню»,«делаем мега-слайд-шоу»,«mvc c блекжеком» :)

PS/ в припадке безумия избавился от всякого ОО и шаблонов в расчётной части, SQL заменил на пред-подготовленные сериализованные данные и код расчёта стал в разы короче и работает фактически моментально. Любопытный, хотя и ожидаемый результат.

★★★★★

Последнее исправление: CYB3R (всего исправлений: 1)

поле ввода целых а-ля «[-10][-5]...тут число...[+5][+10]» как называется? чтоб спросить у гугля примеры реализации

input type=«number»?

как называется и как реализуется компонент(?) когда есть ячейка таблицы/div, при наведении мыши на который отображаются другие данные, а-ля тех.детали

hover event

дайте пример простого-простого ajax - когда при изменении любого поля отправляется запрос, на который сервер отдаёт свёрстанный ответ, который помещается в заранее определённый div

$(".input_fields").blur(function(){
    $("#result_div").load("script.php", {"key": "value"});
});

Будет работать при потере фокуса текущим полем. Если нужно в момент ввода отправлять запрос, советую почитать про debouncing/throttling.

emissar ★★
()
Ответ на: комментарий от emissar

как называется и как реализуется компонент(?) когда есть ячейка таблицы/div, при наведении мыши на который отображаются другие данные, а-ля тех.детали

hover event

понятно, что мышиное событие - это «hover».

Уточню, компонент свёрстан(возможно неправильно) примерно так: <div class=«info»><div class=«brief»>Тут краткое описание</div><div class=«detail»>Тут тех.детали которые показываются при «hover»</div></div>

Каким образом согласовать размеры (чтобы при hover ничего не прыгало), и подменять detail<->brief ??

а потом на мой взгляд это настолько типичный блок/компонент, что у него должно быть собственное имя, принятые практики и присутствие в библиотеках. Или творцы фронтенда всегда велосипедят по мелочам ?

MKuznetsov ★★★★★
() автор топика
Ответ на: комментарий от yirk

Для калькуляторов есть замечательное решение - Knockout.js.

Или angular по вкусу

anonymous
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.