Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: colorbox - prosty przykład
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
przemysuaw
8.05.2013, 10:42:32
Witam.

Przykład jest banalny, ale nie wiem czemu mi nie działa smile.gif. 

[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  3. <head>
  4.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5.       <title>Untitled</title>
  6.       <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  7.       <link rel="stylesheet" href="../css/colorbox.css" />
  8.  
  9.        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  10. <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  11.             <script  type="text/javascript"
  12.       src="../lib/jquery-1.9.1.js"></script>
  13.        <script  type="text/javascript"
  14.       src="../lib/jquery-ui-1.10.3.custom.min.js"></script>
  15.          <script src="../lib/jquery.colorbox-min.js" type="text/javascript"></script>
  16.     </head>
  17.  
  18. <body>
  19.  
  20. <a  href="../grafika/DTM.jpg" rel="gal" title="DTM" >DTM</a>
  21. <a  href="../grafika/Geodezyjna obsługa inwestycji.JPG" rel="gal" title="Obsługa">Obsługa</a>
  22. <a   href="../grafika/Mapa_numeryczna.JPG" rel="gal" title="Mapa">Mapa</a>
  23.  
  24.     <script> 
  25. $(document).ready(function() {
  26.   $('a[rel="gal"]').colorbox();
  27.   });
  28. </script>
  29. </body>
  30. </html>
[PHP] pobierz, plaintext
nospor
8.05.2013, 10:46:48
Może dlatego ze dołączasz 15 razy biblioteke jquery?
przemysuaw
8.05.2013, 11:00:44
Zmieniłem na:
[PHP] pobierz, plaintext 
  1. <head>
  2.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  3.       <title>Untitled</title>
  4.       <link rel="stylesheet" href="../css/colorbox.css" />
  5.        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  6.          <script src="../lib/jquery.colorbox-min.js" type="text/javascript"></script>
  7.     </head>
[PHP] pobierz, plaintext


ale nadal nie działa.
nospor
8.05.2013, 11:02:51
FireFox -> FireBug -> Consola błędów i się temu przyjrzyj czy nie masz bledow jakiś
A na przyszłość pisz, czym się objawia "niedziałanie" oraz podawaj bledy
przemysuaw
8.05.2013, 11:10:16
Jak podejrzewam nie muszę mówić, że dopiero zaczynam.

Tak wygląda konsola błędów, niestety nie mogę się w tym połapać.

[php]
Obiekt Components jest przestarzały. Zostanie wkrótce usunięty.
(?)()test1.php (wiersz 19)
fire()jquery-1.9.1.js (wiersz 1037)
data =
fireWith()jquery-1.9.1.js (wiersz 1148)
context =
ready()jquery-1.9.1.js (wiersz 433)
wait =

undefined

completed()jquery-1.9.1.js (wiersz 103)
event = DOMContentLoaded
[Wstrzymuj na tym błędzie]

$('a[rel="gal"]').colorbox();

test1.php (wiersz 19)

Udostępnianie obiektów chrome JS stronom bez użycia __exposedProps__ jest niebezpieczne i przestarzałe. Więcej informacji: https://developer.mozilla.org/en/XPConnect_wrappers.
[Wstrzymuj na tym błędzie]

...sh.js -> resource://jid1-yzwvfzbsyfmrqq-at-jetpack/api-utils/lib/sandbox.js -> r...

pagemod.js (wiersz 36)
<System>

Obiekt Components jest przestarzały. Zostanie wkrótce usunięty.
[Wstrzymuj na tym błędzie]

$('a[rel="gal"]').colorbox();

test1.php (wiersz 19)

Udostępnianie obiektów chrome JS stronom bez użycia __exposedProps__ jest niebezpieczne i przestarzałe. Więcej informacji: https://developer.mozilla.org/en/XPConnect_wrappers.
[Wstrzymuj na tym błędzie]

...sh.js -> resource://jid1-yzwvfzbsyfmrqq-at-jetpack/api-utils/lib/sandbox.js -> r...

pagemod.js (wiersz 36)
<System>

Obiekt Components jest przestarzały. Zostanie wkrótce usunięty.
[Wstrzymuj na tym błędzie]

...efish.js -> resource://jid1-yzwvfzbsyfmrqq-at-jetpack/api-utils/lib/sandbox.js -...

content-proxy.js (wiersz 7)
<System>

Udostępnianie obiektów chrome JS stronom bez użycia __exposedProps__ jest niebezpieczne i przestarzałe. Więcej informacji: https://developer.mozilla.org/en/XPConnect_wrappers.
[Wstrzymuj na tym błędzie]

...sh.js -> resource://jid1-yzwvfzbsyfmrqq-at-jetpack/api-utils/lib/sandbox.js -> r...

pagemod.js (wiersz 36)
<System>

Obiekt Components jest przestarzały. Zostanie wkrótce usunięty.
[Wstrzymuj na tym błędzie]

$('a[rel="gal"]').colorbox();

test1.php (wiersz 19)

Udostępnianie obiektów chrome JS stronom bez użycia __exposedProps__ jest niebezpieczne i przestarzałe. Więcej informacji: https://developer.mozilla.org/en/XPConnect_wrappers.
[Wstrzymuj na tym błędzie]

...sh.js -> resource://jid1-yzwvfzbsyfmrqq-at-jetpack/api-utils/lib/sandbox.js -> r...
Arcioch
8.05.2013, 11:27:09
Spakuj pliczki i wrzuć gdzieś na serwer to powiem Ci co nie gra i co robisz źle smile.gif
przemysuaw
8.05.2013, 11:41:25

Link do plików.

http://www.wrzucaj.org/534366

Z góry dziękuję smile.gif.
Arcioch
8.05.2013, 12:02:42
LINK : http://www.wrzucaj.org/564952

A teraz co było źle smile.gif

1. Stara wersja colorboxa do wersji jQuery smile.gif miałeś jQuery 1.9.1 a ten plik js colorboxa działał do wersji 1.3.1. Zawsze pobieraj najnowsze wersje skryptów najlepiej z gita albo podobnych serwisów LINK smile.gif

2. Albo wysłałeś mi zła strukturę katalogów albo nie wiesz jak poruszać się po folderach smile.gif przykład:

To oznacza że plik jest w jednym katalogu wstecz w folderze lib.

[HTML] pobierz, plaintext 
  1.  <script src="../lib/jquery.colorbox-min.js" type="text/javascript"></script>
[HTML] pobierz, plaintext


Ty powinieneś mieć tak (parz poniżej) bo skrypt jest w katalogu głównym

[HTML] pobierz, plaintext 
  1.  <script src="jquery.colorbox-min.js" type="text/javascript"></script>
[HTML] pobierz, plaintext


3. Używaj kodowania UTF-8 smile.gif
4. Skoro konsola wywala błąd, że colorbox jest niezdefiniowany znaczy to, że albo skrypt jest nie poprawnie dołączony albo, że wersja się nie zgadza smile.gif

To tak z grubsza smile.gif

Pozdrawiam
Arcio
przemysuaw
8.05.2013, 12:16:49
Super, dzięki.

Wszystko działa.

Co do katalogów, to rzeczywiście mogłem Ci ułatwić nieco i wysłać w prawidłowej strukturze, a nie gołe pliki smile.gif.
Następnym razem tak zrobię.

Dzięki też za info odnośnie interpretacji błędów smile.gif.

UTF-8 nie obsługuje polskich znaków.

Pozdrawiam
Arcioch
8.05.2013, 12:21:40
Cytat
UTF-8 nie obsługuje polskich znaków.


UTF-8 obsługuje polskie znaki smile.gif Zapisz tylko plik z odpowiednim kodowaniem czyli UTF-8 bez boom jakiś edytorem (np. notepad++) smile.gif
UTF-8 jest teraz standardem nie powinieneś korzystać z innego kodowania smile.gif
przemysuaw
8.05.2013, 12:29:08
Ok smile.gif
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.