[jQuery][php?] Problem z load - nie ładuje strony Opcje

[deha21]

Witam,
Mam skrypt przenoszenia obrazków z galerii do góry/na dół. Po kliknięciu wykonuje się skrypt (poprawnie) a następnie ma załadować ponownie stronę (showpics.php) w divie (#pics).

[JAVASCRIPT] pobierz, plaintext 
		$(".move").click(function(){
			var id = $("#id").val();
			var pic = $(this).attr("id");
			var move = $(this).attr("name");
				$.ajax({
				type: "GET",
				url: "move.php",
				data: {id: id, pic: pic, move: move},
				onsuccess:$("#pic").load("showpics.php?id="+id),
				});
		});
[JAVASCRIPT] pobierz, plaintext 

[PHP] pobierz, plaintext 
$id=$_GET['id'];
require("../config.php");
if (!isset($id)) {
 
	$result=mysql_query("SELECT * FROM zdjecia WHERE active='0' ORDER BY position DESC");
	while($row=mysql_fetch_array($result)) {
		echo "<div class='pic'><img src='../upload/thumb_".$row['file']."'><a href='' class='delete' id='".$row['id']."'><img src='del.png' alt='Usuń' title='Usuń'></a>
		<a href='' id='".$row['id']."' class='move' name='up' title='Przenieś wyżej'><img src='up.png' alt='góra'></a>
		<a href='' id='".$row['id']."' class='move' name='down' title='Przenieś niżej'><img src='down.png' alt='dół'></a>
		</div>";
	}
 
} elseif (isset($id)) {
 
	$result=mysql_query("SELECT * FROM zdjecia WHERE auto='$id' ORDER BY position DESC");
	while($row=mysql_fetch_array($result)) {
 
		echo "<div class='pic'><img src='../gallery/".$id."/thumb_".$row['file']."'>
		<a href='' class='delete' id='".$row['id']."' rel='".$row['file']."'><img src='del.png' alt='Usuń' title='Usuń'></a>
		<a href='' id='".$row['id']."' class='move' name='up' title='Przenieś wyżej'><img src='up.png' alt='góra'></a>
		<a href='' id='".$row['id']."' class='move' name='down' title='Przenieś niżej'><img src='down.png' alt='dół'></a>
		</div>";
	}
 
}
[PHP] pobierz, plaintext 

Niestety po kliknięciu cała strona przeładowuje się. Przy tym nie przesyła zmiennej która potrzebna jest do jej otworzenia (id galerii), a więc zostaje pusta strona tak na prawdę.
Dziwne, że taki sam skrypt działa mi na innej mojej stronie. Z tym, że tamta ma inną budowę ale to nie powinno mieć znaczenia.

[wookieb]

nie masz

Kod

return false;

na koncu funkcji zdarzenia click

[deha21]

O to chodzi?

[JAVASCRIPT] pobierz, plaintext 
 
		$(".move").click(function(){
			var id = $("#id").val();
			var pic = $(this).attr("id");
			var move = $(this).attr("name");
				$.ajax({
				type: "GET",
				url: "move.php",
				data: {id: id, pic: pic, move: move},
				onsuccess:$("#pic").load("showpics.php?id="+id),
				});
			return false;
		});
[JAVASCRIPT] pobierz, plaintext 

Nie pomaga. Dalej to samo :/

[wookieb]

A teraz zobacz jaki parametr w metodzie ajax przyjmuje wlasciwosc onsuccess a potem zobacz do czego sluzy load, bo widzę, że nie masz pojęcia jak to wyglada.

Ten post edytował wookieb 4.01.2010, 18:42:06

[deha21]

Szukałem o onsuccess ale nic konkretnego nie znalazlem. Może i nie wiem do czego służy ale wiem co umożliwia. Tak jak pisałem, robiłem coś takiego wcześniej i działało więc dlaczego teraz to nie działa. To mnie zastanawia.

[wookieb]

Spójrz na wykorzystanie load
http://docs.jquery.com/Ajax/load#urldatacallback

Load HTML from a remote file and inject it into the DOM.

Robi dokładnie to co chciałeś

Dodatkowo onSuccess (a dokładniej "success" - literówkę miałeś) powinien być callbackiem do funkcji a ty podałeś mu kawałek kodu , który robi to samo co przed chwilą się wykonało

[deha21]

Dodatkowo onSuccess (a dokładniej "success" - literówkę miałeś) powinien być callbackiem do funkcji a ty podałeś mu kawałek kodu , który robi to samo co przed chwilą się wykonało

Czyli ma być "success"... dziwne bo czasami widzę success, czasami onsuccess ale zawsze działa mi tak samo :/
Nie rozumiem jak moge podać kod który się już wcześniej wykonał? Chyba, że nie chodzi o load... Ehhh pokiełbasione to

[Fifi209]

Robisz:

[JAVASCRIPT] pobierz, plaintext 
success: function(data) {
$("#twojdiv").html(data);
}
[JAVASCRIPT] pobierz, plaintext 

Czy coś na ten styl. ;]
Przyjąłem, że dane odbierasz w html'u.

Poza tym albo ajax albo load

