Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Jquery Добавление html страницы с таймером (https://javascript.ru/forum/jquery/53876-jquery-dobavlenie-html-stranicy-s-tajjmerom.html)

alex60070 22.02.2015 14:54

Jquery Добавление html страницы с таймером
 
Здравствуйте! Помогите пожалуйста с проблемой. Я хочу добавить несколько таймеров обратного отсчета, сделанных в этом сервисе http://e-timer.ru/, на одну php страницу. При добавлении 2 таймеров они работают некорректно. Я решил сделать для каждого из них отдельную html страницу(clock1.html, clock2.html и т.д) и с помощью jquery добавить их в разные div-ы на сайте. В общем, задумку вы поняли. Так вот, по отдельности эти страницы работают, но на страницу index.php не добавляются. Если вместо скрипта с часами на странице clock1.html поставить какой-то текст, он появляется на index.php. То есть, jquery работает корректно, но почему часы не работают? Помогите решить проблему, очень надо! Вот, собственно, код:
index.php
<html>
<head>

<title>TEST</title>
   <meta charset="utf-8">
   <link href="style.css" rel="stylesheet">
</head>
<body>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script>
$(document).ready(function(){
$('#here').load("clock1.html");
});
</script>


<div id="here"></div>

</body>
</html>



clock1.html(сгенерированный на сайте таймера код)
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://e-timer.ru/js/etimer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".eTimer").eTimer({
etType: 0, etDate: "23.02.2015.0.0", etTitleText: "До окончания акции осталось:", etTitleSize: 20, etShowSign: 1, etSep: ":", etFontFamily: "Trebuchet MS", etTextColor: "#a3a3a3", etPaddingTB: 15, etPaddingLR: 15, etBackground: "#333333", etBorderSize: 0, etBorderRadius: 2, etBorderColor: "white", etShadow: " 0px 0px 10px 0px #333333", etLastUnit: 4, etNumberFontFamily: "Impact", etNumberSize: 35, etNumberColor: "white", etNumberPaddingTB: 0, etNumberPaddingLR: 8, etNumberBackground: "#11abb0", etNumberBorderSize: 0, etNumberBorderRadius: 5, etNumberBorderColor: "white", etNumberShadow: "inset 0px 0px 10px 0px rgba(0, 0, 0, 0.5)"
});
});
</script>
<div class="eTimer"></div>
Заранее спасибо!

danik.js 22.02.2015 15:15

Ты чудишь конкретно. Как такое вообще в голову может придти?

<!--ДОКТАЙП ТО НЕ ЗАБЫЛ????-->
<html>
<head>
 
<title>TEST</title>
   <meta charset="utf-8">
   <link href="style.css" rel="stylesheet">
</head>
<body>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://e-timer.ru/js/etimer.js"></script>
<script>
$(document).ready(function(){
    $(".eTimer1").eTimer({etType: 0, etDate: "23.02.2015.0.0", etTitleText: "До окончания акции осталось:"});
    $(".eTimer2").eTimer({etType: 0, etDate: "23.03.2015.0.0", etTitleText: "До окончания акции осталось:"});
});
</script>
 
 
<div class="eTimer1"></div>
<div class="eTimer2"></div>
 
</body>
</html>

alex60070 22.02.2015 16:12

Спасибо огромное! Я серьезно чудак:lol: Учусь пока что, так что не сообразил сначала


Часовой пояс GMT +3, время: 04:12.