Clicky

Skocz do zawartości


Zdjęcie
- - - - -

Jak zrobić aktywne zakłądki na podstronie?

9 odpowiedzi w tym temacie

  • Zaloguj się, aby dodać odpowiedź

#1 rel

rel

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 24 luty 2014 - 11:38

Witojcie :-)

 

Szukam rozwiąznaia jak zrobić podbne zakłądki jak na stronce: http://www.mojeanonse.pl/info/pomoc

 

Nie do końca musi być identycznie, chodzi o to, żeby zamysł był podobny.

 

ps. aha próbowałem to zrobić, tylko nie moge tego dokończyć, bo cos nie działają mi zakładki. Dodam, chciałbym to zrobić za pomocą edytora wbudowanego w cms serwisu, czyli tiny MCE



#2 Pitu

Pitu

    Początkujący

  • Użytkownik
  • Pip
  • 55 postów
  • Skąd:Koszalin

Napisano 24 luty 2014 - 12:21

http://jqueryui.com/tabs/#default



#3 DeXTeD

DeXTeD

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 24 luty 2014 - 12:54

Pchać jQuery UI dla samych zakładaek to trochę przesada.

Dostępne są lepsze rozwiązania np. http://git.aaronlums...om/tabulous.js/ które ważą 5 kb, a nie dziesięć razy tyle jak w przypadku UI.



#4 rel

rel

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 25 luty 2014 - 07:56

Pchać jQuery UI dla samych zakładaek to trochę przesada.

Dostępne są lepsze rozwiązania np. http://git.aaronlums...om/tabulous.js/ które ważą 5 kb, a nie dziesięć razy tyle jak w przypadku UI.

 

Całkiem ciekawe, tylko jak zwykle pytanie. Jak to wstawić na stronkę za pomocą TinyMCE, bo taki edytor mam w PA serwisu, a za pomoca jego chcę to zrobić...choć niekoniecznie.

 

ps. w ogóle to jak pobiorę tę paczkę, to mam ja całą wrzucić? Bo dziwnie jest w niej demo, etc, moim zdaniem to niepotrzebne, ale pliki .gitattributes, .gitignore po coś tam są.



#5 DeXTeD

DeXTeD

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 25 luty 2014 - 08:21

Skrypty wrzuć normalnie tuż przed </body> dodając do tego jQuery oraz style tam gdzie powinny być.

 

Te dwa pliki potrzebujesz:

Następnie musisz uruchomić ten plugin wstawiając:

$('.tabs').tabulous();


#6 rel

rel

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 25 luty 2014 - 11:50

 

Skrypty wrzuć normalnie tuż przed </body> dodając do tego jQuery oraz style tam gdzie powinny być.

 

Te dwa pliki potrzebujesz:

Następnie musisz uruchomić ten plugin wstawiając:

$('.tabs').tabulous();

 

 

No tak, tylko problem w tym, że tego w edytorze html w PA nie mogę zrobić, ani wstawianie styli ani tym podobne nie działa...jakiś pomysł?



#7 DeXTeD

DeXTeD

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 25 luty 2014 - 11:54

W edytorze musisz wstawić tylko klasę, skrypty wstaw normalnie edytując źródło strony.



#8 rel

rel

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 26 luty 2014 - 11:09

 


Następnie musisz uruchomić ten plugin wstawiając:

$('.tabs').tabulous();

 

Co kolega miał na myśli, bo nie kumam. Gdzie to trzeba wstawić?



#9 DeXTeD

DeXTeD

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 26 luty 2014 - 11:14

Kolega zna podstawy JavaScirpt? Jest to kawałek kodu JS, jak go umieścić znajdziesz tu http://learn.jquery....w-jquery-works/



#10 rel

rel

    Początkujący

  • Użytkownik
  • Pip
  • 16 postów

Napisano 26 luty 2014 - 11:20

Powiem szczerze, ze coś mi to nie idzie.

Możesz zapodać gotowy wzór kodu od pliku .html, gdzie chcę to umieścić, np. pomoc.html ?






Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych