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

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не работает javascript в документе, вызванным AJAX

 PHP.SU

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


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

> Без описания
kikosik666
Отправлено: 20 Марта, 2018 - 10:53:57
Post Id


Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2017  


Помог: 0 раз(а)




Здравствуйте, такая проблема, через AJAX в странице 1 получаю страницу 2.
В странице 2 находится код image cropper.
Когда отдельно открываю 2 страницу, image cropper работает, а когда с помощью AJAX показываю, не работает. В чем может быть проблема?

Вот код:

страница 1

<script type="text/javascript">
$(function(){
$("#keyword3").keyup(function(){
var search = $("#keyword3").val();
$.ajax({
type: "POST",
url: "2.php",
data: {"keyword3": search},
cache: false,
success: function(response){
$("#resSearch3").html(response);
}
});
return false;
});
});
</script>

Страница 2

<script type="text/javascript" charset="utf-8">
Event.observe (
window,
'load',
function() {
new Cropper.Img (
't3soeta',
{
minWidth: 200,
minHeight: 250,
ratioDim: { x: 200, y: 250 },
displayOnInit: true,
onEndCrop: saveCoords,
onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
}
)
}
);

function saveCoords (coords, dimensions)
{
$( 'x1' ).value = coords.x1;
$( 'y1' ).value = coords.y1;
$( 'width' ).value = dimensions.width;
$( 'height' ).value = dimensions.height;
}
</script>


<form action="saveCrop.php" method="post">
<h2>Image Cropping Tutorial (Without Preview)</h2>
<div>
<img src="../../images/lapsi.jpg" id="t3soeta" alt="New T3 Soeta" />
</div>

<input type="hidden" name="x1" id="x1" value="">
<input type="hidden" name="y1" id="y1" value="">
<input type="hidden" name="width" id="width" value="">
<input type="hidden" name="height" id="height" value="">
<input type="submit" name="Done" value=" Done ">
</form>
 
 Top
andrewkard
Отправлено: 20 Марта, 2018 - 13:11:40
Post Id


Участник


Покинул форум
Сообщений всего: 1372
Дата рег-ции: Нояб. 2014  


Помог: 30 раз(а)




Судя по всему, после загрузки страницы №2 Вам нужно выполнить этот код:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. Event.observe (
  3. window,
  4. 'load',
  5. function() {
  6. new Cropper.Img (
  7. 't3soeta',
  8. {
  9. minWidth: 200,
  10. minHeight: 250,
  11. ratioDim: { x: 200, y: 250 },
  12. displayOnInit: true,
  13. onEndCrop: saveCoords,
  14. onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
  15. }
  16. )
  17. }
  18. );
  19.  
 
 Top
kikosik666
Отправлено: 20 Марта, 2018 - 13:55:07
Post Id


Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2017  


Помог: 0 раз(а)




andrewkard пишет:
Судя по всему, после загрузки страницы №2 Вам нужно выполнить этот код:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. Event.observe (
  3. window,
  4. 'load',
  5. function() {
  6. new Cropper.Img (
  7. 't3soeta',
  8. {
  9. minWidth: 200,
  10. minHeight: 250,
  11. ratioDim: { x: 200, y: 250 },
  12. displayOnInit: true,
  13. onEndCrop: saveCoords,
  14. onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
  15. }
  16. )
  17. }
  18. );
  19.  



Вы имеете виду после этого кода?
<script type="text/javascript">
$(function(){
$("#keyword3").keyup(function(){
var search = $("#keyword3").val();
$.ajax({
type: "POST",
url: "2.php",
data: {"keyword3": search},
cache: false,
success: function(response){
$("#resSearch3").html(response);
}
});
return false;
});
});
</script>
 
 Top
andrewkard
Отправлено: 20 Марта, 2018 - 14:14:45
Post Id


Участник


Покинул форум
Сообщений всего: 1372
Дата рег-ции: Нояб. 2014  


Помог: 30 раз(а)




Да, после того как добавите, вот тут:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. success: function(response){
  3. $("#resSearch3").html(response);
  4.  
  5. //Тут
  6. }
  7.  
 
 Top
kikosik666
Отправлено: 20 Марта, 2018 - 14:32:16
Post Id


Новичок


Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2017  


Помог: 0 раз(а)




andrewkard пишет:
Да, после того как добавите, вот тут:
CODE (javascript):
скопировать код в буфер обмена
  1.  
  2. success: function(response){
  3. $("#resSearch3").html(response);
  4.  
  5. //Тут
  6. }
  7.  


Я так тоже пробовал, но не получается

<script type="text/javascript">
$(function(){
$("#keyword3").keyup(function(){
var search = $("#keyword3").val();
$.ajax({
type: "POST",
url: "2.php",
data: {"keyword3": search},
cache: false,
success: function(response){
$("#resSearch3").html(response);

Event.observe (
window,
'load',
function() {
new Cropper.Img (
't3soeta',
{
minWidth: 200,
minHeight: 250,
ratioDim: { x: 200, y: 250 },
displayOnInit: true,
onEndCrop: saveCoords,
onloadCoords: { x1: 0, y1: 0, x2: 200, y2: 250 },
}
)
}
);
}
});
return false;
});
});
</script>
 
 Top
andrewkard
Отправлено: 20 Марта, 2018 - 15:57:38
Post Id


Участник


Покинул форум
Сообщений всего: 1372
Дата рег-ции: Нояб. 2014  


Помог: 30 раз(а)




значит что то не хватает, смотрите ошибки в консоли
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB