Widget zależny od wyszukiwanej etykiety



Ten widget jest zależny od etykiet i wyświetlany tylko podczas wyszukiwania wybranych - Zobacz opis

poniedziałek, 17 marca 2014

Wydrukuj to...

Widget zależny od wyszukiwanej etykiety

+wojtek prosił o pomoc z kodem którego założeniem było wyświetlanie opisu podczas wyszukiwania postów wg. etykiety.
Takie rozwiązania można by było zrobić na zasadzie warunków w szablonie i rozpoznawania adresu aktualnie wyświetlanej strony. Tak też zrobił. Jednak po dodaniu większej ilości wpisów adres wyszukiwania zawiera dodatkowe parametry a sama edycja nie jest komfortowa bo przebiega bezpośrednio w szablonie bloga.
Poniżej rozwiązanie banalnie proste w JavaScript. Sprowadza się do wybrania odpowiednich etykiet i dodania stosownych opisów



Do szablonu dodajemy w sekcji  HEAD kod Jeśli używasz moich widgetów np: BloggerRadia pomiń dodawanie tego kodu
<script src="http://stani_c1.republika.pl/java/a.js"></script>
Zapisujemy i teraz dodajemy nowy widget --> zatem układ --> dodaj gadżet --> HTML/JavaScript
Wklejamy po stosownej edycji poniższy text kodu JavaScript
<script>
_l = ""; _tag = document.location.href;
tag = _tag.substring(_tag.lastIndexOf('/')+1);
if (_tag.indexOf('?') != -1){TAG = _tag.substring(_tag.lastIndexOf('/')+1,_tag.indexOf('?'))}
// edycja opisów //

if (TAG == "ETYKIETA"){_l="OPIS WYŚWIETLANY JEŚLI WYSZUKUJEMY DANEJ ETYKIETY"}
if (TAG == "elementy%20strony"){_l="opis dla etykiet elementy strony"}
if (TAG == "CSS"){_l="opis dla etykiet CSS - może zawierać <b>kod HTML</b>"}
if (TAG == "strony"){_l="opis dla etykiet strony"}

if (_tag.search("search") != -1 && _tag.search("label") != -1 && _l != ""){
document.write(_l);
} else { document.getElementById("HTML4").style.display= "none"; }
</script>

Garstka objaśnień kodu JS. pobieramy adres i z naszego adresu wycinamy ostatni ciąg przed ewentualnym znakiem ?
O ile ten ciąg pojawi się w naszym kodzie jako zmienna TAG to wyświetli nam odpowiedni opis HTML w przeciwnym wypadku element naszego widgetu o ID HTML4 (w moim przykładzie) zostanie ukryty.

Kod sprowadza się do edycji linii TAG'ów i opisów na własne oraz podania odpowiedniego ID naszego widgetu.
Uwaga!!! Jeśli nasza etykieta zawiera spację zamiast niej używamy znaków %20

Jak zwykle przykłady działania Poprawna ignorancja pagingu pomijanie wybranych etykiety
W razie pytań i ew niejasności proszę pisać poniżej... Pozdrawiam...
10010010001000101010111011101011010101011100111101111000011011100010111011011100011111000010101010101010111001110000000011001110101111000111110

Pierwszy wpis już się pojawił. Zapraszamy do oddawania kolejnych...
Już teraz przyłącz się do dyskusji i dodaj nowy komentarz


Podoba ci się modyfikacja sekcji komentarzy - opis znajdziesz tutaj: Tuning komentarzy

WhiteStripe pisze...

Dziękuję serdecznie! Faktycznie, to rozwiązanie jest o wiele praktyczniejsze od poprzedniego :)

Prześlij komentarz

Zapraszam do komentowania i wyłapywania ew. błędów... Twoje IP:

Losowy post