Forum PHP.pl > [jQuery] Zakładki

Pomoc - Szukaj - Użytkownicy - Kalendarz

jakal

16.11.2008, 14:40:12

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

Sposób który działa:

[HTML] pobierz, plaintext 
<script type="text/javascript">
 $(document).ready(function(){
    $('ul#test li a').click(function(){
 
		var classname = $(this).attr("class");
 
	    $('#content').load(classname);
 
		return false;
    });
 });
 
</script>
 
 
<ul id="test">
    <li><a class="1.html" href="#">pierwsza</a></li>
    <li><a class="2.html" href="#">druga</a></li>
</ul>
 
<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 
<ul id="test">
    <li><a class="http://jaktosierobi.tv/jak-pozbyc-sie-malinki/" href="#">pierwsza</a></li>
    <li><a class="http://jaktosierobi.tv/jak-calowac-technika-angeliny-jolie/" href="#">druga</a></li>
</ul>
[HTML] pobierz, plaintext

Jak to zrobić poprawnie?

Cezar708

16.11.2008, 15:50:59

są dwa wyjścia:

1. ŁATWE:
zastosowanie IFRAME HTML TAG czyli mniej więcej:

[HTML] pobierz, plaintext 
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <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)">
  <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.core.js"></script>
  <script type="text/javascript" src="http://dev.jquery.com/view/tags/ui/latest/ui/ui.tabs.js"></script>
  <script>
  $(document).ready(function(){
    $("#example > ul").tabs();
  });
  </script>
</head>
<body>
        <div id="example" class="flora">
            <ul>
                <li><a href="#fragment-1"><span>Jak robić malinki ;)</span></a></li>
                <li><a href="#fragment-2"><span>Jak się całować ;)</span></a></li>
            </ul>
            <div id="fragment-1">
               <iframe src="http://jaktosierobi.tv/jak-pozbyc-sie-malinki/" />
            </div>
            <div id="fragment-2">
               <iframe src="http://jaktosierobi.tv/jak-calowac-technika-angeliny-jolie/" />
            </div>
        </div>
</body>
</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

jakal

16.11.2008, 16:03:33

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?

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.