Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
inetinf
0 / 0 / 8
Регистрация: 29.07.2014
Сообщений: 509
#1

JavaScript и submit - JavaScript

25.02.2016, 11:20. Просмотров 328. Ответов 6
Метки нет (Все метки)

Доброго времени суток
при submit создается таблица в ней есть кнопка при клике на нее выполняется script вот дальше не знаю
как можно сделать так что бы после клика сменилась кнопка на другую вить не происходит submit вот на этом и встал
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<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
1
2
3
4
5
6
7
8
     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
1
2
3
4
5
6
7
8
</script> <script type="text/javascript">
 function SendGet(nlc)  {
  $.ajax({ type:'get',
            url:'close_nlc.php',
            data:{'nlc':nlc} });
            document.forms["myform"].submit();
            }
</script>

http://www.cyberforum.ru/javascript/thread2024779.html
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
25.02.2016, 11:20
Я подобрал для вас темы с готовыми решениями и ответами на вопрос JavaScript и submit (JavaScript):

Повторная отправка (дублирование) формы (submit, POST) добавив обработчик на JavaScript
В основном все начинающие програмисты борются с проблемой повторной отправки...

Вставка элементов меню (содержащих javascript) через javascript
Пишу курсовой проект по JavaScript в ходе которого потребовалось создать...

Выполнение Javascript файла в котором присутствуют javascript теги
text1.js &lt;link...

Submit
Сложилась такая ситуация: на странице есть несколько форм, по истечению таймера...

submit
парни, есть форма. и есть ссылка. по нажатию на ссылку у меня сабмиттится...

6
IamRain
1278 / 1170 / 360
Регистрация: 02.08.2011
Сообщений: 3,413
25.02.2016, 11:34 #2
Цитата Сообщение от inetinf Посмотреть сообщение
вить не происходит submit вот на этом и встал
Сабмит формы обязательно делать сразу после ajax-а? Или мб в done callback-е прописать?
0
inetinf
0 / 0 / 8
Регистрация: 29.07.2014
Сообщений: 509
25.02.2016, 11:44  [ТС] #3
мне надо что бы после ajax-а сменилась кнопка и соответственно встала другая функция по кнопке но вот как это сделать(( я не знаю

Добавлено через 2 минуты
сами функции меняют значения в $record['close'] одна на true другая на false
0
IamRain
1278 / 1170 / 360
Регистрация: 02.08.2011
Сообщений: 3,413
25.02.2016, 12:05 #4
Цитата Сообщение от inetinf Посмотреть сообщение
и соответственно встала другая функция по кнопке но вот как это сделать(( я не знаю
Ну так привяжите к вновь созданной кнопке вашу функцию.

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<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 минуты
Думаю, принцип поняли. И новые стили для кнопки рекомендую определять на клиенте, с одной лишь кнопкой + просто отвязывая/привязывая обработчики.
0
inetinf
0 / 0 / 8
Регистрация: 29.07.2014
Сообщений: 509
25.02.2016, 12:36  [ТС] #5
я только в начале пути изучения и как это все реализовать тёмный лес

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

Добавлено через 8 минут
Цитата Сообщение от IamRain Посмотреть сообщение
И новые стили для кнопки рекомендую определять на клиенте, с одной лишь кнопкой
это как
0
IamRain
1278 / 1170 / 360
Регистрация: 02.08.2011
Сообщений: 3,413
25.02.2016, 12:52 #6
Код сервера (php файл) только и делает, что добавляет в таблицу кнопку и задает ей стиль, причем лишь фоновую картинку. - так не надо делать. Кнопка уже должна существовать в разметке.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
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>
0
inetinf
0 / 0 / 8
Регистрация: 29.07.2014
Сообщений: 509
25.02.2016, 15:37  [ТС] #7
почему то ругается на function SendGet_open(nlc) {
SyntaxError: missing ) after argument list

Добавлено через 16 минут
исправил на
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
</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 минуты
0
25.02.2016, 15:37
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
25.02.2016, 15:37
Привет! Вот еще темы с решениями:

Остановка Submit
Всем доброго дня! Есть элемент формы Submit. Как с помощью Javascript сделать...

Submit и click
Всем привет! Подскажите пожалуйста в каком порядке будут отработаны события, ...

Перезагрузка при Submit
Здравствуйте. Подскажите, возможно ли избавиться от перезагрузки при сабмите....

Не работает кнопка submit
Есть такой код: при нажатии на кнопку &quot;изменить данные&quot;, всплывает окно с тремя...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
7
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru