Kontakt

Przykładowe skrypty:

kursy językowe wrocław

JavaScript to język skryptowy. Kodujac w JavaScript zyskujesz dynamiczne efekty na swojej stronie WWW.

Zobacz również:

LINKI:
Przepisy
Gry dla dzieci

W tym miejscu znajdziesz odnośniki do stron znajomych oraz do stron tematycznie powiązanych z tematyką mojego serwisu.

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