PHP.SU

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

Страниц (42): В начало « ... 33 34 35 36 [37] 38 39 40 41 ... » В конец

> Найдено сообщений: 622
Tyoma5891 Отправлено: 19 Марта, 2014 - 10:51:57 • Тема: Динамическое добавление поля с php-обработкой • Форум: Хранение данных, их вывод и обработка

Ответов: 13
Просмотров: 4300
 Всем спасибо проблему решил без аякса лекго)
Tyoma5891 Отправлено: 18 Марта, 2014 - 21:49:21 • Тема: Динамическое добавление поля с php-обработкой • Форум: Хранение данных, их вывод и обработка

Ответов: 13
Просмотров: 4300
alexiy пишет:
Tyoma5891вперед!

Нет не получается, получается целый огород все равно, проблема вся в том у меня селекты в форме генерируются динамически вот код всей страницы:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <HTML>
  3. <HEAD>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.   <meta http-equiv="Pragma" content="no-cache">
  6.   <meta http-equiv="expires" content="0">
  7.   <script src="js/jquery.js"></script>
  8.  
  9.  
  10. </HEAD>
  11. <BODY>
  12. <H3>Ввод расчетных данных для профнастила.</H3>
  13. <form id="myForm" action="index.php?solve" method="post">
  14. <table border="1" width="100%">
  15.     <tr>
  16.         <td>Тип профнастила</td>
  17.         <td>Толщина</td>
  18.         <td>Колличество</td>
  19.         <td>Ширина</td>
  20.         <td>Высота</td>
  21.                 <td>Действие</td>
  22.     </tr>
  23.         <div id="results"></div>
  24.         <tr>
  25.                 <td>
  26.                 <select name="tip">
  27.                 <?php
  28.                         $res = mysql_query ("SELECT tip from ishodnue");
  29.                         while ($row=mysql_fetch_array($res, MYSQL_ASSOC))
  30.                         {
  31.                                 echo "<option value=".$row['tip'].">".$row['tip']."</option>";
  32.                         }
  33.                 ?>
  34.                 </select>
  35.                 </td>
  36.                 <td>
  37.                 <select name="tolsh">
  38.                 <?php
  39.                         $res = mysql_query ("SELECT tolsh from ishodnue");
  40.                         while ($row=mysql_fetch_array($res, MYSQL_ASSOC))
  41.                         {
  42.                                 echo "<option value=".$row['tolsh'].">".$row['tolsh']."</option>";
  43.                         }
  44.                 ?>
  45.                 </select>
  46.                 </td>
  47.                 <td><input type="text" name="quant" value=""/></td>
  48.                 <td><input type="text" name="width" value=""/></td>
  49.                 <td><input type="text" name="height" value=""/></td>
  50.                 <td><input type="submit" name="del" value="удалить"/></td>
  51.         </tr>
  52.        
  53. </table>
  54. <br>
  55. <input type="submit" value="Посчитать"/>
  56. </form>
  57. <div align="right">
  58. <form action="index.php?add" method="post">
  59. <input type="submit" name="add" value="Добавить">
  60. </form>
  61. </div>
  62. <form action="index.php" method="post">
  63. <input type="submit" value="Cancel">
  64. </form>
  65. </BODY>
  66. </HTML>

