Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> prośba a kawałek AJAXa...
wolguy
post
Post #1





Grupa: Zarejestrowani
Postów: 219
Pomógł: 10
Dołączył: 9.01.2005

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

Witam,
wiem że forum jest do pomagania a nie do pisania gotowców ale nie mogłem się powstrzymać... Moją prośbę kieruję raczej do zaawansowanych webmasterów.
Otóz, jak można podany przeze mnie kod "zmienić", aby wykorzystywał AJAXa - zmieniać jedynie zawartość komórki, w której znajduje się funkcja include.

[PHP] pobierz, plaintext 
  1. <html>
  2.  
  3. <body>
  4.  
  5. <table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
  6.   <tr>
  7. 	<td width="25%"><a href="?p=1">Home</a><br>
  8. 	<a href="?p=2">Linki</a><br>
  9. 	<a href="?p=3">Kontakt</a></td>
  10. 	<td width="75%"><?php include("{$_GET['p']}.html"); ?></td>
  11.   </tr>
  12. </table>
  13.  
  14. </body>
  15.  
  16. </html>
[PHP] pobierz, plaintext



Proszę o pomoc. smile.gif
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 7)
mike
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

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

Zerknij tutaj: advancedAJAX :: przykłady
Są tam kody źródłowe, więc powienienś się połapać.
A biblioteka też jest bardzo prosta więc nie powinno być problemu.
Go to the top of the page
+Quote Post
hwao
post
Post #3


Developer


Grupa: Moderatorzy
Postów: 2 844
Pomógł: 20
Dołączył: 25.11.2003
Skąd: Olkusz




 
[HTML] pobierz, plaintext 
  1. <td id="ajax" width="75%"><?php include("{$_GET['p']}.html"); ?></td>
[HTML] pobierz, plaintext


i robisz odpowiednie ajaxowe linki
Go to the top of the page
+Quote Post
wolguy
post
Post #4





Grupa: Zarejestrowani
Postów: 219
Pomógł: 10
Dołączył: 9.01.2005

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

hwao, a byłbyś łaskaw dokończyć swój post? jak na razie AJAX to dla mnie czarna magia, a jestem pewnien, że mając jakieś podstawy w postaci przykładowego kodu powoli nauczyłbym się tego...
Go to the top of the page
+Quote Post
hwao
post
Post #5


Developer


Grupa: Moderatorzy
Postów: 2 844
Pomógł: 20
Dołączył: 25.11.2003
Skąd: Olkusz
jak juz masz jakies ID (jednak polecal bym tam dac diva z id jakims smile.gif -td tez dobre aczkolwiek stabilniej bedzie z divem smile.gif )

Jak masz id to caly myk polega na tym ze bedzie ladowane do niego taj jakbys wklepal kod zrodlowy) do tego id (cialo tego atrybutu zamieni sie na to co bedzie przeslane do ajax'a smile.gif ).

Teraz zacznie sie problemik winksmiley.jpg mianowicie, sam nie kozystalem z naprawde wspaniale napisanegoadvAJAX gdyz musial bym kupic licesje smile.gif dlatego napisalem swoje, lecz to nie jest na tyle stabilne zeby pokazac tu na tym... Wiec musisz skozystac z advAjax'a (zalecam) badz tez jezeli czujesz sie na silach napisac cos swojego (ew, uzyc innego gotowca)
  • http://pl.wikipedia.org/wiki/AJAX
  • http://developer.mozilla.org/pl/docs/AJAX:Na_pocz%C4%85tek -jak to dziala od strony technicznej
nie moge Ci bardziej pomoc smile.gif

No i potem calosc polega na tym ze klikasz pewien link zostaje wlaczona odpowiednia funkcja w javascripcie co powoduje wyslanie rzadania do serwera odebranie danych (asynchronicznie, badz tez nie smile.gif ) i wladowanie ich w podane id (czesto jest tak ze w linku podaje sie do jakiego id ma ladowac dane).
Go to the top of the page
+Quote Post
LBO
post
Post #6





Grupa: Zarejestrowani
Postów: 1 415
Pomógł: 117
Dołączył: 7.09.2005
Skąd: Warszawa

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

czyli... tworzysz funkcje w javascripcie(podpinasz ja do np linkow, chociaz do triggerow zdarzen tez mozesz).. ktora przy pomocy odpowiedniego obiektu pobiera dane ze skryptu php (w skrypcie php musisz zadbac zeby dane byly juz sformatowane), BEZ PRZELADOWANIA STRONY, kiedy pobierzesz te dane, musisz zadbac by je wyswietlic - do tego sa takze standardowe techniki...
Go to the top of the page
+Quote Post
Jotun
post
Post #7





Grupa: Zarejestrowani
Postów: 1
Pomógł: 1
Dołączył: 30.12.2005
Skąd: Ryki

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

Kawałek AJAX'a:
Kod
<html>
<head>
<title>Przyklad</title>
<script language="javascript" src="advajax.js"></script>
<script language="javascript" type="text/javascript">
<!--
function zmienKategorie(plik) {
    advAJAX.get({
  url : "http://localhost/strona/" + plik,
  onLoading : function(obj) {
     document.getElementById('zawartosc').innerHTML = "Loading...";
  },
  onSuccess : function(obj) {
     document.getElementById('zawartosc').innerHTML = obj.responseText;
  },
  onError : function(obj) {
     document.getElementById('zawartosc').innerHTML = "Error: " + obj.status;
  }
    })
}
-->
</script>
</head>
<body>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
  <tr>
    <td width="25%"><a onClick="zmienKategorie('home.html')" href="#">Home</a><br>
    <a onClick="zmienKategorie('linki.html')" href="#">Linki</a><br>
    <a onClick="zmienKategorie('kontakt.html')" href="#">Kontakt</a></td>
    <td width="75%" id="zawartosc">&nbsp;</td>
  </tr>
</table>

</body>

</html>


Prosty przykład wykorzystujący bibliotekę advAJAX...
Have fun! smile.gif


--------------------
Pozdrawiam,
Jotun aka pRzemo
Go to the top of the page
+Quote Post
wolguy
post
Post #8





Grupa: Zarejestrowani
Postów: 219
Pomógł: 10
Dołączył: 9.01.2005

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

Dzięki Jotun, pięknie to śmiga.

A wcześniej uzyskałem taki efekt z iframe ze skryptem, który automatycznie dostosowywał wysokość ramki do długości ładowanego dokumentu... - prawie jak AJAX tongue.gif
Go to the top of the page
+Quote Post
« Następny starszy · PHP · 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: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

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

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