Вставка определения термина в пустой div по нажатии Enter после ввода названия термина в форму

Как это должно работать (пример):
1) Пользователь вводит в форму (текстовое поле) термин "Интерференция"
2) Нажимает "Enter"
3) В пустом блоке появляется определение термина: "это изменение в характере звуковых, тепловых, световых и электрических явлений..."

<div id="blockopred"></div>

Пожалуйста помогите, вопрос вроде простой, а поиск ответа в интернете только портит настроение. Миллион статей, фиг узнаешь какие решения наиболее оптимальные...(

0

Сообщение от Teamur поиск ответа в интернете только портит настроение

понятное дело... если ищешь "то, не знаю что"

форма - это теги <form></form> и все HTML-теги между ними
ввести что-либо в форму нельзя по определению
ввести что-либо можно в поле ввода (иначе - в текстовое поле <inpit type="text">) - и это поле называется элементом формы

откуда страница будет брать определения терминов?
случаем, не в Гугле поискать должна?

0

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

Добавлено через 9 минут
Может быть название термина будет являться названием функции javascript. И когда пользователь введет его, скрипт разместит определение в div-е.

Добавлено через 3 минуты
Может это как-то использовать... Атрибут VALUE. Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега <input>, а значение — атрибутом value. Так вот имя есть термин, а значение-определение.

0

Сообщение от Teamur На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега <input>, а значение — атрибутом value. Так вот имя есть термин, а значение-определение.

перечитайте написанное вами
со страницы на сервер отправляется пара «имя=значение», где имя задается атрибутом name тега <input>, а значение — атрибутом value. Так вот имя есть термин, а значение-определение.

идём в библиотеку (на сервер) и заказываем книгу
в заявке пишем название книги (термин), а на обороте - полное её содержание (определение)

жуть, правда?
два вопроса - откуда мы знаем полное содержание книги?
и на хрена нам ходить на сервер (брать книгу в библиотеке), если мы уже знаем полное её содержание?

0

1. Сайт представляет собой локальную энциклопедию без доступа к сети.
2. Где и в какой форме мне нужно хранить список терминов и определений (таблицу), чтобы я со страницы сайта смог получить определения вводимых в поле ввода терминов? Я честно говоря без понятия.
3. Как я могу вносить новые термины и определения в таблицу прямо из страницы?
4. Что представляет собой этот файл таблица (база данных); какой это будет формат txt? php?
5. Как сделать так, чтобы на странице я мог отредактировать определения терминов и сохранить изменения? Через js, верно?
Принцип: нажатие на клавишу enter активирует скрипт, который считывает название термина из поля ввода, находит его в базе и вставляет в div определение соответствующее этому термину!

Добавлено через 4 минуты
Может определение термина прописать в самом коде javascript-функции?

0

Сообщение от Teamur Сайт представляет собой локальную энциклопедию без доступа к сети.

по определению сайт — совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединённых под одним адресом (доменным именем или IP-адресом).

так что вашу задумку сайтом называть никак нельзя
лучше подойдёт название "набор локальных файлов" из минимума одного исполняемого в какой-либо среде (раз пишете про <input>, значит, среда - либо браузер, либо HTA) + какое-то нужное количество вспомогательных файлов (если в вашей энциклопедии больше одного термина)

для работы с файлами компьютера существует объект FileSystemObject
работа с этим объектом рассматривается в другом разделе форума

вкратце:
1) создаёте файл название.hta
2) создаёте "кучку" из 33-x текстовых файлов буква.txt (если у вас только русскоязычные термины)
например, в формате
термин1табуляцияопределение термина1
термин2табуляцияопределение термина2
...
термин123табуляцияопределение термина123

3) в файле название.hta прописываете <input>, на который "навешиваете" обработку события onkeydown (нажатие на клавиши) при каждом нажатии определяете код нажатой клавиши и если это ENTER, то "вытаскиваете" из <input> первую букву введенного значения и открываете (если он существует) соответствующий файл буква.txt
4) читаете этот файл и ищете в нём точное совпадение со значением + табуляция, введённым в <input>
5) если совпадение найдено, выводите определение из этой строки файла

6) попутно возникнет вопрос регистрозависимости (в текстовом файле у вас Интерференция, а пользователь ввёл, положим, иНТЕРФЕРЕНЦИЯ) -- это легко разрешимо
7) но, не дай Б-г, захотите использовать словоформы терминов - (в текстовом файле у вас Интерференция, а пользователь ввёл, положим, интерференцию) - программу тогда будете писать всю вашу оставшуюся жизнь

