Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 05.06.2018, 15:27   #11
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 274
Репутация: -23
По умолчанию

В консоли ошибок нет.
Думаю попытки поиска ошибок в js ни чего не дадут, напрямую работает ведь.
Я не спец в ajax и php, но такое чувство, что разметка html через php срабатывает один раз при выводе и всё т.е. DOM, получается не выстроен.
Может настройки OpenServer чудят?
__________________
Еду медленно, но верно!

Последний раз редактировалось spoon100500; 05.06.2018 в 15:48.
spoon100500 вне форума   Ответить с цитированием
Старый 05.06.2018, 16:11   #12
Stanislav
Квадрокоптерист
Профессионал
 
Регистрация: 29.09.2007
Сообщений: 1,800
Репутация: 532
По умолчанию

я уже написал что вам следует сделать. напишите простой тест. клик делать через on должно все работать, поверьте не вы первый и не вы последний работает с динамическим контентом.
__________________
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
Stanislav вне форума   Ответить с цитированием
Старый 05.06.2018, 16:47   #13
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 274
Репутация: -23
По умолчанию

Сделал так
Файл index.php
PHP код:
<html lang="ru">
<
head>
    <
meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <
meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <
title>Тест</title>
    <
meta http-equiv="X-UA-Compatible" content="IE=edge">
    <
script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script>
    $(document).ready(function() {
$('#but').on('click', function() {
    var button_id = $(this).attr("id");
  $.ajax({
    type: 'POST',
    url: 'a.php',
    data: {name: button_id},
    success: function(rezult) {
      $("#content").html(rezult);
    }
  });
  });
  
  $('#res').on('click', function() {
  alert('Бла-бла-бла');
     }); 
});
</script>
</head>
<body>
    <div><button type="button" id="but">Кнопка</button></div>
    <div id="content"></div>
</body>
</html> 
Файл a.php
PHP код:
<?php
$cat 
$_POST['name'];
if (
$cat == 'but')
{echo 
'<div><button type="button" id="res">Контент</button></div>';}
else{echo
'Ни хрена не вышло!';}
 
?>
Тишина. Кнопка button type="button" id="res" не выводит alert.
__________________
Еду медленно, но верно!

Последний раз редактировалось spoon100500; 05.06.2018 в 16:51.
spoon100500 вне форума   Ответить с цитированием
Старый 05.06.2018, 17:30   #14
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 274
Репутация: -23
По умолчанию

Вот так работает
Код:

<html lang="ru">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Тест</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	
</head>
<body>
	<div><button type="button" id="but">Кнопка</button></div>
	<div id="content"></div>
	<script>
$('#but').on('click', function() {
	var button_id = $(this).attr("id");
  $.ajax({
    type: 'POST',
    url: 'a.php',
    data: {name: button_id},
    success: function(rezult) {
      $('#content').html(rezult);
    }
  });
  });
  
 function myFunction() {
  alert('Бла-бла-бла');
	 }
</script>
</body>
</html>

файл a.php
Код:

<?php
$cat = $_POST['name'];
if ($cat == 'but')
{echo '<div><button type="button" id="res" onclick="myFunction()">Контент</button></div>';}
else{echo'Ни хрена не вышло!';}
 ?>

Оказывается проблема такая не только у меня)) куча вопросов в инете
__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Старый 05.06.2018, 17:34   #15
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 274
Репутация: -23
По умолчанию

и вот так работает
Код:

<html lang="ru">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Тест</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	
</head>
<body>
	<div><button type="button" id="but">Кнопка</button></div>
	<div id="content"></div>
	<script>
$('#but').on('click', function() {
	var button_id = $(this).attr("id");
  $.ajax({
    type: 'POST',
    url: 'a.php',
    data: {name: button_id},
    success: function(rezult) {
      $('#content').html(rezult);
    }
  });
  });
  
  $(document).on('click', '#res', function() {
  alert('Бла-бла-бла');
	 }); 
</script>
</body>
</html>

файл a.php
Код:

<?php
$cat = $_POST['name'];
if ($cat == 'but')
{echo '<div><button type="button" id="res">Контент</button></div>';}
else{echo'Ни хрена не вышло!';}
 ?>

__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Старый 05.06.2018, 17:35   #16
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 274
Репутация: -23
По умолчанию

Нашел инфу тут
__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Старый 05.06.2018, 17:42   #17
Stanislav
Квадрокоптерист
Профессионал
 
Регистрация: 29.09.2007
Сообщений: 1,800
Репутация: 532
По умолчанию

Цитата:
Сообщение от spoon100500 Посмотреть сообщение
Сделал так
Файл index.php
Тишина. Кнопка button type="button" id="res" не выводит alert.
Что это за дичь?
Код:

echo '<div><button type="button" id="res">Контент</button></div>'

id у вас res а событие вешаете на #but это что?? что это такое вообще за id?
Код:

$('#but').on('click', function() {

Цитата:
Оказывается проблема такая не только у меня)) куча вопросов в инете
это что показатель? вы хоть понимаете чуть чуть что пишите?



Цитата:
echo '<div><button type="button" id="res" onclick="myFunction()">Контент</button></div>';
нафига вешаете функции на он клик нужно дать кнопке класс или id

Цитата:
echo '<div><button type="button" id="res" class="test">Контент</button></div>';
затем в index

Код:

$(document).ready(function() {
$('.test').on('click', function() {
        alert('test ');
});
});

__________________
Я часть той силы, что вечно хочет зла, но вечно совершает благо..

Последний раз редактировалось Stanislav; 05.06.2018 в 17:49.
Stanislav вне форума   Ответить с цитированием
Старый 05.06.2018, 17:47   #18
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 274
Репутация: -23
По умолчанию

Цитата:
Сообщение от Stanislav Посмотреть сообщение
Что это за дичь?
Код:

echo '<div><button type="button" id="res">Контент</button></div>';
В чем ошибка?
__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Старый 05.06.2018, 17:49   #19
spoon100500
Форумчанин
 
Аватар для spoon100500
 
Регистрация: 14.10.2016
Сообщений: 274
Репутация: -23
По умолчанию

Цитата:
Сообщение от Stanislav Посмотреть сообщение
id у вас res а событие вешаете на #but это что??
but я отправляю ajax запрос файлу a.php
Код:

$('#but').on('click', function() {
	var button_id = $(this).attr("id");
  $.ajax({
    type: 'POST',
    url: 'a.php',
    data: {name: button_id},
    success: function(rezult) {
      $('#content').html(rezult);
    }
  });
  });

__________________
Еду медленно, но верно!
spoon100500 вне форума   Ответить с цитированием
Старый 05.06.2018, 17:50   #20
Stanislav
Квадрокоптерист
Профессионал
 
Регистрация: 29.09.2007
Сообщений: 1,800
Репутация: 532
По умолчанию

Я выше ответ дополнил
__________________
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
Stanislav вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При открытии Excel workbook макросом из PowerPoint события не срабатывают...Почему? RISagitov Microsoft Office Excel 0 07.03.2016 22:28
скрипт подгрузки при скролинге alimov7 Помощь студентам 0 07.11.2012 17:00
Скрипт подгрузки страницы при скролинге alimov7 Помощь студентам 0 06.11.2012 15:21
Ширина DIV при подгрузки html 1ord JavaScript, Ajax 5 13.02.2011 23:42
Кодировка при вводе данных через php-myadmin и sql запросы serg-php PHP 4 27.09.2009 17:03


01:20.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru