Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [ajax] Jak zrobic aby po kliknieciu w link pod spodem pojawila sie tresc danego div-a lub strony html, wiem banal, ale nie moge dojsc :)
jaskooo
post
Post #1





Grupa: Zarejestrowani
Postów: 28
Pomógł: 0
Dołączył: 24.04.2004
Skąd: Warszawa

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

Witam wszystkich.
Czarna dziura.

Sprawa wygląda tak:

Chciałbym aby po kliknięciu w link pod spodem wyświetlała sie zawartość odpowiedniego do linka DIV-a lub strony HTML, bez przeładowywania strony.

Wiem, ze to jest podstawa Ajax-a i mógłbym przekopiować gotowy skrypt, ale chciałbym sie nauczyć jak to działa.


Strona wyglada nastepujaco:

galeria.php

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  4. <head>
  5. 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. 	<link rel="stylesheet" type="text/css" href="style.css" />
  7. 	<title>Galeria</title>
  8.  
  9.  
  10. </head>
  11. <body>
  12. <div id="main">
  13.  
  14. <div>
  15. 	<li><a href="pierwsza.php">Pierwsza</a></li>
  16.  	<li>href="drugie.php">Druga</a></li>
  17. </div>
  18.  
  19.  
  20.  
  21. </div>
  22.  
  23. </body>
  24. </html>
[HTML] pobierz, plaintext



pierwsza.php
[HTML] pobierz, plaintext 
  1. <html>
  2.  
  3. <head></head>
  4.  
  5. <body>
  6. <?php
  7.  
  8. $dir_arr = scandir('pierwsza/');
  9. array_shift($dir_arr);
  10. array_shift($dir_arr);
  11. array_shift($dir_arr);
  12. foreach($dir_arr as $file)
  13.     {
  14.  
  15.  		echo "<a href=\"\" onclick=\"window.open('zdjecia/$file', '$file','menubar=no, toolbar=no, location=no, scrollbars=no, resizable=no, status=no')\"><img style='width: 100px;' src=\"zdjecia/$file\"></img></a>";
  16.  
  17.  
  18.  }	
  19.  
  20.  
  21.  
  22.  
  23. ?>
  24. </body>
  25. </html>
[HTML] pobierz, plaintext


druga.php
[HTML] pobierz, plaintext 
  1. <?php
  2.  
  3. $dir_arr = scandir('druga/');
  4. array_shift($dir_arr);
  5. array_shift($dir_arr);
  6. array_shift($dir_arr);
  7. foreach($dir_arr as $file)
  8.     {
  9.  
  10.  		echo "<a href=\"\" onclick=\"window.open('zdjecia/$file', '$file','menubar=no, toolbar=no, location=no, scrollbars=no, resizable=no, status=no, width=".$szer.", height=".$wys."')\"><img style='width: 100px;' src=\"zdjecia/$file\"></img></a>\n";
  11.  
  12.  }	
  13.  
  14.  
  15.  
  16.  
  17. ?>
[HTML] pobierz, plaintext




Proszę o pomoc (IMG:http://forum.php.pl/style_emoticons/default/exclamation.gif) !!


Z gory dziekuje (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Kamson
post
Post #2





Grupa: Zarejestrowani
Postów: 57
Pomógł: 3
Dołączył: 23.10.2006
Skąd: Warszawa

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

gdzie pliki z galeriami to galeria1,galeria2 ....galeria%i ... 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
  3. <head>
  4. 	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. 	<link rel="stylesheet" type="text/css" href="style.css" />
  6.  
  7. 	<script type="text/javascript" src="advajax.js"></script>
  8. 	<script type="text/javascript" language="javascript">
  9. 	// <![CDATA[
  10.  
  11. 		function openGalery(nr) {
  12.  
  13. 			  advAJAX.get({
  14.  
  15. 				url: "galeria"+nr+".php",
  16. 				tag: "galery_div",
  17. 				timeout: 9000,
  18.  
  19. 				onTimeout : function(){
  20. 					alert('Uplynal czas zadania, spróbuj ponownie!');
  21. 				},
  22.  
  23. 				onLoading : function(obj) { 
  24. 					document.getElementById("galery_div").innerHTML = "Ładuję....";
  25. 				},
  26.  
  27. 				onSuccess : function(obj) {					
  28. 					document.getElementById("galery_div").innerHTML = obj.responseText;						  		  			  
  29. 				},
  30.  
  31. 				onError : function(obj) {
  32. 					alert('Wystąpił błąd!')
  33. 				}
  34.  
  35. 			  });		
  36. 		}
  37.  
  38. 	// ]]>
  39. 	</script>
  40. 	<title>Galeria</title>
  41. </head>
  42. <body>
  43. <div id="main">
  44.   <ul>
  45. 		<li><a href="java script:openGalery('1')">Pierwsza</a></li>
  46. 		<li><a href="java script:openGalery('2')">Druga</a></li>
  47.   </ul>
  48.   <div id="galery_div"></div>
  49. </div>
  50. </body>
  51. </html>
[HTML] pobierz, plaintext


Ten post edytował Kamson 23.06.2007, 12:22:19
Go to the top of the page
+Quote Post

Posty w temacie
- jaskooo   [ajax] Jak zrobic aby po kliknieciu w link pod spodem pojawila sie tresc danego div-a lub strony html   23.06.2007, 08:08:27
- - nexis   advAJAX   23.06.2007, 08:59:37
- - jaskooo   Wiem, mam. Poprostu nie mam pomyslu jak to wykona...   23.06.2007, 11:19:12
- - abc667   wywołujesz ajaxa z urlem swoim np drugie.php, usta...   23.06.2007, 11:57:28
- - jaskooo   Strasznie sie czuje zarzenowany, ale nie moge tego...   23.06.2007, 12:05:59
- - abc667   [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC...   23.06.2007, 12:16:17
- - Kamson   gdzie pliki z galeriami to galeria1,galeria2 ....g...   23.06.2007, 12:21:30
- - jaskooo   Chlopaki tak jak mowilem - to proste tylko kopa tr...   23.06.2007, 12:46:53

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

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