• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

kod js nie wykonuje sie po dodaniu strony na serwer

VPS Starter Arubacloud
0 głosów
304 wizyt
pytanie zadane 10 maja 2017 w JavaScript przez Krzysztofson Użytkownik (620 p.)
Witam, mam problem z wykonywaniem sie kody js na stronie po wrzuceniu jej na serwer na przegladarkach Mozilla i Edge, na chromie wszystko działa bez zarzutu, ponad to, gdy odpalam strone z pliku na komputerze to wszystko działa na wszystkich tych przeglądarkach. Wie ktoś jak zaradzić ?

Jeszcze jak odpalam na telefonie na chromie w tej samej wersji co na komputerze to tez nie działa nie mam pojecia o co chodzi. :/
komentarz 10 maja 2017 przez Olaf Siwiński Mądrala (7,060 p.)
Wstaw kod pliku HTML i JS
komentarz 10 maja 2017 przez Krzysztofson Użytkownik (620 p.)
<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8"/>
	<title> Pizza</title>
	<meta name="description"content="Portal powstal aby nikt już nie musiał się zastanawiać jaką pizze zamówić, aby opcja była najbardziej opłacalna, oraz kilka rad dla każdego amatora pizzy."/>
	<meta name="keywords"content="pizza, kalkulator, opłaca, lepszy wybór, co wybrać, oblicz, porady, pizza, jedzenie,  o pizzy, wszystko o pizzy"/>
	<meta http-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
	<meta name="viewport" content="width=device-width">
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700&amp;subset=latin-ext" rel="stylesheet">
	<link rel="stylesheet" href="style2.css" type="text/css"/>
	
	<script src="kalkulator.js" language=javascript type="text/javascript"></script>
	<script src="main.js"></script>
	<link href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABoBAAAFgAAACgAAAAQAAAAIAAAAAEAIAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAACAAAABAAAAAYAAAAJAAAADAAAAA8AAAASAAAAEwAAABYAAAAXAAEDCgAAAAEAAAAAAAAAAQAAAAEAAAACAAAABgAAAAkAAAAPAAAAFgAAACAAAAApAAAAMAAAADIAAAA3UpXF/zZwqP8AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACBC8CAD+b/0ql3P8NMWKOAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACBC8CGCOk/xcipv9PqOH/ATVhBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADXCv/x4pmP9Iq+H/Xbzr/x1wtZ4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFB6p/5ja8/9brun/Xq/s/2q27P84e7mDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEx2U/yAtrv9De8n/idTy/yRv1/9yvvD/J0xmSwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAj7jY/4XP7v9PnNv/d8fp/xgjoP8XIqr/FB+p/yRDX3EAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALYG+/3TH7P93tuX/Hi3C/5XL6v+J0u3/DxeF/57X8P9Th7yZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADB51/yWOzv9VsN//Gyeh/x0qsP8wR7T/l9Pu/3O15v+j0u3/VoW4hgAAAAAAAAAAAAAAAAAAAAAAAAAADiaU/yBd0P8bR6v/fsjn/1Jhuf8zPaj/kdrw/2614/8YLcD/MKbd/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABg/of9EmeP/Nobe/x5MqP8SLYb/ocPj/1W64v8PGZT/ERue/xsnqv8rPVh5AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEmioTmBz/8xd9n/PZjj/zl8xf+Ap9H/aqTT/ztlt/9yst//RHq1swAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJ2Os3k6j3P9Xs+r/RKjn/ziN4P8eUMH/HU2y/wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAI1us/yNWtP8zddL/IFjL/xhJxv8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//8AAP/zAAD/4wAA/8cAAP+DAAD/AwAA/gcAAPwHAAD4AwAA8AMAAOAHAADgBwAA8AMAAPwHAAD/BwAA//8AAA==" rel="icon" type="image/x-icon" />

		<!--[if lt IE 9]>
	<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
	<![endif]-->
	</head>

<body>
	<div class="tlo">
		<main>
			<header>
				<nav>
					<ul class="mainNav">
						<li>PIZZA PORTAL</li>
						<li>
						<div class="option1"><a href="#kalkulator">KALKULATOR</a></div>
						<div class="option2"><a href="#kontakt">KONTAKT</a></div>
						</li>
					</ul>
				</nav>
			</header>
			<article>
				<header>
				<div class="kalkcontent">
				<p class="header">KALKULATOR DO PIZZY</p>
				<p class="backmain"><a href="#strona-glowna">STRONA GŁÓWNA</a></p>
				</div>
				</header>
				<section class="data">
					<div class="set1">
						opcja nr1<br/>
							średnica pizzy nr 1</br><input type="text"  id="sr1" /><br/>
							średnica pizzy nr 2</br><input type="text"  id="sr2" /><br/>
							cena pizzy nr1</br><input type="text"  id="cena1" /><br/>
							cena pizzy nr2</br><input type="text"  id="cena2" /><br/>
					</div>
					<div class="set2">
						opcja nr2 <br/>
						średnica pizzy nr 1</br><input type="text"  id="bsr1" /><br/>
						średnica pizzy nr 2</br><input type="text"  id="bsr2" /><br/>
						cena pizzy nr1 </br> <input type="text"  id="bcena1" /><br/>
						cena pizzy nr2 </br> <input type="text"  id="bcena2" /><br/>
					</div>
					<div class="button1">
						<input type="submit" value="porównaj" class="button" onclick="pobierz()" />
					</div>
					<div id="wynik"></div>
				</section>
				
				<section class="contact">
				<div class="back"> <a href="#strona-glowna">STRONA GŁÓWNA</a></div>
					<header class="contactheader">KONTAKT</header>
					<div class="contactdata">
						WEB BY WIRTUAL &COPY; STUDIO </br>
						wirtualstudio@gmail.com
					</div>
				</section>
			</article>
		</main>
	
	
	
	
	
	
	
	
	
	
	</div>
	<script src="main.js"></script>
