20
Май
Сначала давайте определимся что мы хотим получить.
- При нажатии на кнопку или ссылку должны отправляться данные на сервер.
- Вернувшиеся данные должны отобразиться на странице там где мы хотим.
- Вся страница не должна перезагружаться.
Сделать это в среде WordPress не трудно.
Начнём с основы:
Основой во всём этом выступает объектная модель документа (DOM)
Рассмотрим на примере:
У нас есть некий DIV с именем «text_inner»
<div id="text_inner"></div>
Так же у нас есть поле INPUT с именем «input1».
<input id="input1" value="Некоторый текст">
Нужно получить текст из поля ввода и отобразить его в DIV-е.
Этим будет заниматься вункция на языке java script.
<script> function add_input(){ var inputText = document.getElementById("input1").value; document.getElementById("text_inner").innerHTML = inputText; } </script>
Полностью наш пример будет выглядеть так:
<html> <head> <title>Part 1</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <head> <body> <input id="input1" value="Некоторый текст"> <input type="button" value="Нажать" onclick="add_input();"> <div id="text_inner"></div> <script> function add_input(){ var inputText = document.getElementById("input1").value; document.getElementById("text_inner").innerHTML = inputText; } </script> </body> </html>
В следующий раз мы рассмотрим как отправить данные на сервер в среде WordPress и получить ответ.
Загрузка ...
А где продолжение статьи ?
Некогда было выложить. Обязательно скоро будет.
У Вас есть замечательный плагин wp-ds-cy-pr
Почему бы вторую часть статьи не продолжить в духе этого плагина, а именно:
вводим в поле некоторый текст, а точнее site.ru, а ответ получаем СY и PR этого сайта.
Очень было бы интересно почитать.
Спасибо за первую Часть!
А где продолжение статьи? Время идет, а мы стоим на месте