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:

  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.  
  14.  
  15. <ul id="test">
  16. <li><a class="1.html" href="#">pierwsza</a></li>
  17. <li><a class="2.html" href="#">druga</a></li>
  18. </ul>
  19.  
  20. <div id="content"></div>


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:

  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>


Jak to zrobić poprawnie?
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
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:
  1. <script src="http://code.jquery.com/jquery-latest.js"></script>
  2. <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)">
  3. <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
  4. <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.tabs.js"></script>
  5. $(document).ready(function(){
  6. $("#example > ul").tabs();
  7. });
  8. </script>
  9. </head>
  10. <div id="example" class="flora">
  11. <ul>
  12. <li><a href="#fragment-1"><span>Jak robić malinki ;)</span></a></li>
  13. <li><a href="#fragment-2"><span>Jak się całować ;)</span></a></li>
  14. </ul>
  15. <div id="fragment-1">
  16. <iframe src="http://jaktosierobi.tv/jak-pozbyc-sie-malinki/" />
  17. </div>
  18. <div id="fragment-2">
  19. <iframe src="http://jaktosierobi.tv/jak-calowac-technika-angeliny-jolie/" />
  20. </div>
  21. </div>
  22. </body>
  23. </html>


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

Posty w temacie
- jakal   [jQuery] Zakładki   16.11.2008, 14:40:12
- - Cezar708   są dwa wyjścia: 1. ŁATWE: zastosowanie IFRAME HTM...   16.11.2008, 15:50:59
- - jakal   Cytat(Cezar708 @ 16.11.2008, 17:50:59...   16.11.2008, 16:03:33


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: 28.12.2025 - 05:42