Text uprostřed okna

jQuery Framework

Zdrojové kódy

6.10.1 Příklad 2 – Zobrazení textu doprostřed okna

Po kliknutí na tlačítko "Zobrazit text" se zobrazí podbarvený text doprostřed okna.
$("#zobrazit_text_uprostred").bind("click", function() {
	var sirkaOkna = $("body").width();
	var delkaTextu = $("#text_uprostred").outerWidth();
	
	var vyskaTextu = $("#text_uprostred").outerHeight();
	var dostupnaVyska = $(window).height();
	
	$("#text_uprostred").css("left", (sirkaOkna/2 - delkaTextu/2));
	$("#text_uprostred").css("top", (dostupnaVyska/2 - vyskaTextu/2));
	
	$("#text_uprostred").show();
});

© Michal Oktábec 2009 - 2010