Перейти к содержимому


Таймер Jquery. Шаблон Вечность


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

Отправлено 15 Апрель 2014 - 10:07

Хочу установить такой таймер http://serblog.ru/kr...cheta-na-jquery
Следуя инструкциям не очень понял.

<a href='#' id='Go_Top'>  
        <img src="{ASSETS_IMAGES_PATH}img_top.png" class="img_top" alt="Наверх" />
        <span>Наверх</span>
      </a>
    </div>
      <script type='text/javascript' src='http://st.storeland....&#39;></script>
      <script type="text/javascript" src="http://st.storeland....y.js"></script>
      <script type="text/javascript" src="http://st.storeland....n.js"></script>
  </body>
</html>
<script type='text/javascript' src='http://st.storeland....&#39;></script> поставил сам это галерея. В строке "Скрипты" она появилась.
ну следуя логике я добавил 2 файла с установкой и указав путь к файлу под него. Скрипт по прежнему один и он на галерею, а вот на таймер нет.

может тут особая установка какая? Или может просто строчки не так поставил.
далее установил в HTML сам сайт, вышло криво без картинок (которые так же загружал)
http://pohudeidoma.storeland.ru/

#2 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 15 Апрель 2014 - 15:44

Просмотр сообщенияReudo (15 Апрель 2014 - 10:07) писал:

Хочу установить такой таймер http://serblog.ru/kr...cheta-na-jquery
Следуя инструкциям не очень понял.

<a href='#' id='Go_Top'>  
<img src="{ASSETS_IMAGES_PATH}img_top.png" class="img_top" alt="Наверх" />
<span>Наверх</span>
  </a>
</div>
  <script type='text/javascript' src='http://st.storeland....&#39;></script>
  <script type="text/javascript" src="http://st.storeland....y.js"></script>
  <script type="text/javascript" src="http://st.storeland....n.js"></script>
  </body>
</html>
<script type='text/javascript' src='http://st.storeland....&#39;></script> поставил сам это галерея. В строке "Скрипты" она появилась.
ну следуя логике я добавил 2 файла с установкой и указав путь к файлу под него. Скрипт по прежнему один и он на галерею, а вот на таймер нет.

может тут особая установка какая? Или может просто строчки не так поставил.
далее установил в HTML сам сайт, вышло криво без картинок (которые так же загружал)
http://pohudeidoma.storeland.ru/

Здравствуйте, скачивай архив с файлами.
Загружаем файл jquery.js через Сайт - Редактор шаблонов - Добавить файлы.
Содержимое файла main.js добавляем в наш файл main.js в самый конец.
Содержимое файла style.css добавляем в наш файл style.css в самый конец.
Загружаем Картинки через Сайт - Редактор шаблонов - Добавить файлы.

Далее необходимо все подключить в шаблоне HTML
Перед </head> добавляем
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.js"></script>
<script>
 var currentyear=new Date().getFullYear();
 var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1 ; 
 var christmas="january 1, "+thischristmasyear+" 0:0:00";
 var currentTime=new Date();
 var targetdate=new Date(christmas);   
 var timediff=(targetdate-currentTime)/1000;
 var oneMinute=60;
 var oneHour=60*60;
 var oneDay=60*60*24;
 var dayfield=Math.floor(timediff/oneDay);
 var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour);
 var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute);
 var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute));
 $(function(){
 $('.c-block:eq(0) .bl-inner span').text(dayfield);
 $('.c-block:eq(1) .bl-inner span').text(hourfield);
 $('.c-block:eq(2) .bl-inner span').text(minutefield);
 $('.c-block:eq(3) .bl-inner span').text(secondfield);
 });
</script>

Код самого счетчика
<div class="time">
<em class="clock"></em>
<div class="c-block c-block-3"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-1">дней</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-2">часов</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-3">минут</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>5</span></div> <span class="etitle etitle-4">секунд</span></div>
</div>


#3 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

Отправлено 15 Апрель 2014 - 21:17

