Cześć,
często piszemy skrypty JavaScript stosując wiele zmiennych globalnych. Nieraz może to spowodować, że w dwóch miejscach na raz będziemy mieć zmienną o takiej samej nazwie.
Pokażę na przykładzie rotatora zdjęć z wykorzystaniem funkcji setTimeout, jak wykorzystać tylko jedną zmienną globalną.
Pokazywanie postów oznaczonych etykietą CSS. Pokaż wszystkie posty
Pokazywanie postów oznaczonych etykietą CSS. Pokaż wszystkie posty
wtorek, 6 grudnia 2011
środa, 9 lutego 2011
Trójkolumnowy układ strony
Układ trójkolumnowy strony przy pomocy div’ów:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>3 kolumy</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <style type="text/css"> * { margin:0px; padding:0px; } #wrapper { width:1000px; margin: 0px auto; } #left { float: left; background-color: red; width: 200px; } #right { float: right; background-color: yellow; width: 200px; } #content { background-color: pink; } </style> </head> <body> <div id="wrapper"> <div id="left"> left </div> <div id="right"> right </div> <div id="content"> content </div> </div> </body> </html> |
Ważna jest kolejność div’ów - najpierw lewy, potem prawy, na końcu umieszczamy środkowy - wtedy szerokość środkowej części automatycznie się dopasuje.
Dodatkowo możemy ustawić szerokość naszej strony na np. 1000px oraz wyśrodkować przez margin: 0px auto (górny i dolny margines na 0px, lewy i prawy automatycznie ustawiany przez przeglądarkę).
czwartek, 3 lutego 2011
Jak ukryć reklamy na stronie bez Adblock Plus?
Mam kilka strona na yoyo.pl.
Pokażę jak ukryć znajdujące się tam reklamy.
Jest kilka sposobów: można użyć AdBlockPlus lub np. za pomocją JavaScript/jQuery.
AdBlock wystarczy ściągnąć i zainstalować w przeglądarce, proste.
Zajmijmy się jQuery.
Po pierwsze ściągamy bibliotekę jQuery.
Wstawiamy do naszego pliku:
<script type="text/javascript" src="jquery.min.js"></script> |
Następnie wstawiamy fragment kodu:
<script> $(document).ready(function(){ $("div[id][style]").each(function(){ if($(this).css('z-index')>=99999){ $(this).hide(); } }); }); </script> |
Wyjaśnienie:
Funkcja $(document).ready() wykonuje się, gdy załaduje się drzewo DOM.
$("div[id][style]") zwraca listę znaczników DIV, które mają atrybuty id i style.
Warunek if($(this).css('z-index')>=99999)sprawdza w aktualnym elemencie, czy wartość stylu z-index spełnia warunek.
Jeśli tak, to polecenie $(this).hide() ukrywa znacznik DIV.
UWAGA:
Ten sposób będzie działać na domenach yoyo.pl oraz gdy nasza strona nie będzie miała elementów typu <DIV id="..." style="...">, gdzie z-index>=99999.
Jeśli chodzi o inne domeny, to można sprawdzić jakie elementy należy ukryć oraz podać odpowiednie warunki.
Subskrybuj:
Posty (Atom)