Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Doczytywanie strony
northwest
post
Post #1





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----

Witam,
mam taką stronkę:
[HTML] pobierz, plaintext 
  1. <html>
  2.    <head>
  3.       <meta http-equiv=Content-Type content="text/html; charset=ISO-8859-2">
  4.       <meta name="robots" content="index, follow" >
  5.       <meta http-equiv=Pragma content=no-cache >
  6.       <meta http-equiv=Cache-Control content=no-cache >
  7.       <link rel="stylesheet" type="text/css" href="custom.css">
  8.       <script type="text/javascript" src="tabs.js"></script> 
  9.        </head>
  10.        <div id="demo" class="demolayout">
  11. <ul id="demo-nav" class="demolayout">
  12. <li><a href="#tab1">a</a></li>
  13. <li><a href="#tab2">b</a></li>
  14. <li><a href="#tab3">c</a></li>
  15. <li><a href="#tab4">d</a></li>
  16. <li><a href="#tab5">e</a></li>
  17. <li><a href="#tab6">f</a></li>
  18. <li><a href="#tab7">g</a></li>
  19. </ul>
  20. <div class="tabs-container">
  21. <div class="tab" id="tab1">
  22. <? //test.php"
  23. ?>
  24. </div>	
  25. <div class="tab" id="tab2">
  26. blablabla
  27. </div>	
  28. <div class="tab" id="tab3">
  29. <? //includec.php"
  30. ?>
  31. </div>	
  32. <div class="tab" id="tab4">
  33. blablabla
  34. </div>
  35. <div class="tab" id="tab5">
  36. <? //include"a.php";
  37. ?>
  38. </div>
  39. <div class="tab" id="tab6">
  40. <? //include"c.php";
  41. ?>
  42. </div>
  43. <div class="tab" id="tab7">
  44. blablabla
  45. </div>
  46. </div></div>
  47. <script type="text/javascript">
  48. var tabber1 = new Yetii({
  49. id: 'demo'
  50. });
  51. </script>
  52. <?
  53.       if ($_GET[id]=="test"){
  54.       echo"<script>
  55.       tabber1.show(5);
  56.       </script>";
  57.       }          ?>
  58.       <?
[HTML] pobierz, plaintext


i chce teraz zrobić coś takiego, ażeby po kliknięciu na daną zakładkę te podstrony (php) się odczytywały
w locie, a nie tak jak jest teraz że wszystko jest wczytywane od razu... Wiecie może jak to zrobić??

Stronka aktualnie znajduje się tutaj: http://trif.superhost.pl/tabs/

powycinałem zbędny kod, żeby było łatwiej coś zrobić (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)


Z góry dzięki za pomoc,
pozdrawiam Northwest

Ten post edytował northwest 9.01.2008, 12:01:17
Go to the top of the page
+Quote Post
AxZx
post
Post #2





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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

poszukaj tutaj
http://www.google.pl/search?hl=pl&q=jq...+Google&lr=

ten skrypt jest dosyc fajny:
http://stilbuero.de/jquery/tabs_3/

jest tam opcja z AJAX
Go to the top of the page
+Quote Post
northwest
post
Post #3





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----

