JavaScript и submit

@inetinf · Регистрация: 29.07.2014

Author24 — интернет-сервис помощи студентам

Доброго времени суток
при submit создается таблица в ней есть кнопка при клике на нее выполняется script вот дальше не знаю
как можно сделать так что бы после клика сменилась кнопка на другую вить не происходит submit вот на этом и встал

HTML5

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js">
</script> <script type="text/javascript">
 function SendGet(nlc)  {
  $.ajax({ type:'get',
            url:'close_nlc.php',
            data:{'nlc':nlc} });}
 
 function SendGet_open(nlc)  {
  $.ajax({ type:'get',
            url:'open_nlc.php',
            data:{'nlc':nlc} });}
</script>

PHP

     while($record = mysql_fetch_assoc($sql1))
        {
           if ($record['close']==true){
               $table.= "<td align=center><input type=\"button\" style=\"background-image:url('images/stop.ico');background-    size:100%;\" onclick=\"SendGet(1)\"></td>";}
           if ($record['close']==false){
               $table.= "<td align=center><input type=\"button\" style=\"background-image:url('images/run.ico');background-    size:100%;\" onclick=\"SendGet_open(1)\"></td>";}
 
        }

Добавлено через 3 часа 18 минут
если в SendGet вызывать document.forms["myform"].submit(); то функция перестаёт работать((

Javascript

</script> <script type="text/javascript">
 function SendGet(nlc)  {
  $.ajax({ type:'get',
            url:'close_nlc.php',
            data:{'nlc':nlc} });
            document.forms["myform"].submit();
            }
</script>

@IamRain · 25.02.2016, 11:34

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

вить не происходит submit вот на этом и встал

Сабмит формы обязательно делать сразу после ajax-а? Или мб в done callback-е прописать?

@inetinf · 25.02.2016, 11:44 **[ТС]**

мне надо что бы после ajax-а сменилась кнопка и соответственно встала другая функция по кнопке но вот как это сделать(( я не знаю

Добавлено через 2 минуты
сами функции меняют значения в $record['close'] одна на true другая на false

@IamRain · 25.02.2016, 12:05

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

и соответственно встала другая функция по кнопке но вот как это сделать(( я не знаю

Ну так привяжите к вновь созданной кнопке вашу функцию.

Javascript

<script type="text/javascript">
//false - open, true  - close
var openOrClose = false; 
function SendGet(nlc)  {
  $.ajax({ type:'get',
            url:'close_nlc.php',
            data:{'nlc':nlc} }).done(function(){
              // привязать новый обработчик
                 var button = $('button').first();
                  if (button) button.addEventListener("click",function(){
                      //как то так
                      if(openOrClose) 
                       SendGet_open(someValue);
                      else SendGet(someValue);
                     openOrClose = !openOrClose;
                  }              
             }); 
            }
</script>

Добавлено через 3 минуты
Думаю, принцип поняли. И новые стили для кнопки рекомендую определять на клиенте, с одной лишь кнопкой + просто отвязывая/привязывая обработчики.

@inetinf · 25.02.2016, 12:36 **[ТС]**

я только в начале пути изучения и как это все реализовать тёмный лес

Добавлено через 1 минуту
почему то кричит
ReferenceError: SendGet is not defined

Добавлено через 8 минут

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

И новые стили для кнопки рекомендую определять на клиенте, с одной лишь кнопкой

это как

@IamRain · 25.02.2016, 12:52

Код сервера (php файл) только и делает, что добавляет в таблицу кнопку и задает ей стиль, причем лишь фоновую картинку. - так не надо делать. Кнопка уже должна существовать в разметке.

Javascript

function SendGet(nlc)  {
  $.ajax({ type:'get',
            url:'close_nlc.php',
            data:{'nlc':nlc} })
            . done(function(){
            //найти кнопку    
            // отвязать старый обработчик
            // привязать новый обработчик
            // изменить стиль button-а
            // и текст
            button.attr('background-image','images/run.ico');
             button.removeEventListener("click",SendGet);
             button.addEventListener("click",SendGet_open);
             button.text("Any");
            }
 
 function SendGet_open(nlc)  {
  $.ajax({ type:'get',
            url:'open_nlc.php',
            data:{'nlc':nlc} })
            .done(function(){
            //найти кнопку    
            // отвязать старый обработчик
            // привязать новый обработчик
            // изменить стиль button-а
            // и текст;}
          var button = $('button').first();
           if (!button) return; 
          
             button.attr('background-image','images/stop.ico');
             button.removeEventListener("click",SendGet_open);
             button.addEventListener("click",SendGet);
             button.text("Any Other");
        );
</script>

@inetinf · 25.02.2016, 15:37 **[ТС]**

почему то ругается на function SendGet_open(nlc) {
SyntaxError: missing ) after argument list

Добавлено через 16 минут
исправил на

Javascript

</script> <script type="text/javascript">
function SendGet(nlc)  {
  $.ajax({ type:'get',
            url:'close_nlc.php',
            data:{'nlc':nlc} })
            . done(function(){
             button.attr('background-image','images/run.ico');
             button.removeEventListener("click",SendGet);
             button.addEventListener("click",SendGet_open);
             button.text("Any");
            });}
 function SendGet_open(nlc)  {
  $.ajax({ type:'get',
            url:'open_nlc.php',
            data:{'nlc':nlc} })
            .done(function(){
            //найти кнопку    
            // отвязать старый обработчик
            // привязать новый обработчик
            // изменить стиль button-а
            // и текст;}
          var button = $('button').first();
           if (!button) return; 
          
             button.attr('background-image','images/stop.ico');
             button.removeEventListener("click",SendGet_open);
             button.addEventListener("click",SendGet);
             button.text("Any Other");
            });}
</script>

в пхп $table.= "<td align=center><input type="button" onclick="SendGet(".$record['nlc'].")"></td>";

Добавлено через 15 минут
ругается на
button.removeEventListener("click",SendGet);
TypeError: button.removeEventListener is not a function

Добавлено через 36 минут
все совсем запутался

Добавлено через 42 минуты

@IamRain 3457 / 2469 / 695 Регистрация: 02.08.2011 Сообщений: 6,690
	25.02.2016, 11:34	2
	Сообщение от inetinf вить не происходит submit вот на этом и встал Сабмит формы обязательно делать сразу после ajax-а? Или мб в done callback-е прописать? 0

@inetinf 0 / 0 / 8 Регистрация: 29.07.2014 Сообщений: 513
	25.02.2016, 11:44 [ТС]	3
	мне надо что бы после ajax-а сменилась кнопка и соответственно встала другая функция по кнопке но вот как это сделать(( я не знаю Добавлено через 2 минуты сами функции меняют значения в $record['close'] одна на true другая на false 0

@inetinf 0 / 0 / 8 Регистрация: 29.07.2014 Сообщений: 513
	25.02.2016, 12:36 [ТС]	5
	я только в начале пути изучения и как это все реализовать тёмный лес Добавлено через 1 минуту почему то кричит ReferenceError: SendGet is not defined Добавлено через 8 минут Сообщение от IamRain И новые стили для кнопки рекомендую определять на клиенте, с одной лишь кнопкой это как 0

	25.02.2016, 15:37

Опции темы