</body>
</html>

 

 

javascript

 

var iconmenu = document.querySelector(".option1");
iconmenu.addEventListener("click", function () {
	document.querySelector(".mainNav").classList.toggle("mainNavnone");
}, false);

var iconmenu = document.querySelector(".option2");
iconmenu.addEventListener("click", function () {
	document.querySelector(".mainNav").classList.toggle("mainNavnone");
}, false);
			

var iconmenu = document.querySelector(".option1");
iconmenu.addEventListener("click", function () {
	document.querySelector(".tlo").classList.toggle("tlokalk");
}, false);

var iconmenu = document.querySelector(".option1");
iconmenu.addEventListener("click", function () {
	document.querySelector(".kalkcontent").classList.toggle("kalkcontentactive");
}, false);

var iconmenu = document.querySelector(".option1");
iconmenu.addEventListener("click", function () {
	document.querySelector(".data").classList.toggle("dataactive");
}, false);

// powrot do strony glownej

var iconmenu = document.querySelector(".backmain");
iconmenu.addEventListener("click", function () {
	document.querySelector(".mainNav").classList.toggle("mainNavnone");
}, false);

var iconmenu = document.querySelector(".backmain");
iconmenu.addEventListener("click", function () {
	document.querySelector(".tlo").classList.toggle("tlokalk");
}, false);

var iconmenu = document.querySelector(".backmain");
iconmenu.addEventListener("click", function () {
	document.querySelector(".kalkcontent").classList.toggle("kalkcontentactive");
}, false);

var iconmenu = document.querySelector(".backmain");
iconmenu.addEventListener("click", function () {
	document.querySelector(".data").classList.toggle("dataactive");
}, false);

var iconmenu = document.querySelector(".backmain");
iconmenu.addEventListener("click", function () {
	document.querySelector("#wynik").classList.toggle("wyniknone");
}, false);
//kontakt

var iconmenu = document.querySelector(".option2");
iconmenu.addEventListener("click", function () {
	document.querySelector(".tlo").classList.toggle("tlocontact");
}, false);

var iconmenu = document.querySelector(".option2");
iconmenu.addEventListener("click", function () {
	document.querySelector(".contact").classList.toggle("contactactive");
}, false);
// powrot z kontaktu

var iconmenu = document.querySelector(".back");
iconmenu.addEventListener("click", function () {
	document.querySelector(".tlo").classList.toggle("tlocontact");
}, false);

var iconmenu = document.querySelector(".back");
iconmenu.addEventListener("click", function () {
	document.querySelector(".contact").classList.toggle("contactactive");
}, false);

var iconmenu = document.querySelector(".back");
iconmenu.addEventListener("click", function () {
	document.querySelector(".mainNav").classList.toggle("mainNavnone");
}, false);

 

komentarz 10 maja 2017 przez Krzysztofson Użytkownik (620 p.)
adres strony

kalkulatordopizzy.cba.pl
komentarz 10 maja 2017 przez Olaf Siwiński Mądrala (7,060 p.)
Spróbuj przenieść skrypty na koniec body

(Przed <\body>)
komentarz 10 maja 2017 przez Krzysztofson Użytkownik (620 p.)
nic nie pomogło :/
komentarz 10 maja 2017 przez Olaf Siwiński Mądrala (7,060 p.)
A coś masz wypisane w konsoli?
komentarz 10 maja 2017 przez Krzysztofson Użytkownik (620 p.)
jest kilka bledow ale dla css, dla js jest czysto zadnego komunikatu
komentarz 10 maja 2017 przez ScriptyChris Mędrzec (190,190 p.)

Dlaczego dwukrotnie podpinasz skrypt main.js? Raz w <head> i potem przed </body>

komentarz 10 maja 2017 przez Krzysztofson Użytkownik (620 p.)
zrobilem to przez pomyłkę jednak to nie jest przyczyna, bo juz poprawiłem i nadal to samo

2 odpowiedzi

+2 głosów
odpowiedź 10 maja 2017 przez rafal.budzis Szeryf (85,260 p.)
wybrane 11 maja 2017 przez Arkadiusz Waluk
 
Najlepsza

Jak odpalasz link http://kalkulatordopizzy.cba.pl/main.js nie otwiera sie plik JSa. Albo wgrałeś nie do tego folderu pliki JS na serwerze albo masz jakieś przekierowanie ;)

komentarz 10 maja 2017 przez Krzysztofson Użytkownik (620 p.)
dzieki stary faktycznie mialem zle przekierowanie
0 głosów
odpowiedź 10 maja 2017 przez mowmiheniek Stary wyjadacz (11,900 p.)
A inne strony z javascript działają na Firefoxie i Edge?

Nie rozumiem, jak to ma działać? Przypisujesz jedną nazwę iconmenu do wszystkich zmiennych globalnych.

Według mnie to nie powinno wcale działać.
komentarz 10 maja 2017 przez Krzysztofson Użytkownik (620 p.)
juz dziala wszystko, ja nie widze tu sprzecznosci

Podobne pytania

0 głosów
2 odpowiedzi 130 wizyt
pytanie zadane 9 lipca 2018 w JavaScript przez mi-20 Stary wyjadacz (13,190 p.)
0 głosów
2 odpowiedzi 205 wizyt
0 głosów
1 odpowiedź 137 wizyt
pytanie zadane 23 lutego 2020 w JavaScript przez Bartx Bywalec (2,120 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...