Kontakt

Przykładowe skrypty:

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.…

Skrypt zmiana wielkości czcionki

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:

Ten tekst będzie zmieniał wielkość w zależności od wyboru w polu select formularza. Wybierz wielkość czcionki i obserwuj zmiany wielkości tego tekstu.

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