как сделать чтоб эта строка в таблице динамически добавлялась при нажатии кнопки добавить:
CODE (html):
скопировать код в буфер обмена
  1. <tr>
  2.                 <td>
  3.                 <select name="tip">
  4.                 <?php
  5.                         $res = mysql_query ("SELECT tip from ishodnue");
  6.                         while ($row=mysql_fetch_array($res, MYSQL_ASSOC))
  7.                         {
  8.                                 echo "<option value=".$row['tip'].">".$row['tip']."</option>";
  9.                         }
  10.                 ?>
  11.                 </select>
  12.                 </td>
  13.                 <td>
  14.                 <select name="tolsh">
  15.                 <?php
  16.                         $res = mysql_query ("SELECT tolsh from ishodnue");
  17.                         while ($row=mysql_fetch_array($res, MYSQL_ASSOC))
  18.                         {
  19.                                 echo "<option value=".$row['tolsh'].">".$row['tolsh']."</option>";
  20.                         }
  21.                 ?>
  22.                 </select>
  23.                 </td>
  24.                 <td><input type="text" name="quant" value=""/></td>
  25.                 <td><input type="text" name="width" value=""/></td>
  26.                 <td><input type="text" name="height" value=""/></td>
  27.                 <td><input type="submit" name="del" value="удалить"/></td>
  28.         </tr>

кто-то же делал наверняка подобное?
Tyoma5891 Отправлено: 18 Марта, 2014 - 17:42:09 • Тема: Динамическое добавление поля с php-обработкой • Форум: Хранение данных, их вывод и обработка

Ответов: 13
Просмотров: 4300
alexiy пишет:
Tyoma5891
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <td>
  3.                 <select name="tolsh">
  4.                 <?php
  5.                        $res = mysql_query ("SELECT tolsh from ishodnue");
  6.                        while ($row=mysql_fetch_array($res, MYSQL_ASSOC))
  7.                        {
  8.                                echo "<option value=".$row['tolsh'].">".$row['tolsh']."</option>";
  9.                         }
  10.                 ?>
  11.                 </select>
  12.                 </td>
  13.  

а это что?

уговорили попробую аяксом как получится отпишусь...
Tyoma5891 Отправлено: 18 Марта, 2014 - 17:28:15 • Тема: Динамическое добавление поля с php-обработкой • Форум: Хранение данных, их вывод и обработка

Ответов: 13
Просмотров: 4300
alexiy пишет:
Tyoma5891 а так через сервер Вы не пропускаете?

ну так вроде ж нет, это ж ява работает только
Tyoma5891 Отправлено: 18 Марта, 2014 - 16:46:37 • Тема: Динамическое добавление поля с php-обработкой • Форум: Хранение данных, их вывод и обработка

Ответов: 13
Просмотров: 4300
alexiy пишет:
Tyoma5891
может лучше AJAX?

через сервер каждый раз пропускать? не знаю даже, а что так думаете не получится просто?
Tyoma5891 Отправлено: 18 Марта, 2014 - 14:36:55 • Тема: Динамическое добавление поля с php-обработкой • Форум: Хранение данных, их вывод и обработка

Ответов: 13
Просмотров: 4300
 Добрый день, коллеги!

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

вот моя функция jquery:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. var total = 0;
  3. function add_new_image(){
  4.    total++;
  5.    $('<tr>').attr('id','tr_image_'+total)
  6.    //.css({lineHeight:'20px'})
  7.    .append (
  8.        $('<td>')
  9.       // .attr('id','td_title_'+total)
  10.        //.css({paddingRight:'5px',width:'200px'})
  11.        .append(
  12.                         $('<select>')
  13.                         .attr('name','tip'+total)
  14.                
  15.        )                              
  16.                                
  17.     )
  18.         .append (
  19.        $('<td>')
  20.            .append(
  21.            $('<input type="text" />')
  22.           // .css({width:'200px'})
  23.            .attr('id','input_title_'+total)
  24.            .attr('name','input_title_'+total)
  25.                 )
  26.            
  27.         )
  28.     .append(
  29.         $('<td>')
  30.         //.css({width:'60px'})
  31.         .append(
  32.            $('<span id="progress_'+total+'" class="padding5px"><input type="button" value="удалить" onclick="$(\'#tr_image_'+total+'\').remove();" class="ico_delete"></span>')
  33.          )
  34.      )
  35.      .appendTo('#table_container');                
  36. }
  37. $(document).ready(function() {
  38.     add_new_image();
  39. });


но проблема в том что эти селекты формируются в пхп:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <td>
  3.                 <select name="tolsh">
  4.                 <?php
  5.                         $res = mysql_query ("SELECT tolsh from ishodnue");
  6.                         while ($row=mysql_fetch_array($res, MYSQL_ASSOC))
  7.                         {
  8.                                 echo "<option value=".$row['tolsh'].">".$row['tolsh']."</option>";
  9.                         }
  10.                 ?>
  11.                 </select>
  12.                 </td>

так вот когда я вставляю в свою функцию jquery function add_new_image() этот код пхп то ничего не работает естественно, как мне это обойти может я не так что-то делаю..
CODE (javascript):
скопировать код в буфер обмена
  1.  .append(
  2.                         $('<select>')
  3.                         .attr('name','tip'+total)
  4.  
  5.                 $('<?php
  6.                         $res = mysql_query ("SELECT tolsh from ishodnue");
  7.                         while ($row=mysql_fetch_array($res, MYSQL_ASSOC))
  8.                         {
  9.                                 echo "<option value=".$row['tolsh'].">".$row['tolsh']."</option>";
  10.                         }
  11.                 ?>')
  12.        )                              
Tyoma5891 Отправлено: 05 Марта, 2014 - 14:51:37 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
 Всем большое спасибо! теперь можно творить чудеса с этим аяксом)))
все получилось, отдельное спасибо lastdays за #view с решеткой символом выводит под контейнером с другими нет...
Tyoma5891 Отправлено: 05 Марта, 2014 - 10:39:47 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
alexiy пишет:
Tyoma5891 в конец файла .php который Вы скидывали вставить echo
подрубить js в тот файл где форма и элемент с классом .results, это div?

продемонстрируйте плиз как оно должно быть, индекс файл с нтмл и формой там в сообщениях выше...
Tyoma5891 Отправлено: 04 Марта, 2014 - 22:53:19 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
alexiy пишет:
попробуй в конце файла
PHP:
скопировать код в буфер обмена
  1.  
  2. echo "Hello world";
  3.  

и посмотри что будет, если в $('.results') выведется "hello world" поймешь в какую сторону копать

что-то не то, либо мы недопонимаем друг друга, как мне оперировать с $('.results')? и в каком файле?
Tyoma5891 Отправлено: 04 Марта, 2014 - 21:24:19 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
alexiy пишет:
быстро пробежавшись не увидел чтобы где-нить был обычный echo, $('.results').html(data); теряет смысл.

я немного не понял, я если верно просто инклюдю в конце файл исходный индекса и все значения подставляются в него...
echo $('.results').html(data); вместо инлкюда выдает какойто алерт после нажатия кнопки но попрежнему ничего не происходит...
что мне нужно в файле обработчика имзменить?
Tyoma5891 Отправлено: 04 Марта, 2014 - 21:01:57 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
alexiy пишет:
Tyoma5891 а где код самого обработчика?

Приложил файл...
Tyoma5891 Отправлено: 04 Марта, 2014 - 20:18:39 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
 Так вообщем окончательно с этим скриптом:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function getAjax() {
  3.       var msg   = $('#myForm').serialize();
  4.         $.ajax({
  5.           type: 'POST',
  6.           url: 'action.php',
  7.           data: msg,
  8.           success: function(data) {
  9.             $('.results').html(data);
  10.           },
  11.           error:  function(xhr, str){
  12.                 alert('Возникла ошибка: ' + xhr.responseCode);
  13.             }
  14.         });
  15.  
  16.     }


Ответ от сервера приходит все отлично в том виде что мне надо в консоли это видно, но либо я туплю, либо проблема в том, что приходит то вот так
POST http://localhost/tml/action.php 200 OK 16ms тоесть приходит страница пхп обработчика action.php, а в браузере после нажатия кнопки как было так и остается http://localhost/tml/index.php и соответственно ничего не меняется на ней... как мне все таки сделать чтобы отобразилось то что приходит в консоли в браузере?
Tyoma5891 Отправлено: 04 Марта, 2014 - 09:43:43 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
IllusionMH пишет:
Tyoma5891, а что такое value (val()) у формы? Копайте в сторону serialize или serializeArray

сделал так все равно не работает, ничего не происходит при нажатии кнопки...
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function getAjax() {
  3.    $.ajax({
  4.        url: 'action.php',
  5.        type: 'POST',
  6.        data: $('#myForm').serialize(),
  7.        success: function ( data ) { // данные отправлены, результат пришел
  8.            console.log ( data ) ; // данные которые пришли
  9.            // тут уже можно выводить пользователю инфу
  10.            $('div.info').html(data);
  11.       }
  12.    });
  13. }
Tyoma5891 Отправлено: 03 Марта, 2014 - 19:06:09 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
esterio пишет:
CODE (html):
скопировать код в буфер обмена
  1. <form onsubmit="getAjax(); return false;"></form>

не работает...
тот же эффект ничего не изменилось...
Tyoma5891 Отправлено: 03 Марта, 2014 - 17:04:18 • Тема: Submit без перезагрузки страницы • Форум: Хранение данных, их вывод и обработка

Ответов: 20
Просмотров: 32315
 Вообщем вот что имею на сегодняшний день код страницы на которой форма:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <!doctype html>
  3. <!--[if lte IE 8]><html class="lteie8"><![endif]-->
  4. <!--[if gt IE 8]><!--><html><!--<![endif]-->
  5. <head> 
  6.         <meta charset="utf-8">
  7.         <meta name="viewport" content="width=device-width"/>
  8.         <link rel="stylesheet" media="screen" href="css/screen.css" >
  9.         <script src="js/jquery.js"></script>
  10.         <script src="js/html5shiv.js"></script>
  11.         <script src="js/jquery.aw-showcase.min.js"></script>
  12.         <script src="js/jquery.bxslider.min.js"></script>
  13.         <script src="js/jquery.selectbox.js"></script>
  14.         <script src="js/script.js"></script>
  15.         <script src="js/jquery.form.js"></script>
  16. </head>
  17. <body>
  18. <div class="all">
  19. <div class="cont">
  20.         <header class="header">
  21.                 <div class="logo-block">
  22.                         <a href="#" class="logo"></a>
  23.                         <p class="logo-descr mp">ООО «ТехСтройСервис»</p>
  24.                 </div><!-- logo -->
  25.                 <p class="site-descr">Энергоэффективность и автоматизация</p>
  26.                 <div class="phone">
  27.                         <p class="prime"><span>8 499</span> 502-0456</p>
  28.                         <p class="sec"><span>8 495</span> 501-6762</p>
  29.                         <i></i>
  30.                 </div>
  31.                 <nav class="topmenu">
  32.                         <ul>
  33.                                 <li><a href="#"><span>Главная</span></a></li>
  34.                                 <li class="cur"><a href="#"><span>О нас</span></a></li>
  35.                                 <li><a href="#"><span>Оборудование</span></a></li>
  36.                                 <li><a href="#"><span>Услуги</span></a></li>
  37.                                 <li><a href="#"><span>Сервис</span></a></li>
  38.                                 <li><a href="#"><span>Инфо</span></a></li>
  39.                                 <li><a href="#"><span>Новости</span></a></li>
  40.                                 <li><a href="#"><span>Контакты</span></a></li>
  41.                                 <li><a href="#"><span>Прайс</span></a></li>
  42.                                 <li><a href="#"><span>"PDF"</span></a></li>
  43.                                 <li><a href="upload.html"><span>ИМПОРТ ЦЕН</span></a></li>
  44.                         </ul>
  45.                 </nav>  
  46.         </header><!--header-->
  47.        
  48.         <div class="wrap">
  49.         <div class="l-content">
  50.                 <div class="opros">
  51.                         <h1 class="h1">Форма опроса</h1>
  52.                         <form id="myForm" action="action.php" method='post'>
  53.                                 ...
  54.                                         <input type="submit" onclick="getAjax(); return false;" id="myForm" value="РАССЧИТАТЬ">
  55.                                 </div>
  56.                         </form>
  57.                        
  58.                         <!--BEGIN opros-results -->
  59.                         <div class="opros-results">
  60.                                 <h4>Результаты</h4>
  61.                                 <ul>
  62.                                         <li>
  63.                                                 <span class="lres">Оборудование "ВЗЛЕТ", при необходимости модем:       </span>
  64.                                                 <span class="rres"><?php echo $materiali_vzljot." руб."; ?></span>
  65.                                         </li>
  66.                                         <li>
  67.                                                 <span class="lres">Преобразователи давления с арматурой:</span>
  68.                                                 <span class="rres"><?php echo $materiali_davlenie." руб."; ?></span>
  69.                                         </li>
  70.                                         <li>
  71.                                                 <span class="lres">Запорная арматура:</span>
  72.                                                 <span class="rres"><?php echo $materiali_zaporka." руб."; ?></span>
  73.                                         </li>
  74.                                         <li>
  75.                                                 <span class="lres">Расходные матерaиалы (трубы, разгонные участки, расходники):</span>
  76.                                                 <span class="rres"><?php echo $materiali_rashodnie." руб."; ?></span>
  77.                                         </li>
  78.                                         <li>
  79.                                                 <span class="lres">Проектные работы:</span>
  80.                                                 <span class="rres"><?php echo $raboti_proekt." руб."; ?></span>
  81.                                         </li>
  82.                                         <li>
  83.                                                 <span class="lres">Сантехмонтажные работы:</span>
  84.                                                 <span class="rres"><?php echo $raboti_santeh." руб."; ?></span>
  85.                                         </li>
  86.                                         <li>
  87.                                                 <span class="lres">Электромонтажные работы:</span>
  88.                                                 <span class="rres"><?php echo $raboti_elektro." руб."; ?></span>
  89.                                         </li>
  90.                                         <li>
  91.                                                 <span class="lres">Работы по диспетчеризации:</span>
  92.                                                 <span class="rres"><?php echo $raboti_dispetcherizaciya." руб."; ?></span>
  93.                                         </li>
  94.                                         <li class="dgr">
  95.                                                 <span class="lres">Сумма:</span>
  96.                                                 <span class="rres"><?php echo $summa." руб."; ?></span>
  97.                                         </li>
  98.                                         <li class="dgr">
  99.                                                 <span class="lres">НДС:</span>
  100.                                                 <span class="rres"><?php echo $nds." руб."; ?></span>
  101.                                         </li>
  102.                                         <li class="last">
  103.                                                 <span class="lres">Итого:</span>
  104.                                                 <span class="rres"><?php echo $itogo." руб."; ?></span>
  105.                                         </li>
  106.                                 </ul>
  107.                         </div>
  108.                         <!--END opros-results -->
  109.                 </div><!-- main-cont -->
  110.         </div><!--l-content-->


Код запроса аякс:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. function getAjax() {
  3.    $.ajax({
  4.        url: 'action.php',
  5.        type: 'POST',
  6.        data: {
  7.             value: $('#myForm').val() // <input id="id_name">
  8.        },
  9.        success: function ( data ) { // данные отправлены, результат пришел
  10.            console.log ( data ) ; // данные которые пришли
  11.            // тут уже можно выводить пользователю инфу
  12.            $('div.info').html(data);
  13.       }
  14.    });
  15. }

принцип вот в чем, заполняется форма нажимается кнопка рассчитать и нужно чтоб без перезагрузки данные расчета подставлялись в нижний контейнер и при этом текущая форма сохранялась...
Но при нажатии кнопки сейчас вообще ничего не происходит....

Страниц (42): В начало « ... 33 34 35 36 [37] 38 39 40 41 ... » В конец
Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB