Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][JavaScript]Nie ładuje skryptu js
Forum PHP.pl > Forum > Przedszkole
-chaos-
6.08.2012, 15:12:20
http://vlep.pl/v8ghot.jpg
Robie tak jak pokazane na obrazku. I galeria nie działa.
Kombinacji było multi. Nie wiem co zrobić.
nospor
6.08.2012, 15:28:52
1) A wgrałeś właściwe pliki js tam gdzie trzeba?
2) Na obrazku jest ścieżka względna, może wypadałoby podać bezwględną
-chaos-
6.08.2012, 20:52:02
wszystkie pliki js znajdują się w katalogu js.
ścieżka względna/bezwzględna, chodzi Ci o to js/..js ?
Mam google mape (nawet dwie) na tej stronie i działa elegancko.

Na normalnej prostej opcji html działa bez zarzutu. Przy php jest problem.
abort
6.08.2012, 21:06:45
nosporo zapewne myślał o inkludowaniu postaci <script src="/js/....">
Ja tylko zapytam o dwie rzeczy:
- co się pokazuje w przeglądarce (źródło strony)
- co zeznają logi serwera WWW?

-chaos-
6.08.2012, 22:51:41
acces_log

[my ip] - - [06/Aug/2012:23:37:07 +0200] "GET /NOWA/js/mapa.js HTTP/1.0" 304 - "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:08 +0200] "GET /js/mootools-core.js HTTP/1.0" 404 860 "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:08 +0200] "GET /js/milkbox-yc.js HTTP/1.0" 404 859 "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:08 +0200] "GET /NOWA/js/sliders.js HTTP/1.0" 304 - "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:08 +0200] "GET /NOWA/js/slides.min.jquery.js HTTP/1.0" 304 - "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:08 +0200] "GET /js/mootools-more.js HTTP/1.0" 404 861 "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:08 +0200] "GET /js/milkbox-yc.js HTTP/1.0" 404 859 "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:12 +0200] "GET /NOWA/index.php?go=gallery HTTP/1.0" 200 1630 "http://strona.pl/NOWA/" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:12 +0200] "GET /js/mootools-core.js HTTP/1.0" 404 860 "http://strona.pl/NOWA/index.php?go=gallery" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:12 +0200] "GET /js/mootools-more.js HTTP/1.0" 404 861 "http://strona.pl/NOWA/index.php?go=gallery" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"
[my ip] - - [06/Aug/2012:23:37:12 +0200] "GET /js/milkbox-yc.js HTTP/1.0" 404 859 "http://strona.pl/NOWA/index.php?go=gallery" "Mozilla/5.0 (Windows NT 6.1; rv:14.0) Gecko/20100101 Firefox/14.0.1"


error_log

[Mon Aug 06 23:37:08 2012] [error] [client my ip] File does not exist: /home/strona/ftp/js, referer: http://strona.pl/NOWA/
[Mon Aug 06 23:37:08 2012] [error] [client my ip] File does not exist: /home/strona/ftp/js, referer: http://strona.pl/NOWA/
[Mon Aug 06 23:37:08 2012] [error] [client my ip] File does not exist: /home/strona/ftp/js, referer: http://strona.pl/NOWA/
[Mon Aug 06 23:37:08 2012] [error] [client my ip] File does not exist: /home/strona/ftp/js, referer: http://strona.pl/NOWA/
[Mon Aug 06 23:37:12 2012] [error] [client my ip] File does not exist: /home/strona/ftp/js, referer: http://strona.pl/NOWA/index.php?go=gallery
[Mon Aug 06 23:37:12 2012] [error] [client my ip] File does not exist: /home/strona/ftp/js, referer: http://strona.pl/NOWA/index.php?go=gallery
[Mon Aug 06 23:37:12 2012] [error] [client my ip] File does not exist: /home/strona/ftp/js, referer: http://strona.pl/NOWA/index.php?go=gallery


A i plik gallery nie jest .html tylko .php .Źle powiedziałem na początku.
abort
6.08.2012, 22:59:10
No i się wyjaśniło. Mnóstwo errorów 404, czyli pliki nie zostały znalezione.
Zrób porządek ze ścieżkami.
-chaos-
6.08.2012, 23:06:29
TAK WYGLADA KOD ZRODLOWY:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<script src="js/mapa.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

<script src="/js/mootools-core.js"></script>
<script src="/js/mootools-more.js"></script>
<script src="/js/milkbox-yc.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/sliders.js"></script>

<div id="header">
<a href="index.php?go=start"><div id="home"></div></a>
</div><!--end header-->


<div id="box">

<table id="gallery">
<tr>
<td>
<a href="image/01.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/01.jpg" alt="dada" width="200" height="200" /></a>
</td>

<td>
<a href="image/02.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/02.jpg" alt="" width="200" height="200" /></a>
</td>

<td>
<a href="image/03.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/03.jpg" alt="" width="200" height="200" /></a>
</td>

<td>
<a href="image/04.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/04.jpg" alt="" width="200" height="200" /></a>
</td>
</tr>
</table>
</div><!-- /box -->

</div><!--end container-->
<div id="footer"></div><!--end footer-->

</body>
</html>

Zwróć uwagę żę wszystkie linki do skryptów są w div container, miast w <head></. Moze to jest przyczyna? Ale tak jest bo inkluduję header.php w pliku index.php w <div conainer>, patrz:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<?php include('include/header.php');?>
</head>

<body>

<div id="container">

<?php include('include/navigation.php');?>

<?php include('include/subMenu.php');?>
<div id="content">

<?php
// zmienna $go przekazana metoda GET
$go = $_GET['go'];

// sprawdzamy czy zmienna $go nie jest pusta
if(!empty($go)) {
// sprawdzamy czy plik o danej nazwie istnieje
if(is_file("pages/$go.html")) include "pages/$go.html";
// jezeli plik nie istnieje wyswietla się komunikat
else echo "<br />Nie ma takiej strony :-(";
}
// jezeli zmienna $go jest pusta wyswietla się strona glowna
else include "pages/about.html";
?>

</div><!--end content-->

</div><!--end container-->
<?php include('include/footer.php');?>


</body>
</html>
Gość
6.08.2012, 23:09:46
TAK WYGLADA KOD ZRODLOWY:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">

<script src="js/mapa.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>

<script src="/js/mootools-core.js"></script>
<script src="/js/mootools-more.js"></script>
<script src="/js/milkbox-yc.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script src="js/slides.min.jquery.js"></script>
<script src="js/sliders.js"></script>

<div id="header">
<a href="index.php?go=start"><div id="home"></div></a>
</div><!--end header-->


<div id="box">

<table id="gallery">
<tr>
<td>
<a href="image/01.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/01.jpg" alt="dada" width="200" height="200" /></a>
</td>

<td>
<a href="image/02.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/02.jpg" alt="" width="200" height="200" /></a>
</td>

<td>
<a href="image/03.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/03.jpg" alt="" width="200" height="200" /></a>
</td>

<td>
<a href="image/04.jpg" data-milkbox="milkbox:g1" title="Lorem ipsum...">
<img src="image/04.jpg" alt="" width="200" height="200" /></a>
</td>
</tr>
</table>
</div><!-- /box -->

</div><!--end container-->
<div id="footer"></div><!--end footer-->

</body>
</html>

Zwróć uwagę żę wszystkie linki do skryptów są w div container, miast w <head></. Moze to jest przyczyna? Ale tak jest bo inkluduję header.php w pliku index.php w <div conainer>, patrz:
Cytat(-chaos- @ 6.08.2012, 23:06:29 ) *
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<?php include('include/header.php');?>
</head>

<body>

<div id="container">

<?php include('include/navigation.php');?>

<?php include('include/subMenu.php');?>
<div id="content">

<?php
// zmienna $go przekazana metoda GET
$go = $_GET['go'];

// sprawdzamy czy zmienna $go nie jest pusta
if(!empty($go)) {
// sprawdzamy czy plik o danej nazwie istnieje
if(is_file("pages/$go.html")) include "pages/$go.html";
// jezeli plik nie istnieje wyswietla się komunikat
else echo "<br />Nie ma takiej strony :-(";
}
// jezeli zmienna $go jest pusta wyswietla się strona glowna
else include "pages/about.html";
?>

</div><!--end content-->

</div><!--end container-->
<?php include('include/footer.php');?>


</body>
</html>

AKURAT TUTAJ JUŻ PRZERZUCIŁEM DO <head> ale to nie zmienia nic.
abort
6.08.2012, 23:31:13
Nie rozumiesz.
div, head, body - to jest język opisu DOKUMENTU. Podobnie jako DOKUMENT można potraktować arkusz styli CSS czy skrypty JS.
Aby przeglądarka te wszystkie dokumenty przetrawiła i wyświetliła, należy je WCZYTAĆ.
Ty masz problem z WCZYTANIEM tego/tych dokumentu(ów).

Podpowiem:
"GET /NOWA/index.php?go=gallery HTTP/1.0" 200 1630 "http://strona.pl/NOWA/" - dokument o adresie /NOWA/index.php?go=gallery jest wywoływany z http://strona.pl/NOWA/ i wywołanie zakończone zostało kodem statusu 200, czyli wszystko OK.

"GET /js/mootools-more.js HTTP/1.0" 404 861 "http://strona.pl/NOWA/" - dokument o adresie /js/mootools-more.js jest wywoływany z http://strona.pl/NOWA/ (jak wcześniej), ale wywołanie zakończone zostało kodem statusu 404, co oznacza, że pod tym adresem tego pliku nie ma

Na razie wszystko jest jak u Kubusia Puchatka: im bardziej patrzysz na adres "/js/mootools-more.js", tym bardziej tego pliku tam nie ma.
Musisz poszukać, gdzie w drzewie ten dokument się znajduje i skorygować ścieżki do tego pliku.

Kod źródłowy odpowiada za WYGLĄD, a nie za istnienie (lub nieistnienie) danego pliku w danym katalogu.
d3ut3r
6.08.2012, 23:40:20
Żeby uniknąć problemów ze ścieżkami, względnymi najlepiej jest wczytywać wszystkie zasoby publiczne w sposób, który używa pełnego adresu:

Kod
http://adres.strony.pl/js/skrypt.js


zamiast

Kod
js/skrypt.js


Gość
7.08.2012, 00:25:33
Bałagan w plikach to fakt. Zacząłem przepisywać stronę i wiecie co? Po skasowaniu linka: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>, który był do slidera na startowej, Slider nie, ale galeria hula! smile.gif
Jakiś konflikt był chyba i blokowało, bo to ładowało ze strony ?

header.php
<script src="js/mootools-core.js"></script>
<script src="js/mootools-more.js"></script>
<script src="js/milkbox-yc.js"></script> //galeria

<script src="js/mapa.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> //po skasowaniu tej linni, działa galeria
<script src="js/slides.min.jquery.js"></script>
<script src="js/sliders.js"></script>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.