Style w js wykonuje sie tylko raz

pytanie zadane 22 października 2018 w JavaScript przez Brzeczy Początkujący (310 p.)

Witam, tworzę stronę na projekt do szkoły. Chodzi mi o zmianę tekstu podczas jego obrotu, na ten moment jest to zrobione tylko na jednym casie, lecz nie działa. po kliknięciu innej opcji niż "O szkole" tekst się zmienia, po ponownym kliknięciu na pierwszą opcję tekst się zmienia, lecz nie ma animacji. Z góry dziękuję za pomoc.

oto skrypt.

	function przejscie(nrtextu)
	{
		switch(nrtextu)
		{ 
		case 1: 
		{
		bigtitle.style.transition= "0.3s";
		bigtitle.style.transform="rotate(1080deg)";
		document.getElementById("bigtitle").innerHTML = "Witaj ";
		break;
		}
		
		case 2: document.getElementById("bigtitle").innerHTML = "Hej misie ";break;
		case 3: document.getElementById("bigtitle").innerHTML = "Hej misie kolorowe1";break;
		case 4: document.getElementById("bigtitle").innerHTML = "Hej misie kolorowe2";break;
		case 5: document.getElementById("bigtitle").innerHTML = "Hej misie kolorowe3";break;
		case 6: document.getElementById("bigtitle").innerHTML = "Hej misie kolorowe4";break;
		
		
		
		}
	}

A tu jest body strony

<body onload="odliczanie();"  onload="przejscie();">
	<div id="container">
		<div id="sidebar">
		<a onclick="przejscie(1)"class="sidebara"  	>		<span class="sidebarspan"> O szkole       					</span></a>
		
		<a onclick="przejscie(2)"class="sidebara"	>		<span class="sidebarspan"> Dlaczego LO nr 3			</span></a>
		
		<a onclick="przejscie(3)"class="sidebara"	>		<span class="sidebarspan"> Profile klas						</span></a>
		
		<a onclick="przejscie(4)"class="sidebara"	>		<span class="sidebarspan"> Historia                    		</span></a>
		
		<a onclick="przejscie(5)"class="sidebara"	>		<span class="sidebarspan"> Absolwenci               		</span></a>
		
		<a onclick="przejscie(6)"class="sidebara"	>		<span class="sidebarspan"> Ciekawostki             		</span></a>
		<div id="zegar"></div>	
			</div>
		
		<div id="content"> </br>
		<div id="informacje">
			<span id="bigtitle">	Prezentacja LO nr.3 im. Adama Mickiewicza	</span>
			
			<span id="text"> Liceum Ogólnokształcące imienia Adama Mickiewicza numer 3. we Wrocławiu przy ulicy Składowej 5 nad Odrą. Najlepsze liceum na Dolnym Śląsku w 2018 roku oraz 6 w Polsce wraz z wynikiem 83.66 punktów WSK. Powstała ona w 1946 roku, jej pierwszym dyrektorem był Antoni Zięba (jego wnuk, Paweł Zięba aktualnie uczy tam fizyki). Szkoła posiada m.in. radiowęzeł czy dziennik elektroniczny.
			Szkoła – jako całość – posiada profil matematyczno-fizyczny ukształtowany w latach 1968 – 1980 przez dyrektora Daniela Manelskiego.
			
			</span>
		</div>

			<div id="zdjecia">
			<img class="zdjecieszkoly"src="zdjecieszkoly.jpg" width="375px" height="300px"> 
			
			<iframe class="zdjecieszkoly"src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3763.6819066909115!2d17.02257453030702!3d51.12036236717652!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470fe9e68e5c9417%3A0xac717f5e6d46b0d9!2sLiceum+Og%C3%B3lnokszta%C5%82c%C4%85ce+nr+III+im.+A.+Mickiewicza!5e1!3m2!1sen!2spl!4v1539716942541" width="375" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>
			
			</div>
			
			
		</div>
	</div>
</body>

1 odpowiedź

odpowiedź 22 października 2018 przez PolYGlok Pasjonat (19,450 p.)
wybrane 28 kwietnia 2019 przez Brzeczy

Najlepsza

1080deg to masz rozdzielczość ekranu czy ilość stopni w kole?

Pokaż 7 poprzednich komentarzy

1	komentarz 22 października 2018 przez PolYGlok Pasjonat (19,450 p.) Pisałeś coś o jednym obrocie więc przypuszczałem że tu leży błąd, Poczekaj zaraz po patrze czy dam rade pomóc.

komentarz 22 października 2018 przez PolYGlok Pasjonat (19,450 p.)

Właściwie to nie wiem o co Ci chodzi napisałeś:

Chodzi mi o zmianę tekstu podczas jego obrotu.

Z tego mogę wywnioskować że chcesz by coś się kręciło 3 razy ale nie wiem co?

Może podaj jakiś przykład z sieci czym się inspirowałeś.

komentarz 22 października 2018 przez Brzeczy Początkujący (310 p.)

chodzi mi o div id=bigtitle.

Jest to nagłówek strony W tym przypadku "Prezentacja LO nr. 3 im. Adama Mickiewicza". Po kliknięciu którejś z opcji nagłówek ma zrobić 3 szybkie obroty i zmienić zawartość. Działa to tylko raz na opcję, czyli jak klikniemy na opcję np. Historia tekst zakręci się i zmieni zawartość, wybierzemy inną opcję i przy ponownym kliknięciu na Historia zmieni się tylko zawartość, tekst nie zrobi 3 obrotów. Przykład wziąłem z głowy, więc nie mam żadnej inspiracji z internetu.

1	komentarz 22 października 2018 przez PolYGlok Pasjonat (19,450 p.) sorry ale nie dałeś kodu CSS więc u mnie tego nie widać.

komentarz 22 października 2018 przez Brzeczy Początkujący (310 p.)
edycja 23 października 2018 przez Brzeczy

Dziękuję wszystkim za pomoc, dopiero dzisiaj gdy usiadłem na spokojnie zrozumiałem, że nie wykonuje się animacja bo jest nadawana ta sama wartość więc nic się nie zmienia.