Forum PHP.pl > [PHP][AJAX][JavaScript] Zamiana znacznika span na atrybut href

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][AJAX][JavaScript] Zamiana znacznika span na atrybut href

slawekxx

23.07.2011, 14:16:51

Nie mogę sobie poradzić z takim małym skryptem

[PHP] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>http://www.usingjQuery.com</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
<script type="text/javascript">
	$(document).ready(function(){
		$('.ajaxlink').click(function(){
			$('.ajaxloader').fadeIn();
			$('.loader').hide().load('ajaxpage.php', function() {
				$('.ajaxloader').hide();
				$(this).fadeIn();				
			});
		});
	});
</script>
 
<style>
	body{
		color: #333;
		font-family:Arial, Helvetica, sans-serif;
		padding: 15px;
	}
 
	.ajaxlink{
		cursor: pointer;
	}
</style>
 
</head>
<body>
 
 //  <span class="ajaxlink">Click me</span> to chciałbym zmienić na 
// <a href="' class="ajaxlink">Click me</a> a wtedy nie działa skrypt ładujący dane z pliku php
   <div class="ajaxloader" style="display: none;"><img src="ajax-loader.gif" alt="loading" /></div>
	<div class="loader"></div>	
</body>
</html>
[PHP] pobierz, plaintext

co mam poprawić w kodzie , aby to działało ?

lobopol

23.07.2011, 14:50:51

[HTML] pobierz, plaintext 
$('.ajaxlink').click(function(e){
e.preventDefault();
$('.ajaxloader').fadeIn();
$('.loader').hide().load('ajaxpage.php', function() {
$('.ajaxloader').hide();
$(this).fadeIn();
});
});
 
<a href="#" class="ajaxlink">Click me</a>
[HTML] pobierz, plaintext

slawekxx

23.07.2011, 18:29:53

ok działa , ale teraz mam następny problem mam skrypt do paginacji

[PHP] pobierz, plaintext 
$con;
$per_page=10;
if(!isset($_GET['page']))
{
$page=1;
}
else
{
$page=$_GET['page'];
}
if($page<=1)
$start=0;
else
$start=$page*$per_page-$per_page;
 
$sql="SELECT * FROM wp_my_plugin ";
 
$num_rows=mysql_num_rows(mysql_query($sql));
$num_page=ceil($num_rows/$per_page);
$sql.="LIMIT $start,$per_page";
$result=mysql_query($sql);
While($row=mysql_fetch_array($result))
{
echo '<a class="gals-box"><img src="'. $row['image'] . '" width="90" height="56"/ >';"<br>";
}
$prev=$page-1;
$next=$page+1;
if($prev>0)
 
echo " <a href='?page=$prev' class='paging-left'><span class='ajaxlink'>prev</span></a> ";
$number=1;
for($number;$number<=$num_page;$number+=1)
{
if($page==$number){
echo"$number";
} else{
echo " <a href='?page=$number' >
      |
 
    $number</a> ";
	}
}
if($page<ceil($num_rows/$per_page))
echo " <a href='?page=$next'  class='paging-right'><span class='ajaxlink'>next</span></a> ";
?>
[PHP] pobierz, plaintext

tutaj wszystko działa , tylko że ten skrypt

[HTML] pobierz, plaintext 
$('.ajaxlink').click(function(e){
e.preventDefault();
$('.ajaxloader').fadeIn();
$('.loader').hide().load('ajaxpage.php', function() {
$('.ajaxloader').hide();
$(this).fadeIn();
});
});
 
<a href="#" class="ajaxlink">Click me</a>
[HTML] pobierz, plaintext

blokuje mi paginację

lobopol

23.07.2011, 18:47:44

Wywal te spany z klasą 'ajaxlink' albo zmień im klasę albo zmień $('.ajaxlink').click(function(e){ na $('a.ajaxlink').click(function(e){

slawekxx

23.07.2011, 19:20:56

z tym sobie poradziłem, teraz nie wiem jak mam osiągnąć taki efekt klikam w prev 1 2 3 next pokazuje loader i po chwili wczytują się dane z bazy

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.