[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 (IMG:style_emoticons/default/smile.gif)

[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 (IMG:style_emoticons/default/smile.gif)

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 (IMG:style_emoticons/default/winksmiley.jpg)

[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 (IMG:style_emoticons/default/smile.gif)

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

[deha21]

To teraz już nic nie rozumiem (IMG:style_emoticons/default/winksmiley.jpg) 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! (IMG:style_emoticons/default/winksmiley.jpg)
Dzięki!