Форум PHP программистов > input type=number для IE

[ Поиск ] - [ Пользователи ] - [ Календарь ]

freed-master

5.11.2011 - 12:30

Нашел пример, пытаюсь переделать под свои нужды.
А именно сделать альтернативу <input type=number> для IE.
Помогите, пожалуйста!

Допустим такая форма:

<form class="form">
<input type="number" name="one" value="1" />
<input type="button" onClick="plus()" value="+1" />
<input type="button" onClick="minus()" value="-1" />
</form>
<div id="myDiv"></div>

Java функции:

<script type="text/javascript"> 
function plus(){
 var str=$(".form").serialize();
 $.post("i.php?func=plus", str, function(data){
  $("#myDiv").html(data);
 });
}

function minus(){
 var str=$(".form").serialize();
 $.post("i.php?func=minus", str, function(data){
  $("#myDiv").html(data);
 });
}
</script>

В i.php будет увеличиваться/уменьшаться переданное значение, а так же запись обновленного значения в сессию.

Т.е. нужно вернуть измененное значение непосредственно в форму (а не в div, как это делается сейчас)

На сколько я понимаю - нужно вместо

$("#myDiv").html(data);

указать поле формы, но как это сделать я не знаю.

Спустя 15 минут, 59 секунд (5.11.2011 - 11:46) Renden написал(а):

freed-master
В форму вплане во всю или в определенный импут? если во всю:


<form class="form"  id="myDiv">
<input type="number" name="one" value="1" />
<input type="button" onClick="plus()" value="+1" />
<input type="button" onClick="minus()" value="-1" />
</form>

Если в инпут наверно так(могу ошибацо):


$("#myDiv input").first().val(text(data));

Спустя 32 минуты, 10 секунд (5.11.2011 - 12:18) freed-master написал(а):

Нужно вставить именно в инпут
Но предложенный Вами вариант к сожалению не работает,
пробовал разные вариации:

$("#form_id input#input_id").val(text(data));

<form class="form" id="form_id">
<input type="number" id="input_in" name="one" value="1" />

$("#input_id").val(text(data));

<form class="form" id="form_id">
<input type="number" id="input_id" name="one" value="1" />

И пр. но ничего не выходит

Спустя 20 минут, 11 секунд (5.11.2011 - 12:38) Renden написал(а):

freed-master
Попробуй так:


<form class="form" id="myDiv">
    <input type="number" name="one" value="1" />
    <input type="button" value="+1" />
    <input type="button" value="-1" />
</form>
   
<script>
$('#myDiv [type="button"]').click(function(){
 var str = $(this).val();
  $.post("i.php?func=minus", str, function(data){
   $('#myDiv input').first().val(data);
  });
});
</script>

Спустя 31 минута, 49 секунд (5.11.2011 - 13:10) freed-master написал(а):

Увы

вообще никакой реакции

в i.php данные передаются, обрабатываются и возвращаются.
беда в том что не выводятся там где нужно
самый первый вариант, с выводом в <div id="myDiv"></div> работает!
а вывод в инпут - мишон импосибл (

Спустя 1 минута, 33 секунды (5.11.2011 - 13:12) freed-master написал(а):

может нужно в инпут валуе вместо 1 написать что-то другое?

Спустя 7 минут, 7 секунд (5.11.2011 - 13:19) Renden написал(а):

freed-master
Незнаю у мня все работает:


<form class="form" id="myDiv">
    <input type="number" value="1">
    <input type="button" value="+1">
    <input type="button" value="-1">
</form>
   
<script>
$('#myDiv [type="button"]').click(function(){
 var str = $(this).val();
  $.post("i.php", { some:str }, function(data){
   $('#myDiv input').first().val(data);
  });
});
</script>

<?php
    echo $_POST['some']+100;
?>

Спустя 21 минута, 46 секунд (5.11.2011 - 13:40) freed-master написал(а):

Тфу ты.. вот оно, где собака зарылась, у тебя работает потому что java после формы.
А мне нужно чтоб вся джава в начале была!
Все кажется чуть-чуть разобрался, остановился на таком варианте:
Джава:

function plus(){
 var str=$("#form_id").serialize();
 $.post("i.php?func=plus", str, function(data){
  $('#form_id input').first().val(data);
 });
}

function minus(){
 var str=$("#form_id").serialize();
 $.post("i.php?func=minus", str, function(data){
  $("#form_id input").first().val(data);
 });
}

Форма:

<form id="form_id">
<input type="number" name="add_one" value="" />
<input type="button" onClick="plus()" value="+1" />
<input type="button" onClick="minus()" value="-1" />
</form>

Спустя 3 часа, 33 минуты, 11 секунд (5.11.2011 - 17:14) freed-master написал(а):

Хм, а вот если у меня в форме много инпутов.
Возле каждого есть кнопки "+" и "-"
Думаю можно передавать в функцию - id инпута
Но как правильно прикрутить этот id к инпуту вывода (строка 4 ниже)?

function plus(id){
 var str=$("form#cart").serialize();
 $.post("i.php?func=plus", str, function(data){
  $('form#cart input#'.id).val(data);
 });
}

Спустя 17 минут, 20 секунд (5.11.2011 - 17:31) freed-master написал(а):

Так что ли:

$('form#cart input#'+id).val(data);

_____________
Всем, кто заинтересован, могу помочь начать зарабатывать на forex.
Пишите в личку или на e-mail: flash-dirt@yandex.ru

Быстрый ответ:

Здесь расположена полная версия этой страницы.