Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [PHP][HTML]krótkie linki, otwieranie zakładek bez przeładowania całej strony, klik na zakładke i otwarcie jej bez ładowania całej strony, skrócenie
17misiek09
post
Post #1





Grupa: Zarejestrowani
Postów: 137
Pomógł: 8
Dołączył: 16.12.2011
Skąd: Kraków

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

witajcie,
mam pomysl i wogole, ale interesuje
mnie kilka rzeczy.
na poczatek.
chciałbym zrobic cos takiego:
strona glowna jako szablon, po
kliknieciu w zakladke, w danym divie
np: <div class="ogladanie">< /div>
beda otwierac sie zakladki.
przykladowo klikam na FILMY to w
divie wyswietla sie zawartosc a raczej
ekeft wykonania skryptu hmm
filmy.php,
klikam na ZDJECIA - analogicznie -
zdjecia.php w divie.

no i oczywiscie zeby pasek adresu nie
byl mega dlugi tylko np:
mojastrona.pl/filmy
mojastrona.pl/zdjecia
a glowna strona nie jako:
mojastrona.pl/index. php ani
index.html
tylko mojastrona.pl/

Ten post edytował 17misiek09 16.12.2011, 02:21:54
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
17misiek09
post
Post #2





Grupa: Zarejestrowani
Postów: 137
Pomógł: 8
Dołączył: 16.12.2011
Skąd: Kraków

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

szukam czegoś takiego jak napewno jest wykorzystane tutaj : www.pomocnik-studenta.pl
wybaczcie jeśli mi się nie udało,ale z telefonu nie umiałem wrzucić linku.
klikam zakładke i wyświetla się zawartość a link jest krótki.
Go to the top of the page
+Quote Post
lukesh
post
Post #3





Grupa: Zarejestrowani
Postów: 113
Pomógł: 14
Dołączył: 25.08.2006

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

Cytat(17misiek09 @ 16.12.2011, 10:37:32 ) *
szukam czegoś takiego jak napewno jest wykorzystane tutaj : www.pomocnik-studenta.pl

Tylko, że na tej stronie sa normalne linki... To, że nagłówek w przeglądarce nie skacze i nie miga, to zasługa tego, że na każdej stronie jest taki sam.
Jeśli chcesz używać AJAXa, musisz liczyć się z tym, że nie będzie się zmieniał adres w polu adresu przeglądarki.
Najprościej można to zrobić tak - u góry masz linki:
[HTML] pobierz, plaintext 
  1. <a href="link.html">link</a>
  2. <a href="link.html">link</a>
[HTML] pobierz, plaintext

i niżej masz div, w którym będzie ładować się treść:
[HTML] pobierz, plaintext 
  1. <div id="content"></div>
[HTML] pobierz, plaintext

Musisz teraz dodać jQuery do swojej strony, najlepiej w sekcji <head>:
[HTML] pobierz, plaintext 
  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
[HTML] pobierz, plaintext

i zaraz po tym kod JS do obsługi ładowania linków do #content:
[HTML] pobierz, plaintext 
  1. <script>
  2. $(document).ready(function(){
  3.   $('a').onclick(function(){
  4.     $('#content').load($(this).attr('href'));
  5.     return false;
  6.   });
  7. });
  8. </script>
[HTML] pobierz, plaintext

1. 
[HTML] pobierz, plaintext 
  1. $(document).ready(function(){
[HTML] pobierz, plaintext
- sprawdzasz, czy dokumenty jest już "gotowy", czyli czy strona została w całości załadowana do przeglądarki i jeśli tak, to wykonujesz funkcję.
2. 
[HTML] pobierz, plaintext 
  1. $('a').onclick(function(){
[HTML] pobierz, plaintext
- wykonujesz funkcję w momencie kliknięcia na alement <a>.
3. 
[HTML] pobierz, plaintext 
  1. $('#content').load($(this).attr('href'));
[HTML] pobierz, plaintext
- do elementu o id content ładujesz zawartość zmiennej href właśnie klikniętego elementu (this).
Możesz również użyć load do załadowania konkretnego pliku: .load('plik.html');.
4. 
[HTML] pobierz, plaintext 
  1. return false;
[HTML] pobierz, plaintext
- dzięki temu, przeglądarka nie załaduje linku w normalny sposób.

Ten post edytował lukesh 16.12.2011, 11:15:20
Go to the top of the page
+Quote Post

Posty w temacie
- 17misiek09   [PHP][HTML]krótkie linki, otwieranie zakładek bez przeładowania całej strony   16.12.2011, 02:19:21
- - Damonsson   1. AJAX 2. "Friendly/Short/Nice URL" goo...   16.12.2011, 02:23:48
- - 17misiek09   ajax pewnie do wyświetlania tych zawartości plików...   16.12.2011, 09:17:49
- - Daiquiri   Szukasz czegoś takiego jak tabs?   16.12.2011, 09:33:55
- - 17misiek09   szukam czegoś takiego jak napewno jest wykorzystan...   16.12.2011, 10:37:32
|- - lukesh   Cytat(17misiek09 @ 16.12.2011, 10:37...   16.12.2011, 11:11:18
- - Daiquiri   Cytat(Damonsson @ 16.12.2011, 02:23:4...   16.12.2011, 10:47:48
- - dr_NO   A co do reszty to na pokazanej stronie raczej śred...   16.12.2011, 11:07:52
- - 17misiek09   tamta strona nie ma typowo oznaczonej strony główn...   4.01.2012, 01:10:16

« Następny starszy · Przedszkole · 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: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 10.10.2025 - 02:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn