Jeden fragment przesuwa się w dół na stronie po uruchomieniu tejże strony.

Question

Witam.

Jeden fragment przesuwa się w dół na stronie głównej po uruchomieniu tejże strony na samym początku albo po przejściu z podstrony1 do strony głównej. Ta usterka występuje wtedy, gdy:
1. na samym początku uruchomię stronę główną albo...
2. przez 15 minut albo dłużej mam uruchomioną podstronę1 i z powrotem wracam na stronę główną.

Polega to na tym, że fragment na stronie głównej, na którym znajduje się Przycisk nr 1, Przycisk nr 2, Przycisk nr 3 i Przycisk nr 4 wraz z przyłączonym szarym tłem (Przycisk nr 1) albo czarnym tłem (pozostałe przyciski) przesuwa się nieco w dół. Podejrzewam, że gdzieś jest błąd w kodzie JavaScript.

index_test.php:
http://pastebin.com/FiYdwyKJ

style_test.css:
http://pastebin.com/7Zw9X7Tq

podstrona1.php:
http://pastebin.com/47YtpSYK

podstrona1_style.css:
http://pastebin.com/yJPpP0pj

Tak wygląda testowa strona główna:
http://imageshack.com/a/img922/7813/kLOzUb.jpg

Tak wygląda fragment na tej stronie, który przesuwa się w dół:
http://imageshack.com/a/img924/6884/L81Qta.jpg

Fragment zapisu w JavaScript, który prawdopodobnie może decydować o tej drobnej usterce to:

$("li[role='tab']").keydown(function(ev) {
	if (ev.which ==13) {
		$(this).click();
	}
});

$("li[role='tab']").keydown(function(ev) {
	if ((ev.which ==39)||(ev.which ==37)) {
		var selected= $(this).attr("aria-selected");
		if  (selected =="true") {
				$("li[aria-selected='false']").attr("aria-selected","true").focus();
				$(this).attr("aria-selected","false");

			  var tabpanid= $("li[aria-selected='true']").attr("aria-controls");
				  var tabpan = $("#"+tabpanid);
			$("div[role='tabpanel']:not(tabpan)").attr("aria-hidden","true");
			$("div[role='tabpanel']:not(tabpan)").addClass("hidden");

			tabpan.attr("aria-hidden","false");
			tabpan.removeClass("hidden");
		}
	}
});

Zauważcie, że w dwóch linijkach jest zapisana jakaś funkcja keydown jako dolny klucz czy coś takiego:

$("li[role='tab']").keydown(function(ev)
	if (ev.which ==13)

$("li[role='tab']").keydown(function(ev)
	if ((ev.which ==39)||(ev.which ==37))

Ten keydown może decydować o tym dolnym przesunięciu.

Podejrzewam, że tutaj gdzieś widnieje błąd w zapisie. Zamiast cyfr 13, 37 i 39 mam wpisać wartości zerowe? Potraficie poprawić błędy w tym fragmencie zapisu, aby podany fragment na stronie z przyciskami nie przesuwał się więcej w dół?

Answer 1

Sam pisałeś tę stronę?
Mi to wygląda na jak albo skopiowany kod z internetu albo jakiś program typu FrontPage...

Ale do rzeczy. Usuń tu JS zrób obrazy nałóż hiperłącza. Po co ci przyciski w JS ?

Comments

Skopiowałem fragment tego kodu JS z internetu. Mimo to, już wiem co było przyczyną, że tamten opisywany fragment z przyciskami przesuwał się nieco w dół w momencie uruchamiania strony. Przyczyną nie był jednak zapis kodu JS, tylko znajdujący się nad nim napis Strona internetowa, który był napisany czcionką PT Sans Caption. W głównym pliku index.php do tego napisu stosowałem akurat czcionkę PT Sans Caption, a w pliku index_test.php była domyślnie podana czcionka Verdana, bo myślałem, że widnieje gdzieś błąd w kodzie JS. Okazało się, że ta czcionka PT Sans Caption jest winna za to przesunięcie w dół tamtego fragmentu z przyciskami. Trochę bez sensu, ale jednak to nie zapis kodu JS był przyczyną.

Dzięki chociaż za próbę pomocy i temat uważam za zamknięty.