JavaScript to język skryptowy. Kodujac w JavaScript zyskujesz dynamiczne efekty na swojej stronie WWW.
Zobacz również:
LINKI:
Mieszkania
Przepisy
|
auto do ślubu auto do ślubu www.studiojezierska… |
|
Opisy na GG Opisy na GG ggopisy.pl |
|
sklep wedkarski Najtańszy sprzet wedkarski www.wobek.pl |
|
angielski angielski www.tfls.com.pl |
|
Apteka Internetowa Największa Apteka Internetowa www.domzdrowia.pl |
|
wałbrzych,ciastka,chleb,torty tort dla dziecka,torty weselne chleb.com |
|
Tabor firmy Trans-co www.trans-co.pl www.trans-co.pl/nas… |
|
xbox 360 xbox 360 www.sklep.psxextrem… |
|
M jak milość M jak milość www.mjakmilosc.waw.… |
Skrypty realizuje zmianę wielkości czcionki po wybraniu przez odwiedzającego opcji z pola select. Niektórzy goście Twojego serwisu mogą mieć problemy ze wzrokiem. Dzięki temu skryptowi udostępnisz im możliwość przystosowania wielości tekstu do ich potrzeb.
Wybierz z listy wielkość czcionki:
Skrypty zmienia wielkość tekstu umieszczonego w warstwie o nazwie zmienna. Na tym przykładzie możesz poeksperymentować i zmieniać wielkości różnych warstw na Twojej stronie.
Poniższy zapis należy umieścić w sekcji head z znaczniku script.
<script type="text/javascript">
function wielkosc(warstwa,coZmienic,rozmiar) {
document.getElementById(warstwa).style[coZmienic] = rozmiar;
}
</script>
<style type="text/css">
#zmienna {
position: relative;
font-size: 12px;
margin-top: 20px;
}
</style>
W ten sposób umieściliśmy funkcję odpowiedzialnoną za zmianę wielkości czcionki oraz deklarację stylów CSS dotyczącą warstwy o nazwie zmienna. Teraz należy w sekcji body umieścić warstwę zmienna oraz formularz z polem select i wywołaniem funkcji wielkosc().
<div id="zmienna">Ten tekst będzie zmieniał wielkość itd... </div>
A wywołanie funkcji w polu select formularza wygłada tak:
<form id="formularz" action="#">
<select onchange="wielkosc('zmienna','fontSize',this.value)">
<option value="12px">Standardowa czcionka</option>
<option value="16px">Większa czcionka</option>
<option value="18px">Największa czcionka</option>
</select>
</form>
Podczas wywołania funkcji podajemy w kolejności: nazwę warstwy, w której ma być dynamiczna zmiana, następnie czego ma dotyczyć zmiana (w naszym przypadku zmiany wielkości czcionki) oraz jaka ma być wielkość czcionki.
UWAGA
Po zakodowaniu strony internetowej zawsze sprawdź czy prawidłowo wyświetla się we wszystkich popularnych przeglądarkach internetowych (np.: Internet Explorer, Mozilla Firefox, Opera).
Copyright © Atom 2006