Ten post edytował fifi209 5.01.2010, 06:11:59

[deha21]

To teraz już nic nie rozumiem Robiąc sposobem fifi209 div się nie ładuje strony tylko pokazuje adres tego czego ma załadować. To za sprawą html().
Zatem jak zrobić żeby po kliknięciu div #pic przeładował się jeszcze raz (lub załadował stronę ze skryptem)?

EDIT: Dodam, że skrypt który zamieściłem w pierwszym poście działa na innej podstronie. Z tym, że tam nie jest przesyłana zmienna:

[JAVASCRIPT] pobierz, plaintext 
onsuccess:$("#pic").load("showpics.php")
[JAVASCRIPT] pobierz, plaintext 

Ten post edytował deha21 5.01.2010, 11:21:26

[wookieb]

Co to u ciebie move.php a showpics.php?
Wystaw to publicznie to łatwiej będzie Ci pomóc.

[deha21]

move.php to skrypt który przenosi zdjęcia o pozcyję wyżej (w bazie mysql)
showpics.php to wyświetlanie zdjęć z bazy

showpics.php:

[PHP] pobierz, plaintext 
	$result=mysql_query("SELECT * FROM zdjecia WHERE auto='$id' ORDER BY position DESC");
	while($row=mysql_fetch_array($result)) {
 
		echo "<div class='pic'><img src='../gallery/".$id."/thumb_".$row['file']."'>
		<a href='#' class='delete' id='".$row['id']."' rel='".$row['file']."'><img src='del.png' alt='Usuń' title='Usuń'></a>
		<a href='#' id='".$row['id']."' class='move' name='up' title='Przenieś wyżej'><img src='up.png' alt='góra'></a>
		<a href='#' id='".$row['id']."' class='move' name='down' title='Przenieś niżej'><img src='down.png' alt='dół'></a>
		</div>";
	}
[PHP] pobierz, plaintext 

move.php:

[PHP] pobierz, plaintext 
if(isset($_GET['move'], $_GET['pic']) && in_array($_GET['move'], array('up', 'down'))){
    $sign = $_GET['move'] == 'up' ? '>' : '<';
    $sort = $_GET['move'] == 'up' ? 'ASC' : 'DESC';
 
    $id = (int) $_GET['pic'];
 
    $r = mysql_fetch_object(mysql_query('SELECT position FROM zdjecia WHERE id = '.$id));
    $cPos = $r->position;
 
    $s = mysql_fetch_object(mysql_query('SELECT id, position FROM zdjecia WHERE position ' . $sign . $cPos . ' AND auto="'.$_GET['id'].'" ORDER BY position ' . $sort . ' LIMIT 1;'));
 
    if(!is_object($s)){
        echo '<span style="color: #37bbeb;";>Pierwszego elementu nie wolno przenosić w góre, a ostatniego w dół.</span><br><br>';
    }
 
    mysql_query(sprintf('UPDATE zdjecia SET position = %s WHERE id = %s;', $s->position, $id));
    mysql_query(sprintf('UPDATE zdjecia SET position = %s WHERE id = %s;', $cPos, $s->id));
	}	
[PHP] pobierz, plaintext 

One oczywiście działają poprawnie. Przy linkach .move dodałem a href="#" i strona nie przeładowuje się już ale...tylko raz można wykonać przeniesienie zdjęcia. Potem tak jakby nic się nie działo przy kliknięciu.

[wookieb]

Nie wiem czy będzie na 100% dobrze ale cóż..

[JAVASCRIPT] pobierz, plaintext 
 
// zdefiniuj gdzies aby byla zmienna globalna
var imageId = false;
 
$(".move").click(function(){
	var id = $("#id").val();
	var pic = $(this).attr("id");
	imageId = id;
	var move = $(this).attr("name");
		$.ajax({
		type: "GET",
		url: "move.php",
		data: {id: id, pic: pic, move: move},
		onsuccess: function()
		{
			$("#pic").load("showpics.php?id="+imageId)
		}
	});
});
 
// jednakze preferuje zrobic to w jednej akcji gdzie przesuniesz zdjecie oraz zaladuje to co chcesz
//a wtedy
 
$(".move").click(function(){
	var id = $("#id").val();
	var pic = $(this).attr("id");
	imageId = id;
	var move = $(this).attr("name");
		$.ajax({
		type: "GET",
		url: "move_and_showpics.php",
		data: {id: id, pic: pic, move: move},
		onsuccess: function(data)
		{
			$('#pic').html(data);
		}
	});
});
[JAVASCRIPT] pobierz, plaintext 

[deha21]

Niestety sprowadzenie do jednego pliku wydaje się być niewygodne bo move.php jest używany jeszcze do innych rzeczy które nie korzystają z showpics.php. Jednak wydaje mi się, że i to by nie działało.
Teraz prawie działa - klikam, przenosi, przeładowuje. Klikam drugi raz - nic.

[wookieb]

[JAVASCRIPT] pobierz, plaintext 
$('.move').live('click',function()
{
 // chyba wiadomo co..
});
[JAVASCRIPT] pobierz, plaintext 

[deha21]

Alleluja, o to chodziło!
Dzięki!