PHP . SU
Программирование на PHP, MySQL и другие веб-технологии
Без описания
Поиск в теме | Версия для печати
kikosik666
Отправлено: 20 Марта, 2018 - 10:53:57
Новичок
Покинул форум
Сообщений всего: 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>
andrewkard
Отправлено: 20 Марта, 2018 - 13:11:40
Участник
Покинул форум
Сообщений всего: 1372
Дата рег-ции: Нояб. 2014
Помог: 30 раз(а)
Судя по всему, после загрузки страницы №2 Вам нужно выполнить этот код:
CODE (
javascript ):
скопировать код в буфер обмена
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 } ,
}
)
}
) ;
kikosik666
Отправлено: 20 Марта, 2018 - 13:55:07
Новичок
Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2017
Помог: 0 раз(а)
andrewkard пишет: Судя по всему, после загрузки страницы №2 Вам нужно выполнить этот код:
CODE (
javascript ):
скопировать код в буфер обмена
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 } ,
}
)
}
) ;
Вы имеете виду после этого кода?
<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>
kikosik666
Отправлено: 20 Марта, 2018 - 14:32:16
Новичок
Покинул форум
Сообщений всего: 46
Дата рег-ции: Апр. 2017
Помог: 0 раз(а)
andrewkard пишет: Да, после того как добавите, вот тут:
Я так тоже пробовал, но не получается
<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>
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« JavaScript & VBScript »
Все гости форума могут просматривать этот раздел. Только зарегистрированные пользователи могут создавать новые темы в этом разделе. Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
Powered by ExBB FM 1.0 RC1. InvisionExBB