jest prawie super (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
zrobiłem coś takiego: http://trif.superhost.pl/tabs/
[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html lang="en">
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.         <meta http-equiv="Content-Style-Type" content="text/css">
  6.         <meta http-equiv="Content-Script-Type" content="text/javascript">
  7.         <title>jQuery UI Tabs / Tabs 3</title>
  8.         <link rel="stylesheet" href="ui.tabs.css" type="text/css" media="print, projection, screen">
  9.         <style type="text/css" media="screen, projection">
  10.             /* Not required for Tabs, just to make this demo look better... */
  11.             body, h1, h2 {
  12.                 font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
  13.             }
  14.             h1 {
  15.                 margin: 1em 0 1.5em;
  16.                 font-size: 18px;
  17.             }
  18.             h2 {
  19.                 margin: 2em 0 1.5em;
  20.                 font-size: 16px;
  21.             }
  22.             p {
  23.                 margin: 0;
  24.             }
  25.             pre, pre+p, p+p {
  26.                 margin: 1em 0 0;
  27.             }
  28.             code {
  29.                 font-family: "Courier New", Courier, monospace;
  30.             }
  31.         </style>
  32.  
  33.         <script src="jquery-1.2.1.pack.js" type="text/javascript"></script>
  34.         <script src="ui.tabs.js" type="text/javascript"></script>
  35.        <script type="text/javascript">
  36.             $(function() {
  37.                 $('#container-8 ul').tabs({ cache: false });
  38.                 $('<p><a href="#">Click third tab<\/a><\/p>').prependTo('#fragment-12').find('a').click(function() {
  39.                     $('#container-8 ul').tabsClick(3);
  40.                     return false;
  41.                 });
  42.             });
  43.         </script>
  44.     </head>
  45.     <body>
  46.  
  47.         <h2>Ajax tabs</h2>
  48.  
  49.         <div id="container-8">
  50.  
  51.             <ul>
  52.                 <li><a href="ahah_1.html" title="Tab one"><span>One</span></a></li>
  53.                 <li><a href="ahah_2.html" title="Tab two"><span>Two</span></a></li>
  54.                 <li><a href="ahah_3.html"><span>Three</span></a></li>
  55.             </ul>
  56.             <div id="fragment-12">
  57.  
  58.                 <pre><code>$('#container').tabsClick(3); // simulate click on 3rd tab
  59.                  </code></pre>
  60.  
  61.         </div>
  62.     </body>
  63. </html>
[HTML] pobierz, plaintext

teraz do pełni szczęścia brakuje mi tylko czegoś, to na podstawie np. zmiennej "id"
spowoduje przy wczytywaniu strony od razu zaznaczenie zakładki 3... Wiesz może jak to
zrobić??

Dzięki WIELKIE za pomoc:)

Ten post edytował northwest 9.01.2008, 12:50:11
Go to the top of the page
+Quote Post
AxZx
post
Post #4





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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

moze tak:

Kod
$('#container-8 ul').tabs(3, { cache: false });

ta trojka to numer zakladki ktora ma byc wyswietlona.
ale nie wiem jak zrobic zeby wczytac zakladke po jej ID.

Ten post edytował AxZx 9.01.2008, 13:00:31
Go to the top of the page
+Quote Post
northwest
post
Post #5





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----

tzn inaczej.
chce w php zrobić coś takiego że jak ktoś wpisze np: http://trif.superhost.pl/tabs/index.php?id=3
to po wczytaniu będzie widoczna strona z zaznaczoną zakładką nr 3:) (to co po kliku na nią)
Go to the top of the page
+Quote Post
AxZx
post
Post #6





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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

no to tak jak napisalem

[PHP] pobierz, plaintext 
  1. <?php
  2. echo "$('#container-8 ul').tabs(".intval($_GET['id']).", { cache: false });"
  3. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
northwest
post
Post #7





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----

<?php
echo "$('#container-8 ul').tabs(".intval($_GET['id']).", { cache: false });"
?>

a w którym miejscu to wkleić??(IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post
AxZx
post
Post #8





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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

(IMG:http://forum.php.pl/style_emoticons/default/dry.gif)

w to
Kod
<script type="text/javascript">
            $(function() {
                $('#container-8 ul').tabs({ cache: false });   // <--- tutaj, zamiast tej linii
                $('<p><a href="#">Click third tab<\/a><\/p>').prependTo('#fragment-12').find('a').click(function() {
                    $('#container-8 ul').tabsClick(3);
                    return false;
                });
            });
        </script>
Go to the top of the page
+Quote Post
northwest
post
Post #9





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----

super, działa (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif) dzięki WIELKIE (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) ))


ps. dlaczego jak w tych stronach otwieranych przez zakładki nie działają linki?? :|
dodałem odnośnik: <a href="ahah_1.html">ahah_1.html</a> i zamiast
otworzyć go w tym polu, w którym był poprzednik otwiera mi się nowa strona....:/
formularze (post i get) będą w tym działały normalnie??
Go to the top of the page
+Quote Post
AxZx
post
Post #10





Grupa: Zarejestrowani
Postów: 1 385
Pomógł: 55
Dołączył: 1.03.2005
Skąd: śląsk

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

bo tam po prostu wstawiasz tresc, tzn jakis HTML.
to nie jest zadna ramka.
Go to the top of the page
+Quote Post
northwest
post
Post #11





Grupa: Zarejestrowani
Postów: 788
Pomógł: 1
Dołączył: 17.09.2004

Ostrzeżenie: (10%)
X----

a jak chce zrobić formularze to normalnie trzeba przeładować stronę (czyt. normalny, html'owy formularz się robi,
z normalnym POST/GET'em)(IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

linków w ogóle się nie da zrobić w tym Ajaxie??
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · 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: 16.09.2025 - 01:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn