Oprogramowanie które sprawia że tworzenie stron internetowych staje się przyjemością
Jak dynamicznie rozwinąć widok strony w CMS na podstawie zawartości strony?
Uwaga: tylko dla zaawansowanych użytkowników, wymagana jest pewna wiedza JavaScript! Ten skrypt jest "jak jest", nie zapewniamy wsparcia dla skryptów zewnętrznych dodawanych ręcznie do programu.
Bardzo pożądaną cecha była by możliwość tworzenia rozszerzalnego widoku dla CMS, aby nie było pasków przewijania, a  okno samo dostosowywało by się do ilości treści w nim wyświetlanym.
Wdrożenie takiej funkcji nie jest  trudne, wymaga dopisania tylko kilku linijek kodu JavaScript.
Wykorzystamy układ który bazuje na szablonie demo CMS zaimplementowanym w programie.
Krok 1
Upewnij się, że wiesz, jak działają narzędzia CMS przed kontynuowaniem tego kursu.
Jesli nie to proszę przeczytać na początek to : ./cms_tools.html
Krok 2
Zmieniamy układ wyświetlać treści,
Jeśli przyjrzeć się budowie oryginalnego sposobu wyświetlania treści, można zauważyć, że zastosowano
jeden kształt dla całego ciała '' strony. Dla naszych potrzeb musimy kształt podzielić na 3 części:
• Góra ciała. Ta część będzie miała stałą pozycję. Użyliśmy to tego zwykłego obrazka.
• Środek ciała. Ta część będzie zmieniała rozmiar (długość) w zależności od ilości treści do niej ładowanej. Jest to warstwa z obrazkiem jako tło, wyświetlanie ustawione jest na powtarzanie w pionie tak, aby wypełnić całą warstwę.
• stopka (warstwa), która zawiera dolną część ciała i zawiera np.informację o prawach autorskich, część ta będzie przemieszczać się w dół wtedy gdy wysokość środkowej części będzie się wydłużać.
Po pobraniu przykładowego projektu  (link na końcu tego poradnika) można zauważyć, że wszystkie 3 części są ładnie spasowane i wyrównane tak, że wygląda jak jeden obrazek. Upewnij się, że "CMS View" nie jest częścią Layer1!
Krok 3
Do działania wymagene będzie dodanie poniższego kodu. Wstaw ten kod między znacznikami <head>
Wybierz  z Menu -> Strona -> Strona Html , przejdź do drugiej zakładki ('Pomiędzy tagami Head') i wklej kod.
Pobierz przykładowy projekt:
Należy zwrócić uwagę na 3 zmienne ID. Być może trzeba będzie zmienić niektóre nazwy ID obiektów jeśli są inne. Znak "#" musi być dołączony do ID w skrypcie!
var cmsViewID = "#wb_CmsView1";
Identyfikator obiektu Cms View. Wartość default to : wb_CmsView1
var cmsBodyLayer = "#Layer1";
to jest dentyfikator ID obiektu którego rozmiar będzie sie zmieniał.
var cmsFooterLayer = "#Layer2";
identyfikator ID warstwy stopki.
To już wszystko i żadne inne zmiany nie powinny być już konieczne.
Ważna uwaga:
Skrypt wykorzystuje js jQuery ale dlatego, że strona zawiera już obiektt 'CMS search' nie ma potrzeby dodawania odwołania do biblioteki jQuery ani dodawania plików. Gdyby twoja strona nie zawiera żadnych obiektów  jQuery to musisz sam dodać takie odwołanie (dopisać w <Head>) i dodać pliki!
Krok 4
Publikacja strony...

na podstawie : http://www.wysiwygwebbuilder.com/cms_expand.html


Free access
Wyjście
---Home------Download------Zakup------Poradniki Online------Szablony------Wsparcie------Forum------Rozszerzenia------Manual------Rózne---
Copyright © 2017