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
Форумы портала PHP.SU :: Версия для печати :: Увеличение значений формы
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Увеличение значений формы

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

1. Dezmonds - 28 Мая, 2011 - 13:47:43 - перейти к сообщению
Есть форма и поле <input name="count" type="text" value='1'> в которое будет записываться число...
Никак не могу найти пример как реализовать следующее...

Рядом с формой есть две стрелочки верх и вниз.. при нажатии на которую колличество увеличиваеться на 1.(верх) при нажатии (вниз) -1. Но уменьшать можно до 1, не меньше...

Полагаю тут или яваскрипт или Jquery...
Как вообще называется это Улыбка подскажите.
2. EuGen - 28 Мая, 2011 - 13:55:50 - перейти к сообщению
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <a onClick="document.getElementById('count').value++; return true;">Up</a>
  3. <a onClick="document.getElementById('count').value--; return true;">Down</a>
  4. <input name="count" type="text" value='1' id='count'>
  5.  
3. Dezmonds - 28 Мая, 2011 - 13:59:52 - перейти к сообщению
EuGen - спасибо! Как всегда все правильно и отлично! Единственный минус, что тут можно в минус уйти... уменьшать сколько угодно..
4. SAD - 28 Мая, 2011 - 13:59:59 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1. <script>
  2. function change(a) {
  3.     var val = parseInt(document.getElementsByName('count').value);
  4.     if (a == 'up')
  5.         document.getElementsByName('count').value = val + 1;
  6.     else if (a == 'down') {
  7.         if (val != 1)
  8.             document.getElementsByName('count').value = val - 1;
  9.     }
  10. }
  11. </script>

CODE (html):
скопировать код в буфер обмена
  1. <input name="count" type="text" value='1'>
  2. <input type="button" value="up" onclick="change('up');">
  3. <input type="button" value="down" onclick="change('down');">
5. Dezmonds - 28 Мая, 2011 - 14:26:38 - перейти к сообщению
SAD не работает ваш код к сожалению Недовольство, огорчение
6. SAD - 28 Мая, 2011 - 14:31:55 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1. <script>
  2. function change(a) {
  3.     var val = parseInt(document.getElementById('count').value);
  4.     if (a == 'up')
  5.         document.getElementById('count').value = val + 1;
  6.     else if (a == 'down') {
  7.         if (val != 1)
  8.             document.getElementById('count').value = val - 1;
  9.     }
  10. }
  11. </script>

CODE (html):
скопировать код в буфер обмена
  1. <input name="count" type="text" value='1' id="count">
  2. <input type="button" value="up" onclick="change('up');">
  3. <input type="button" value="down" onclick="change('down');">
7. Dezmonds - 28 Мая, 2011 - 14:35:10 - перейти к сообщению
SAD - Перфекто! ;)
(Добавление)
Возникла проблема...
Вывожу данные из БД черещ printf.


Собственно вот код, что показывает браузер... Выводиться наш сам скрипт и форма управления. верх, вниз...

Сделал так: getElementById('$id')..

Короче не работает.. Выводиться 5 элементов. Нажимаю на увеличение увеличиваеться только в одной форме <input name='count' type='text' value='1' class='coll' id='1'>

Как запустить ту функцию где id статьи равен функции id