8) если хотите реализовать редактирование энциклопедии с сохранением, то подумайте над интерфейсом - как это будет выглядеть, по-вашему?

0

Если бы энциклопедия была настоящим сайтом.
Правильно ли я представляю процесс:

1. Пользователь через браузер заходит на мой сайт. На сервер при этом приходит запрос сформировать и отправить ему страничку. На сервере это делает php скрипты, так?
2. На сервере должна быть база с терминами и определениями, отсюда вопрос:
Как вообще выглядит на сервере файл базы данных, например таблица с логинами и паролями? Какое расширение этого файла?
3. Пользователь пишет слово: окунь (пусть так в им падеже, маленькими буквами, на русском языке и никак более)
4. Нажимает Enter. При этом как я понимаю при загрузке страницы js-скрипт уже запуститься. Скрипт отправляет текст из поля ввода на сервер.
5. На сервере скрипт php сверяет полученный текст (окунь) с базой терминов и определений, если он находит термин, то скрипт php создает div, куда вкладывает текст-определение (- это рыба, товарищ!) термина и отправляет клиенту фрагмент кода html с этим div-ом.
6. Браузер клиента обновляет страницу (до ajaxa мне еще далеко ) и пользователь видит появление определения термина.
Получается, что задача javascript в том, чтобы отправить на сервер для поиска в базе определения, а основную работу будет выполнять php-скрипт?

0

Сообщение от Teamur Правильно ли я представляю процесс:

нет, неправильно

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

если код конкретной запрашиваемой страницы написан вами в "чистом виде", т.е. как HTML+CSS+JS-код, то сервер этот код браузеру и отдаст AS IS (как он есть)
если код этой страницы написан с использованием серверных технологий (например, на PHP, полностью или частично), то сервер запустит PHP-интерпретатор, который сформирует тот же самый в "чистом виде" HTML+CSS+JS-код
совсем недавно я об этом писал подробнее - см. здесь

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

PHP-интерпретатор, зная путь к БД и получив от браузера ключ ("окунь"), легко вытащит из БД содержимое нужной ячейки - это всего одна строка кода
и отправит это содержимое браузеру как строку текста (можно и как фрагмент HTML-кода) - ещё одна строка кода
итого PHP-файл -- это 4 строки кода

AJAX - жутко примитивная штука -- ваша задача решается четырьмя строками кода - по событию нажатия клавиши ENTER "вытаскивается" введённое в <input> слово (например, "окунь"), вызывается специальный PHP-файл, которому сообщается этот слово

PHP-скрипт - это плохое, неправильное слово
скрипт - это то, что внедряется в какую-то среду как дополнение
PHP же исполняется самостоятельно, поэтому лучше писать о PHP-файле (на худой конец - о PHP-программе)

так что ваш вывод о преимущественном решении вашей задачи на PHP - он неверен, код на PHP по объёму одинаков с кодом на javascript'e

1

Спасибо! Многое прояснилось теперь. Вот бы увидеть эти четыре строчки кода ))) А вот если я дома установлю скажем denwer (эмулятор сервера если я не ошибаюсь), я же смогу создать базу данных mysql и поэкспериментировать!

0

Сообщение от Teamur А вот если я дома установлю скажем denwer (эмулятор сервера если я не ошибаюсь), я же смогу создать базу данных mysql и поэкспериментировать!

устанавливать денвер, PHP + mySQL -- зачем такие сложности?
имеется куча бесплатных хостингов, где всё это уже есть, например, awardspace.com или hostinger.ru

0

Надеюсь они там (awardspace.com или hostinger.ru) никого не дурят )))

Добавлено через 2 минуты
И всё же если вас не затруднит, как бы мог выглядеть JS-код для решения этой задачи?

0

Сообщение от Teamur если вас не затруднит, как бы мог выглядеть JS-код для решения этой задачи?

ужасно плохо быть бестолковым, по себе знаю...
писал я вам, писал...
прочитали вы это вроде... даже отметили, что что-то у вас якобы проясняется
а теперь просите только JS-код для решения этой задачи

поясняю последний раз, ибо надоело впустую тратить на вас время: только JS-код без соответствующего PHP-файла -- это автомобиль без бензина, т.е. посмотреть можно, но ехать (работать) не будет

запустите для примера это - javascript-код там реально занимает поболее строк, но с AJAX связано именно 4 строки, вот эти:


+ выложен код PHP-файла

1

Спасибо! В следующий раз буду выражаться яснее )))
С Рождеством Вас! Желаю вам крепкого здоровья и успехов во всем!

0