jQuery Framework

Zdrojové kódy

6.10.1 Příklad 1 – Vypsání aktuálních rozměrů body

Názorný příklad použití funkcí width() a height(). V tomto příkladu slouží ke zjištění rozměrů elemetu body. Pomocí tlačítka "Zobrazit odstavce" lze element body rozšířit.
$("#vypsat_rozmery_body").bind("click", function() {
	var sirka = $("body").width();
	var vyska = $("body").height();
	alert("Šířka: " + sirka + "\nVýška:" + vyska);
});
$("#zobrazit_odstavce").bind("click", function() {
	$("p.neviditelny").show();
});

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam sit amet tempus tellus. Mauris iaculis massa non urna laoreet at rhoncus lectus vestibulum. Sed vitae venenatis turpis. In ut diam et est ultrices dignissim. Mauris eu gravida turpis. Praesent mi velit, varius quis sodales vulputate, sodales iaculis purus. Nulla tincidunt malesuada ante vitae mattis. Nam ac eros non tellus semper suscipit eget sit amet quam. In bibendum lectus interdum tellus pellentesque scelerisque. In hac habitasse platea dictumst. Phasellus in pellentesque libero. Sed dolor leo, condimentum dictum euismod sit amet, adipiscing et leo.

Vestibulum malesuada semper diam in interdum. Proin faucibus tellus ut lorem venenatis vel aliquet metus semper. Phasellus tincidunt lobortis turpis non dignissim. Nam porta, est et posuere elementum, libero metus lobortis purus, vel volutpat enim justo quis magna. Fusce leo libero, vestibulum quis hendrerit ut, adipiscing nec enim. Maecenas ut nunc sollicitudin velit tempor fringilla. Nullam fringilla varius placerat. Vivamus ligula est, viverra nec ultrices eget, ultrices sed est. Quisque fringilla commodo consectetur. Curabitur blandit, neque sit amet luctus facilisis, erat sapien tincidunt elit, ac feugiat libero justo eget eros. Pellentesque sit amet ligula leo. Pellentesque id dui urna, et dictum erat. Nunc ornare molestie purus, non ullamcorper libero posuere at. Quisque lacinia, risus ac pretium imperdiet, lectus lectus ultrices urna, eu luctus felis tellus vitae mauris.

Suspendisse sit amet purus vitae odio dapibus laoreet nec a nisl. Duis pellentesque pharetra nisi, in dignissim odio dapibus nec. Nulla tristique orci sed leo elementum et malesuada metus interdum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur non tortor leo. Etiam sagittis est a risus vehicula sed placerat turpis viverra. Proin at augue ipsum, et tincidunt urna. Ut eget magna nibh, eu imperdiet ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque vel placerat nulla. Proin neque felis, aliquam et aliquam vitae, lobortis et purus.

© Michal Oktábec 2009 - 2010