Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [zlece] box w ajax + przeładowania
DiamondPir
post 31.08.2012, 12:54:06
Post #1





Grupa: Zarejestrowani
Postów: 78
Pomógł: 0
Dołączył: 12.09.2010

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


witajcie, mam mały ajaxowy problem.

chciałbym stworzyć alternatywę iframe:

oto co wyskrobałem: link

Główny div (zielony) ładuje do siebie ajaxem plik ajaxtab2.php (czerwony div)
w tym czerwonym divie chcę mieć link który w miejsce pliku ajaxtab2.php ładuje plik ajaxtab3.php
Chcę osiągnąć taki efekt że w każdym załadowanym boxie mam linki do innych boxów i po kliknięciu one mi się przeładowują w ajaxie...
rozumiecie co chcę osiągnąć... po prostu w miejsce czerwonej tabelki ma się załadować niebieska tabelka bez przeładowania strony

kod głównego pliku ajaxtab.php
  1. <script src="/jquery/jquery-1.3.2.min.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4. (function update(obj){
  5. $.get($('.get').eq(obj).attr('data'), function(data) {
  6. $('.get').eq(obj).html(data);
  7. obj++;
  8. if($('.get').eq(obj).html() !== null){update(obj);}
  9. });
  10. })(0);
  11. });
  12. </script>
  13.  
  14. <div class='get' data='ajaxtab2.php' style='width:300px;height:300px;padding:20px;background:green;'>Loading</div>



kod pliku ajaxtab2.php (czerwona tabelka)
  1. <div style='width:200px;height:200px;padding:20px;background:red;'>
  2. zaladowany drugi div z linkiem:
  3. <a href='ajaxtab3.php'>trzeci div</a>
  4. </div>



kod pliku ajaxtab3.php (niebieska tabelka)
  1. <div style='width:200px;height:200px;padding:20px;background:blue;'>
  2. zaladowany trzeci div z linkiem:
  3. <a href='ajaxtab2.php'>drugi div</a>
  4. </div>



Z osobą która zdoła mi pomóc mogę nawiązać dalszą współpracę. Potrzebuję osób które będę odpłatnie tworzyć dla mnie ajaxowe dodatki i efekty.
Oferty proszę składać na GG: 23914619
Pozdrawiam
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 21.06.2025 - 11:43