Не вышло. Загрузил файлы
открыл файл "main.js" вставил в самый конец
jQuery(this).find('.basket-summary').css('display', 'none');
  });
});
$(function() {
  jQuery(".basket-info").hover(function() {
jQuery(this).find('.basket-summary').css('display', 'block', 'z-index', '10000');
  }, function() {
и далее до оконца. со сл строки красным то что ввел.

далее открыл содержимое файла и добавил в самый конец в Style.css
.opt {
    float: right;
    font-size: 18px;
    color: red;
    position: relative;
    top: 34px;
    right: 10px;
}
* {
  margin: 0;
padding: 0;
}

html{
width: 100%;
height: 100%;
}

body{
position: relative;
background: #fff url(./i/bg.png);
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
font: normal 1em/1.2em Tahoma, Arial, Helvetica, sans-serif;
итд. красным с какого места вводил.   может надо было прямо у скобки делать  а не с новой сторки...
и в HTML добавил выше head вот так

<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if lte IE 9]> <html class="ie9_all" lang="en"> <![endif]-->
<!--[if lte IE 8]> <html class="ie8_all" lang="en"> <![endif]-->
<!--[if lte IE 7]> <html class="ie7_all" lang="en"> <![endif]-->

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.js"></script>
<script>
var currentyear=new Date().getFullYear();
var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1 ;
var christmas="january 1, "+thischristmasyear+" 0:0:00";
var currentTime=new Date();
var targetdate=new Date(christmas);  
var timediff=(targetdate-currentTime)/1000;
var oneMinute=60;
var oneHour=60*60;
var oneDay=60*60*24;
var dayfield=Math.floor(timediff/oneDay);
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour);
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute);
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute));
$(function(){
$('.c-block:eq(0) .bl-inner span').text(dayfield);
$('.c-block:eq(1) .bl-inner span').text(hourfield);
$('.c-block:eq(2) .bl-inner span').text(minutefield);
$('.c-block:eq(3) .bl-inner span').text(secondfield);
});
</script><div class="time">
<em class="clock"></em>
<div class="c-block c-block-3"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-1">дней</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-2">часов</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-3">минут</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>5</span></div> <span class="etitle etitle-4">секунд</span></div>
</div>
<head>
  <title>{PAGE_TITLE}</title>
файлы с картинками загрузил. вышло как на скрине.
файл jquery.js не трогал. он просто загружен в файлах

Прикрепленные изображения

  • ошибка.png


#4 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 16 Апрель 2014 - 10:38

Просмотр сообщенияReudo (15 Апрель 2014 - 21:17) писал:

