Nie jesteś zalogowany.
Jeśli nie posiadasz konta, zarejestruj je już teraz! Pozwoli Ci ono w pełni korzystać z naszego serwisu. Spamerom dziękujemy!
Prosimy o pomoc dla małej Julki — przekaż 1% podatku na Fundacji Dzieciom zdazyć z Pomocą.
Więcej informacji na dug.net.pl/pomagamy/.
Strony: 1
Zacząłem bawić się stronami. Pomyślałem, że dodam sobie odliczanie czasu. Znalazłem sobie https://github.com/wimbarelds/TimeCircles .
Miałem już :
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
Dorzuciłem do strony.
<link rel="stylesheet" href="inc/TimeCircles.css"> <script type="text/javascript" src="inc/TimeCircles.js"></script>
No i teraz mam wpisać
$(".example").TimeCircles();
Pomyślałem, że ma być tak:
<div class="section"> <div class="container"> <div class="row"> <div class="col-md-12"> <script type="text/javascript" src="inc/TimeCircles.js"> $(".example").TimeCircles(); </script> <div class="example" data-date="2014-01-01 00:00:00">
Ale efektu żadnego nie widzę.
Poratujcie początkującego.
Ostatnio edytowany przez gnejusz pompejusz (2015-04-10 12:17:58)
Offline
zakładam że pliki w ./inc masz.
przenueś .example przed skrypt i zamknij diva bo się nie kończy.
Offline
<div class="section"> <div class="container"> <div class="row"> <div class="col-md-12"> <script type="text/javascript" src="inc/TimeCircles.js"> $(".example").TimeCircles(); </script> <div class="example" data-date="2014-01-01 00:00:00"> </div> </div> </div> </div> </div>
Chodzi, ci żeby wrzucić
$(".example").TimeCircles();
pomiędzy
<script>
Pliki w ./inc mam.
Offline
nie. chodzi mi o to, aby div example (zamknięty) istniał już w momencie wywołania skryptu.
na telefonie nie sprawdzę ale tak mi się wydaje, że skrypt tego diva nie może znaleźć bo w chwili jego wywołania diva jeszcze nie ma.
Offline
podaj caly kod i link do strony, takze strukture katalogow w ktorych miesci sie strona.
Offline
Hmm...
strona póki co jest na moim dysku.
inc/ 09.04.2015, 15:27:03 kolka.html 1.4 kB 10.04.2015, 08:01:46 styl.css 141 kB 08.04.2015, 08:51:26 styl.less 27.0 kB 08.04.2015, 08:51:26
Nazwa Rozmiar Data modyfikacji [katalog główny] readme.css 807 B 27.07.2014, 06:01:20 TimeCircles.css 841 B 27.07.2014, 06:01:20 TimeCircles.js 33.9 kB 09.04.2015, 15:27:03
i strona
<!DOCTYPE html> <html> <head> <meta name="description" content="Producent innowacyjnych drukarek 3d."> <title>Strona startowa</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="http://netdna.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script> <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="styl.css"> <link rel="stylesheet" href="inc/TimeCircles.css"> <script type="text/javascript" src="inc/TimeCircles.js"></script> </head> <body> <div class="section"> <div class="container"> <div class="row"> <div class="col-md-12"> <h1>A title</h1> <div class="example" id="example" data-date="2014-01-01 00:00:00"> </div> </div> </div> </div> </div> </body> <script type="text/javascript" src="inc/TimeCircles.js"> $(".example").TimeCircles(); </script> </html>
Offline
<script type="text/javascript" src="inc/TimeCircles.js"> $(".example").TimeCircles(); </script>
zamien na
<script type="text/javascript" src="inc/TimeCircles.js"> </script> <script type="text/javascript"> $(".example").TimeCircles(); </script>
lub
<script type="text/javascript"> $(".example").TimeCircles(); </script>
bo juz wczesniej includujesz ten skrypcik
A
<head> ... <link rel="stylesheet" href="/inc/TimeCircles.css"> <script type="text/javascript" src="inc/TimeCircles.js"></script> </head>
zmien na
<head> ... <link rel="stylesheet" href="/inc/TimeCircles.css"> <script type="text/javascript" src="/inc/TimeCircles.js"></script> </head>
bo jak masz mod_rewrite wlaczone to moze nie includowac w ogole tego skryptu na podstronach
PS. Tu masz opis korzystania z <script> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
Ostatnio edytowany przez ponury_kostek (2015-04-10 09:07:28)
Offline
ponury_kostek napisał(-a):
[...]
Dobrze gada, polać mu.
Offline
Kod:
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
99% stron tak includuje biblioteki z obcych adresów, ale to czasem kończy się nie tak, jak sobie programiści wyobrażają:
http://niebezpiecznik.pl/post/jquery-dojechane-po-raz-drugi/
Także radziłbym potrzebną bibliotekę ściągać na serwer i serwować
razem ze stroną z zaufanego miejsca, to chyba lepsze wyjście, niż sytuacja, kiedy nie wszystkie składniki strony są pod kontrolą admina strony.
Jeszcze nie widziałem, żeby ktoś includując bibliotekę js z Githuba, CloudFlare czy Googleapis sprawdzał np sumę kontrolną tej biblioteki (co pewnie w js jakoś dałoby się wykonać).
W razie czego Debian testing ma w repo sporo bajzlu znanego jako libjs-jquery-*, może to byłoby jakieś rozwiązanie.
Ostatnio edytowany przez Jacekalex (2015-04-17 04:09:38)
Offline
Strony: 1