Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [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?


--------------------
8cells.com - tworzenie stron www
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 2)
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?


--------------------
8cells.com - tworzenie stron www
Go to the top of the page
+Quote Post
« Następny starszy · AJAX · 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: 22.08.2025 - 07:38
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn