Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Как проводить простые математические расчеты без ajax?

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
Crowley
Отправлено: 21 Марта, 2014 - 11:03:52
Post Id


Гость


Покинул форум
Сообщений всего: 67
Дата рег-ции: Янв. 2014  


Помог: 0 раз(а)




Здравствуйте. У меня есть страница, на странице - форма. На форме один элемент - text(однострочное текстовое поле), мне нужно чтобы при вводе в это поле цифры "100"(например) к этой цифре добавлялось 20, и ниже с помощью html тэга <p> выводилось число 120.

При этом ajax использовать нельзя и обновлять страницу тоже.

Возможно ли это реализовать? Если да, то как?
 
 Top
difight
Отправлено: 21 Марта, 2014 - 11:17:30
Post Id



Посетитель


Покинул форум
Сообщений всего: 355
Дата рег-ции: Нояб. 2011  


Помог: 3 раз(а)




jquery
 
My status
 Top
IllusionMH
Отправлено: 21 Марта, 2014 - 11:41:06
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)




difight, гениально. Jake Weary актер, а не математик. Или у него есть какие-то отдельные математические функции для расчетов?

Crowley, да просто получаете значение инпута при его изменении или клике на кнопку.
Как получать элементы и получать их значение http://learn[dot]javascript[dot]ru/searc[dot][dot][dot]ing-elements-dom
События по которым это делать http://learn[dot]javascript[dot]ru/intro[dot][dot][dot]n-browser-events
И прстчерез innerHTML можно выводить значение.

(Отредактировано автором: 21 Марта, 2014 - 11:47:02)

 
 Top
Crowley
Отправлено: 21 Марта, 2014 - 13:13:10
Post Id


Гость


Покинул форум
Сообщений всего: 67
Дата рег-ции: Янв. 2014  


Помог: 0 раз(а)




IllusionMH пишет:
difight, гениально. Jake Weary актер, а не математик. Или у него есть какие-то отдельные математические функции для расчетов?

Crowley, да просто получаете значение инпута при его изменении или клике на кнопку.
Как получать элементы и получать их значение http://learn[dot]javascript[dot]ru/searc[dot][dot][dot]ing-elements-dom
События по которым это делать http://learn[dot]javascript[dot]ru/intro[dot][dot][dot]n-browser-events
И прстчерез innerHTML можно выводить значение.

Хмм...А пример можно?
 
 Top
DlTA
Отправлено: 21 Марта, 2014 - 13:14:54
Post Id



Постоянный участник


Покинул форум
Сообщений всего: 2952
Дата рег-ции: Окт. 2010  


Помог: 53 раз(а)




Crowley пишет:
Хмм...А пример можно?

перейдите по ссылкам там примеры
IllusionMH пишет:
Как получать элементы и получать их значение http://learn[dot]javascript[dot]ru/searc[dot][dot][dot]ing-elements-dom
События по которым это делать http://learn[dot]javascript[dot]ru/intro[dot][dot][dot]n-browser-events
 
 Top
Crowley
Отправлено: 21 Марта, 2014 - 15:40:09
Post Id


Гость


Покинул форум
Сообщений всего: 67
Дата рег-ции: Янв. 2014  


Помог: 0 раз(а)




IllusionMH пишет:
difight, гениально. Jake Weary актер, а не математик. Или у него есть какие-то отдельные математические функции для расчетов?

Crowley, да просто получаете значение инпута при его изменении или клике на кнопку.
Как получать элементы и получать их значение http://learn[dot]javascript[dot]ru/searc[dot][dot][dot]ing-elements-dom
События по которым это делать http://learn[dot]javascript[dot]ru/intro[dot][dot][dot]n-browser-events
И прстчерез innerHTML можно выводить значение.

Это все крайне неудобно. А если пользователь захочет ввести цифру 10000, например? Он будет 5 раз видеть это всплывающее окно. Мне же нужно в html код выводить это дело. Что-то вроде echo в php.
 
 Top
teddy
Отправлено: 21 Марта, 2014 - 15:45:17
Post Id


Участник


Покинул форум
Сообщений всего: 1462
Дата рег-ции: Апр. 2013  


Помог: 91 раз(а)




CODE (javascript):
скопировать код в буфер обмена
  1. <script type="text/javascript">
  2. function changeNum(){
  3.     var num = document.getElementById('num');
  4.     document.getElementById('result').innerHTML = parseFloat(num.value) + 20;
  5. }
  6. </script>


CODE (html):
скопировать код в буфер обмена
  1. <p id="result"></p>
  2. <input type="text" id="num" onchange="javascript:changeNum();" />

Как только введете число и уберете курсор с инпута получите то что хотели. Либо можно поменять тип события и сделать это не по убиранию курсора с инпута а по клику например
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« Вопросы новичков »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB