Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [AJAX][JavaScript]reload container... zmiana tresci bez przeladowania
Johnas
post
Post #1





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

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


napisalem taki kod ale nie dziala mi... Chce osiagnac cos jak youtube....

[JAVASCRIPT] pobierz, plaintext
  1. $(".ajax").click(function() {
  2. var href = $(this).attr('href');
  3. $.get(href, function( data ) {
  4. console.log(data);
  5. var tresc = $( ".container" ).html( data );
  6.  
  7. console.log(tresc);
  8. return false;
  9. });
  10. });
[JAVASCRIPT] pobierz, plaintext


co robie nie tak.... czekam commander na Twoje zdanie i na podpowiedz jak to zrobic bez jQuery (IMG:style_emoticons/default/biggrin.gif) Twoj temat (IMG:style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
markonix
post
Post #2





Grupa: Zarejestrowani
Postów: 2 707
Pomógł: 290
Dołączył: 16.12.2008
Skąd: Śląsk

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


Możesz konkretniej, co ma ten skrypt robić i na czym się wysypuje?

Ajax z jQuery jest o wiele bardziej przystępny i rozwiązuje kwestie kompatybilności, nie ma sensu tego pisać bez JS'owego FW.
Go to the top of the page
+Quote Post
Comandeer
post
Post #3





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


Nadziałeś się na asynchroniczność - return false wykona się dopiero po tym jak żądanie się wykona, czyli wieki po tym jak klik zostanie obsłużony. Przenieś to "poziom wyżej", bezpośrednio do click

Osobiście wychodzę z założenia, że zmiana głównej treści = zmiana adresu. Stąd poleciłbym https://github.com/defunkt/jquery-pjax

Co do wersji bez jQuery: można pokombinować z elem.addEventListener i Fetch API (IMG:style_emoticons/default/wink.gif)
Go to the top of the page
+Quote Post
Johnas
post
Post #4





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

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


a jak z data w którym jest cały kod html wyciągnąć to co jest w samym <div class="container">
Go to the top of the page
+Quote Post
Comandeer
post
Post #5





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


https://github.com/defunkt/jquery-pjax#pjax-options → fragment

W "czystym" jQuery: http://api.jquery.com/load/#loading-page-fragments
Go to the top of the page
+Quote Post
Johnas
post
Post #6





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

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


w ten sposób też mi nie działa... wyrzuca mi tam dziwne smieci...
[JAVASCRIPT] pobierz, plaintext
  1. $(".ajax").click(function() {
  2. var href = $(this).attr('href');
  3. console.log("ajax");
  4. $( "#container" ).html(" ");
  5. $( "#container" ).load( href+" #container" );
  6. return false;
  7. });
[JAVASCRIPT] pobierz, plaintext
Go to the top of the page
+Quote Post
Comandeer
post
Post #7





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


Możesz sprecyzować co to za "śmieci"?
Go to the top of the page
+Quote Post
Johnas
post
Post #8





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

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


chcę zrobić stronę bez przeładowywania, czyli aby ładowało w get tresć strony i nadpisywało container (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Comandeer
post
Post #9





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

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


No to zajrzyj do tego pjaxa, bo będzie najszybciej.
Go to the top of the page
+Quote Post
Johnas
post
Post #10





Grupa: Zarejestrowani
Postów: 650
Pomógł: 16
Dołączył: 5.07.2010
Skąd: Ściśle Tajne

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


Nie wiem, ale coś mi nie działa... mógłbyś zerknąć co robię nie tak? Mam taki kod:

[SMARTY] pobierz, plaintext
  1. <script src="js/pages.js"></script>
  2.  
  3. <script src="js/jquery.pjax.js"></script>
  4. <script type="text/javascript">
  5. $(function(){
  6. // pjax
  7. $("#main").pjax('a', '#main')
  8. })
  9. </script>
[SMARTY] pobierz, plaintext


http://www.net4um.net
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 23.08.2025 - 18:00