Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [jQuery] Zakładki, ładowanie zewnętrznej strony do div`a
jakal
post
Post #1





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 11.01.2004
Skąd: Lublin

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

Witam,
Mam problem z ładowaniem zewnętrznych stron do diva.

Sposób który działa:

[HTML] pobierz, plaintext 
  1. <script type="text/javascript">
  2.  $(document).ready(function(){
  3.     $('ul#test li a').click(function(){
  4.  
  5. 		var classname = $(this).attr("class");
  6.  
  7. 	    $('#content').load(classname);
  8.  
  9. 		return false;
  10.     });
  11.  });
  12.  
  13. </script>
  14.  
  15.  
  16. <ul id="test">
  17.     <li><a class="1.html" href="#">pierwsza</a></li>
  18.     <li><a class="2.html" href="#">druga</a></li>
  19. </ul>
  20.  
  21. <div id="content"></div>
[HTML] pobierz, plaintext


Jednak nie mogę używać linków w postaci 1.html, ponieważ mam ustawione przyjazne url`e jak: http://jaktosierobi.tv/jak-pozbyc-sie-malinki/ czy http://jaktosierobi.tv/jak-calowac-technika-angeliny-jolie/

Taki kod niestety nie działa:

[HTML] pobierz, plaintext 
  1. <ul id="test">
  2.     <li><a class="http://jaktosierobi.tv/jak-pozbyc-sie-malinki/" href="#">pierwsza</a></li>
  3.     <li><a class="http://jaktosierobi.tv/jak-calowac-technika-angeliny-jolie/" href="#">druga</a></li>
  4. </ul>
[HTML] pobierz, plaintext


Jak to zrobić poprawnie?
Go to the top of the page
+Quote Post
Cezar708
post
Post #2





Grupa: Zarejestrowani
Postów: 1 116
Pomógł: 119
Dołączył: 10.05.2005
Skąd: Poznań

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

są dwa wyjścia:

1. ŁATWE:
zastosowanie IFRAME HTML TAG czyli mniej więcej:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  4.   <link rel="stylesheet" href="http://dev.jquery.com/view/tags/ui/latest/themes/flora/flora.all.css" type="text/css" media="screen" title="Flora (Default)">
  5.   <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
  6.   <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.tabs.js"></script>
  7.   <script>
  8.   $(document).ready(function(){
  9.     $("#example > ul").tabs();
  10.   });
  11.   </script>
  12. </head>
  13. <body>
  14.         <div id="example" class="flora">
  15.             <ul>
  16.                 <li><a href="#fragment-1"><span>Jak robić malinki ;)</span></a></li>
  17.                 <li><a href="#fragment-2"><span>Jak się całować ;)</span></a></li>
  18.             </ul>
  19.             <div id="fragment-1">
  20.                <iframe src="http://jaktosierobi.tv/jak-pozbyc-sie-malinki/" />
  21.             </div>
  22.             <div id="fragment-2">
  23.                <iframe src="http://jaktosierobi.tv/jak-calowac-technika-angeliny-jolie/" />
  24.             </div>
  25.         </div>
  26. </body>
  27. </html>
[HTML] pobierz, plaintext


2. trochę trudniejszy
Zastosowanie CURL... oczywiście tego już nie będę tłumaczył.. bo zajęłoby to trochę czasu

Pozdrawiam
Cezar708
Go to the top of the page
+Quote Post
jakal
post
Post #3





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 11.01.2004
Skąd: Lublin

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

Cytat(Cezar708 @ 16.11.2008, 17:50:59 ) *
2. trochę trudniejszy
Zastosowanie CURL... oczywiście tego już nie będę tłumaczył.. bo zajęłoby to trochę czasu


Może jakiś link do kursu? Albo jeszcze lepiej do działającego przykładu?
Go to the top of the page
+Quote Post
« Następny starszy · AJAX · 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: 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: 22.08.2025 - 22:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn