обработка текстового поля - JavaScript, Ajax

Mortimoro · 22.12.2011, 13:01

Мне нужно чтобы при клике по изображению, число в текстовом поле увеличивалось на 1:

Код HTML:

<img src="button.png" onclick="math()">
<input id="number" type="text" name="number">

подскажите как в жабаскрипте извлечь число по id и потом поместить обратно.

Naive · 22.12.2011, 13:27

Код:

function math() {
  obj=document.getElementById('number');
  obj.value = obj.value*1 + 1;
}

название функции может конфликтовать с объектом math

Mortimoro · 22.12.2011, 13:34

благодарствую )) переименую функцию, спасибо за совет )

Cronos20 · 22.12.2011, 14:59

Если уж ведем математ. расчеты, то меня дрожь охватывает в javascript при использовании

Код:

obj.value*1 + 1;

Ох, сколько раз обжигался на таких играх с типами данных))) В итоге при определенном стечении обстоятельств можем получить конкатенацию строк ... так что совет : всегда приводите значения из полей ввода к int или float - в будущем жить станет проще)

nerv · 22.12.2011, 16:38

\еще вариант

Код:

<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            body { margin:0px; }
        </style>
        <script type="text/javascript">
            function inc() {
                document.getElementById('textarea').value++;
            }
        </script>
    </head>
    <body>
        <input type="text" id="textarea">
        <input type="button" value="кнопуля" onclick="inc();">
    </body>
</html>

Naive · 22.12.2011, 17:07

Цитата:

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

Если уж ведем математ. расчеты, то меня дрожь охватывает в javascript при использовании

Код:

obj.value*1 + 1;

Ох, сколько раз обжигался на таких играх с типами данных))) В итоге при определенном стечении обстоятельств можем получить конкатенацию строк ... так что совет : всегда приводите значения из полей ввода к int или float - в будущем жить станет проще)

раньше всегда приводил (paseInt), пока в один прекрасный момент мозила (3.7 кажется) не удивила следующим:

Код:

parseInt('06');//6
parseInt('07');//7
parseInt('08');//0
parseInt('09');//0
parseInt('10');//10

22.12.2011, 13:01	#1
Mortimoro Форумчанин Регистрация: 03.12.2010 Сообщений: 334	обработка текстового поля Мне нужно чтобы при клике по изображению, число в текстовом поле увеличивалось на 1: Код HTML: <img src="button.png" onclick="math()"> <input id="number" type="text" name="number"> подскажите как в жабаскрипте извлечь число по id и потом поместить обратно.

22.12.2011, 13:27	#2
Naive Раздолбайских Дел Старожил Регистрация: 22.05.2009 Сообщений: 3,828	Код: `function math() { obj=document.getElementById('number'); obj.value = obj.value1 + 1; }` название функции может конфликтовать с объектом math Alar, верни репу!*

22.12.2011, 14:59	#4
Cronos20 Форумчанин Регистрация: 08.07.2010 Сообщений: 679	Если уж ведем математ. расчеты, то меня дрожь охватывает в javascript при использовании Код: `obj.value*1 + 1;` Ох, сколько раз обжигался на таких играх с типами данных))) В итоге при определенном стечении обстоятельств можем получить конкатенацию строк ... так что совет : всегда приводите значения из полей ввода к int или float - в будущем жить станет проще)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Создание текстового поля по клику на кнопке	Anubys	JavaScript, Ajax	3	21.07.2011 02:01
Нахождение max значения текстового поля	IraPr	Microsoft Office Access	5	01.02.2011 22:55
Форматирование текстового поля в отчете	GenGen	Microsoft Office Access	1	31.03.2010 19:51
условие для текстового поля	МаришаГ	Microsoft Office Access	2	14.09.2009 13:13
Растягивание текстового поля	Беляевский	HTML и CSS	2	05.04.2009 10:15

22.12.2011, 13:34	#3
Mortimoro Форумчанин Регистрация: 03.12.2010 Сообщений: 334	благодарствую )) переименую функцию, спасибо за совет )