CODE (html):
скопировать код в буфер обмена
  1.  
  2. <script>
  3. function change(a) {
  4.     var val = parseInt(document.getElementById('1').value);
  5.     if (a == 'up')
  6.         document.getElementById('1').value = val + 1;
  7.     else if (a == 'down') {
  8.         if (val != 1)
  9.             document.getElementById('1').value = val - 1;
  10.     }
  11. }
  12. </script>
  13.  
  14. <div class='pizza_view'>
  15. <form action='' method='post'>
  16.  
  17. <input name='id' type='hidden' value='1'>
  18. <input name='name' type='hidden' value='Маргарита'>
  19. <input name='price' type='hidden' value='600'>
  20.  
  21.     <table width='225' height='339'>
  22.    
  23.   <tr>
  24.     <td height='206' colspan='2' align='center'><img src='./files/pizza/1.jpg' width='225' height='225'></td>
  25.     </tr>
  26.    
  27.     <tr>
  28.    
  29.     <td height='17' colspan='2' align='center' class='name_pizza'>Маргарита</td>
  30.   </tr>
  31.   <tr class='add_to_cart'>
  32.     <td width='115' height='17' align='center'><span class='wight'>550 гр.</span></td>
  33.     <td width='113' align='center'><span class='price'>600</span></td>
  34.   </tr>
  35.   <tr>
  36.     <td height='57' colspan='2' align='left' valign='top'>Пицца-соус, сыр «Моцарелла», орегано, базилик....</td>
  37.     </tr>
  38.   <tr>
  39.     <td height='23' align='center' valign='top'> !Колличество:
  40.    
  41.  
  42.    
  43.     <input name='count' type='text' value='1' class='coll' id='1'>
  44.     <div class='upr_up'>
  45.   <li><input type='button' value='up' onclick=change('up');></li>
  46.   <li><input type='button' value='down' onclick=change('down');></li>
  47.     </div>
  48.  
  49.  
  50.     </td>
  51.     <td height='23' align='center' valign='top'>   <input name='submit' type='submit' value='Заказать' class='bottom_coll' > </td>
  52.   </tr>
  53.     </table>
  54. </form>
  55.     </div>
  56.  
  57. <script>
  58. function change(a) {
  59.     var val = parseInt(document.getElementById('2').value);
  60.     if (a == 'up')
  61.         document.getElementById('2').value = val + 1;
  62.     else if (a == 'down') {
  63.         if (val != 1)
  64.             document.getElementById('2').value = val - 1;
  65.     }
  66. }
  67. </script>
  68.  
  69. <div class='pizza_view'>
  70. <form action='' method='post'>
  71.  
  72. <input name='id' type='hidden' value='2'>
  73. <input name='name' type='hidden' value='Гавайская'>
  74. <input name='price' type='hidden' value='650'>
  75.  
  76.     <table width='225' height='339'>
  77.    
  78.   <tr>
  79.     <td height='206' colspan='2' align='center'><img src='./files/pizza/2.jpg' width='225' height='225'></td>
  80.     </tr>
  81.    
  82.     <tr>
  83.    
  84.     <td height='17' colspan='2' align='center' class='name_pizza'>Гавайская</td>
  85.   </tr>
  86.   <tr class='add_to_cart'>
  87.     <td width='115' height='17' align='center'><span class='wight'>550 гр.</span></td>
  88.     <td width='113' align='center'><span class='price'>650</span></td>
  89.   </tr>
  90.   <tr>
  91.     <td height='57' colspan='2' align='left' valign='top'>Пицца-соус, сыр "Моцарелла", ветчина, ананасы...</td>
  92.     </tr>
  93.   <tr>
  94.     <td height='23' align='center' valign='top'> !Колличество:
  95.    
  96.  
  97.    
  98.     <input name='count' type='text' value='1' class='coll' id='2'>
  99.     <div class='upr_up'>
  100.   <li><input type='button' value='up' onclick=change('up');></li>
  101.   <li><input type='button' value='down' onclick=change('down');></li>
  102.     </div>
  103.  
  104.  
8. SAD - 28 Мая, 2011 - 15:38:42 - перейти к сообщению
CODE (javascript):
скопировать код в буфер обмена
  1. <script>
  2. function change(a, id) {
  3.     var val = parseInt(document.getElementById(id).value);
  4.     if (a == 'up')
  5.         document.getElementById(id).value = val + 1;
  6.     else if (a == 'down') {
  7.         if (val != 1)
  8.             document.getElementById(id).value = val - 1;
  9.     }
  10. }
  11. </script>

CODE (html):
скопировать код в буфер обмена
  1. <input name="count" type="text" value='1' id="1">
  2. <input type="button" value="up" onclick="change('up', 1);">
  3. <input type="button" value="down" onclick="change('down', 1);">
  4.  
  5. <input name="count" type="text" value='1' id="2">
  6. <input type="button" value="up" onclick="change('up', 2);">
  7. <input type="button" value="down" onclick="change('down', 2);">
9. Dezmonds - 28 Мая, 2011 - 15:45:21 - перейти к сообщению
Что то вообще перестало работать:

PHP:
скопировать код в буфер обмена
  2. "
  3. <script>
  4. function change(a, $myrow[id]) {
  5.    var val = parseInt(document.getElementById($myrow[id]).value);
  6.    if (a == 'up')
  7.        document.getElementById($myrow[id]).value = val + 1;
  8.    else if (a == 'down') {
  9.        if (val != 1)
  10.            document.getElementById($myrow[id]).value = val - 1;
  11.    }
  12. }
  13. </script>
  14.  
  15.  
  16. <input name='count' type='text' value='1' class='coll' id='$myrow[id]'>
  17.    <div class='upr_up'>
  18.  <li><input type='button' value='up' onclick=change('up', $myrow[id]);></li>
  19.  <li><input type='button' value='down' onclick=change('down', $myrow[id]);></li>
  20. </div>
  21.  
  22.  
  23. ", Бла бла )


Получиться так:

Он выведет 5 раз
PHP:
скопировать код в буфер обмена
  1. <input name='count' type='text' value='1' class='coll' id='$myrow[id]'>
  2.     <div class='upr_up'>
  3.   <li><input type='button' value='up' onclick=change('up', $myrow[id]);></li>
  4.   <li><input type='button' value='down' onclick=change('down', $myrow[id]);></li>
  5. </div>
с уникальными id и 5 раз скрипт с уникальными id... но что то не работает..

Смотрю в коде вроде все ок.. должно работать...

Много кода...
Спойлер (Отобразить)
10. SAD - 28 Мая, 2011 - 15:50:01 - перейти к сообщению
вообще не трогайте функцию js

 

Powered by ExBB FM 1.0 RC1