Не вышло. Загрузил файлы
открыл файл "main.js" вставил в самый конец
jQuery(this).find('.basket-summary').css('display', 'none');
  });
});
$(function() {
  jQuery(".basket-info").hover(function() {
jQuery(this).find('.basket-summary').css('display', 'block', 'z-index', '10000');
  }, function() {
и далее до оконца. со сл строки красным то что ввел.

далее открыл содержимое файла и добавил в самый конец в Style.css
.opt {
float: right;
font-size: 18px;
color: red;
position: relative;
top: 34px;
right: 10px;
}
* {
  margin: 0;
padding: 0;
}

html{
width: 100%;
height: 100%;
}

body{
position: relative;
background: #fff url(./i/bg.png);
width: 100%;
height: auto !important;
height: 100%;
min-height: 100%;
font: normal 1em/1.2em Tahoma, Arial, Helvetica, sans-serif;
итд. красным с какого места вводил.   может надо было прямо у скобки делать  а не с новой сторки...
и в HTML добавил выше head вот так

<!DOCTYPE html>
<!--[if IE 7]> <html class="ie7" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="ie8" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9" lang="en"> <![endif]-->
<!--[if lte IE 9]> <html class="ie9_all" lang="en"> <![endif]-->
<!--[if lte IE 8]> <html class="ie8_all" lang="en"> <![endif]-->
<!--[if lte IE 7]> <html class="ie7_all" lang="en"> <![endif]-->

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.js"></script>
<script>
var currentyear=new Date().getFullYear();
var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1 ;
var christmas="january 1, "+thischristmasyear+" 0:0:00";
var currentTime=new Date();
var targetdate=new Date(christmas);  
var timediff=(targetdate-currentTime)/1000;
var oneMinute=60;
var oneHour=60*60;
var oneDay=60*60*24;
var dayfield=Math.floor(timediff/oneDay);
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour);
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute);
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute));
$(function(){
$('.c-block:eq(0) .bl-inner span').text(dayfield);
$('.c-block:eq(1) .bl-inner span').text(hourfield);
$('.c-block:eq(2) .bl-inner span').text(minutefield);
$('.c-block:eq(3) .bl-inner span').text(secondfield);
});
</script><div class="time">
<em class="clock"></em>
<div class="c-block c-block-3"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-1">дней</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-2">часов</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-3">минут</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>5</span></div> <span class="etitle etitle-4">секунд</span></div>
</div>
<head>
  <title>{PAGE_TITLE}</title>
файлы с картинками загрузил. вышло как на скрине.
файл jquery.js не трогал. он просто загружен в файлах

Код самого счетчика должен находиться после  <body> в том месте где вы хотите чтобы отображался таймер

#5 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

Отправлено 16 Апрель 2014 - 12:26

без изменений, только выросла полоска главного меню. строки "дни часы минуты секунды" есть, но на них нет цифр
Установка jquery.js проходит:  просто загружением файла на сайт?
установил как вы сказали
Загружаем файл jquery.js через Сайт - Редактор шаблонов - Добавить файлы.
Содержимое файла main.js добавляем в наш файл main.js в самый конец. (содержимое открыл через браузер и скопировал все что там было)
Содержимое файла style.css добавляем в наш файл style.css в самый конец. (то же самое)
Загружаем Картинки через Сайт - Редактор шаблонов - Добавить файлы.
в чем же может быть проблема

#6 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 16 Апрель 2014 - 12:41

Просмотр сообщенияReudo (16 Апрель 2014 - 12:26) писал:

без изменений, только выросла полоска главного меню. строки "дни часы минуты секунды" есть, но на них нет цифр
Установка jquery.js проходит:  просто загружением файла на сайт?
установил как вы сказали
Загружаем файл jquery.js через Сайт - Редактор шаблонов - Добавить файлы.
Содержимое файла main.js добавляем в наш файл main.js в самый конец. (содержимое открыл через браузер и скопировал все что там было)
Содержимое файла style.css добавляем в наш файл style.css в самый конец. (то же самое)
Загружаем Картинки через Сайт - Редактор шаблонов - Добавить файлы.
в чем же может быть проблема

Здравствуйте, уточните пожалуйста на каком сайте вы пробуете установить таймер?
Никаких изменений на этом сайте http://pohudeidoma.storeland.ru/ не обнаружено, добавьте их чтобы мы могли посмотреть где возникают ошибки

#7 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

Отправлено 16 Апрель 2014 - 13:43

Я возвращал все обратно. боюсь сайт испортить. в данном случае сделано все по инструкции. адрес сайта http://pohudeidoma.storeland.ru/
только в данном случае я хочу установить таймер  типа "до конца акции осталось "дней часов минут секунд" "

#8 Castiel

Castiel

    Активный участник

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 16 Апрель 2014 - 14:16

Просмотр сообщенияReudo (16 Апрель 2014 - 13:43) писал:

Я возвращал все обратно. боюсь сайт испортить. в данном случае сделано все по инструкции. адрес сайта http://pohudeidoma.storeland.ru/
только в данном случае я хочу установить таймер  типа "до конца акции осталось "дней часов минут секунд" "

Перечитайте инструкцию еще раз и выполните ее в точности так как написано.

Загружаем файл jquery.js через Сайт - Редактор шаблонов - Добавить файлы.
Содержимое файла main.js добавляем в наш файл main.js в самый конец.
Содержимое файла style.css добавляем в наш файл style.css в самый конец.
Загружаем Картинки через Сайт - Редактор шаблонов - Добавить файлы.


Далее необходимо все подключить в шаблоне HTML
Перед </head> добавляем
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.js"></script>
<script>
var currentyear=new Date().getFullYear();
var thischristmasyear=(new Date().getMonth()==0 && new Date().getDate()==1)? currentyear : currentyear + 1 ;
var christmas="january 1, "+thischristmasyear+" 0:0:00";
var currentTime=new Date();
var targetdate=new Date(christmas);
var timediff=(targetdate-currentTime)/1000;
var oneMinute=60;
var oneHour=60*60;
var oneDay=60*60*24;
var dayfield=Math.floor(timediff/oneDay);
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour);
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute);
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute));
$(function(){
$('.c-block:eq(0) .bl-inner span').text(dayfield);
$('.c-block:eq(1) .bl-inner span').text(hourfield);
$('.c-block:eq(2) .bl-inner span').text(minutefield);
$('.c-block:eq(3) .bl-inner span').text(secondfield);
});
</script>

Код самого счетчика необходимо вставить после <body>
<div class="time">
<em class="clock"></em>
<div class="c-block c-block-3"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-1">дней</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-2">часов</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>10</span></div> <span class="etitle etitle-3">минут</span></div>
<div class="c-block c-block-2"><div class="bl-inner"><span>5</span></div> <span class="etitle etitle-4">секунд</span></div>
</div>


#9 Reudo

Reudo

    Новичок

  • Пользователи
  • Pip
  • 9 сообщений
  • ГородУльяновск

Отправлено 19 Май 2014 - 14:39

видимо не дано.

#10 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 20 Май 2014 - 02:11

что именно у вас не получилось и что именно вам не понятно из инструкции выше?




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных