Kontakt

Przykadowe skrypty:

Tabor firmy Trans-co

JavaScript to jzyk skryptowy. Kodujac w JavaScript zyskujesz dynamiczne efekty na swojej stronie WWW.

Zobacz rwnie:

LINKI:
Przepisy
Gry dla dzieci

W tym miejscu znajdziesz odnoniki do stron znajomych oraz do stron tematycznie powizanych z tematyk mojego serwisu. International Phone Cards international phone cards

Skrypt zmiana wielkoci czcionki

Skrypty realizuje zmian wielkoci czcionki po wybraniu przez odwiedzajcego opcji z pola select. Niektrzy gocie Twojego serwisu mog mie problemy ze wzrokiem. Dziki temu skryptowi udostpnisz im moliwo przystosowania wieloci tekstu do ich potrzeb.

Wybierz z listy wielko czcionki:

Ten tekst bdzie zmienia wielko w zalenoci od wyboru w polu select formularza. Wybierz wielko czcionki i obserwuj zmiany wielkoci tego tekstu.

Skrypty zmienia wielko tekstu umieszczonego w warstwie o nazwie zmienna. Na tym przykadzie moesz poeksperymentowa i zmienia wielkoci rnych warstw na Twojej stronie.

Poniszy zapis naley umieci 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 sposb umiecilimy funkcj odpowiedzialnon za zmian wielkoci czcionki oraz deklaracj stylw CSS dotyczc warstwy o nazwie zmienna. Teraz naley w sekcji body umieci warstw zmienna oraz formularz z polem select i wywoaniem funkcji wielkosc().

<div id="zmienna">Ten tekst bdzie zmienia wielko itd... </div>

A wywoanie funkcji w polu select formularza wygada tak:

<form id="formularz" action="#">
<select onchange="wielkosc('zmienna','fontSize',this.value)">
<option value="12px">Standardowa czcionka</option>
<option value="16px">Wiksza czcionka</option>
<option value="18px">Najwiksza czcionka</option>
</select>
</form>

Podczas wywoania funkcji podajemy w kolejnoci: nazw warstwy, w ktrej ma by dynamiczna zmiana, nastpnie czego ma dotyczy zmiana (w naszym przypadku zmiany wielkoci czcionki) oraz jaka ma by wielko czcionki.


international calling card

UWAGA
Po zakodowaniu strony internetowej zawsze sprawd czy prawidowo wywietla si we wszystkich popularnych przegldarkach internetowych (np.: Internet Explorer, Mozilla Firefox, Opera).




Copyright © Atom 2006