Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [PHP][AJAX][JavaScript] Zamiana znacznika span na atrybut href
slawekxx
post
Post #1





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

Ostrzeżenie: (0%)
-----

Nie mogę sobie poradzić z takim małym skryptem 
[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>http://www.usingjQuery.com</title>
  6. <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  7.  
  8. <script type="text/javascript">
  9. 	$(document).ready(function(){
  10. 		$('.ajaxlink').click(function(){
  11. 			$('.ajaxloader').fadeIn();
  12. 			$('.loader').hide().load('ajaxpage.php', function() {
  13. 				$('.ajaxloader').hide();
  14. 				$(this).fadeIn();				
  15. 			});
  16. 		});
  17. 	});
  18. </script>
  19.  
  20. <style>
  21. 	body{
  22. 		color: #333;
  23. 		font-family:Arial, Helvetica, sans-serif;
  24. 		padding: 15px;
  25. 	}
  26.  
  27. 	.ajaxlink{
  28. 		cursor: pointer;
  29. 	}
  30. </style>
  31.  
  32. </head>
  33. <body>
  34.  
  35.  //  <span class="ajaxlink">Click me</span> to chciałbym zmienić na 
  36. // <a href="' class="ajaxlink">Click me</a> a wtedy nie działa skrypt ładujący dane z pliku php
  37.    <div class="ajaxloader" style="display: none;"><img src="ajax-loader.gif" alt="loading" /></div>
  38. 	<div class="loader"></div>	
  39. </body>
  40. </html>
[PHP] pobierz, plaintext


co mam poprawić w kodzie , aby to działało ?
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
----- 

[HTML] pobierz, plaintext 
  1. $('.ajaxlink').click(function(e){
  2. e.preventDefault();
  3. $('.ajaxloader').fadeIn();
  4. $('.loader').hide().load('ajaxpage.php', function() {
  5. $('.ajaxloader').hide();
  6. $(this).fadeIn();
  7. });
  8. });
  9.  
  10. <a href="#" class="ajaxlink">Click me</a>
[HTML] pobierz, plaintext


--------------------
pehap.pl - moje portfolio
Go to the top of the page
+Quote Post
slawekxx
post
Post #3





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

Ostrzeżenie: (0%)
-----

ok działa , ale teraz mam następny problem mam skrypt do paginacji 
[PHP] pobierz, plaintext 
  1. $con;
  2. $per_page=10;
  3. if(!isset($_GET['page']))
  4. {
  5. $page=1;
  6. }
  7. else
  8. {
  9. $page=$_GET['page'];
  10. }
  11. if($page<=1)
  12. $start=0;
  13. else
  14. $start=$page*$per_page-$per_page;
  15.  
  16. $sql="SELECT * FROM wp_my_plugin ";
  17.  
  18. $num_rows=mysql_num_rows(mysql_query($sql));
  19. $num_page=ceil($num_rows/$per_page);
  20. $sql.="LIMIT $start,$per_page";
  21. $result=mysql_query($sql);
  22. While($row=mysql_fetch_array($result))
  23. {
  24. echo '<a class="gals-box"><img src="'. $row['image'] . '" width="90" height="56"/ >';"<br>";
  25. }
  26. $prev=$page-1;
  27. $next=$page+1;
  28. if($prev>0)
  29.  
  30. echo " <a href='?page=$prev' class='paging-left'><span class='ajaxlink'>prev</span></a> ";
  31. $number=1;
  32. for($number;$number<=$num_page;$number+=1)
  33. {
  34. if($page==$number){
  35. echo"$number";
  36. } else{
  37. echo " <a href='?page=$number' >
  38.       |
  39.  
  40.     $number</a> ";
  41. 	}
  42. }
  43. if($page<ceil($num_rows/$per_page))
  44. echo " <a href='?page=$next'  class='paging-right'><span class='ajaxlink'>next</span></a> ";
  45. ?>
[PHP] pobierz, plaintext


tutaj wszystko działa , tylko że ten skrypt 
[HTML] pobierz, plaintext 
  1. $('.ajaxlink').click(function(e){
  2. e.preventDefault();
  3. $('.ajaxloader').fadeIn();
  4. $('.loader').hide().load('ajaxpage.php', function() {
  5. $('.ajaxloader').hide();
  6. $(this).fadeIn();
  7. });
  8. });
  9.  
  10. <a href="#" class="ajaxlink">Click me</a>
[HTML] pobierz, plaintext
blokuje mi paginację

Ten post edytował slawekxx 23.07.2011, 18:32:28
Go to the top of the page
+Quote Post
lobopol
post
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----

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

Ten post edytował lobopol 23.07.2011, 18:48:33


--------------------
pehap.pl - moje portfolio
Go to the top of the page
+Quote Post
slawekxx
post
Post #5





Grupa: Zarejestrowani
Postów: 189
Pomógł: 2
Dołączył: 28.08.2010

Ostrzeżenie: (0%)
-----

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
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 21.08.2025 - 01:20
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn