Информация

  • FastVps - Хостинг для форума
  • RegPartner - Домены по правильным ценам

"4admins.ru" Рекомендует

И опять скрипт обратного отсчета.

Графическое оформление, Шаблоны (html), темы (css), логотипы, картинки, смайлики и другое.
  • Автор 
    Сообщение
Аватара пользователя
Сообщения: 702
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 130
Поблагодарили: 316 раз в 213 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 16:58

Перед Новым годом многие ищут скрипт обратного отсчета времени.
Я нашла вот такой вариант:
Скрытый текст. Необходимо зарегистрироваться.

И чуть-чуть его исправила.
Нет, дело вовсе не в том, что я подставила другую дату и вместо "Ну вот и все" написала "С Новым годом".

Помимо этого в скрипт были сделаны дописки, которые научили его правильно сочетать числительные с существительными. То есть в моем варианте скрипт, отсчитывая время, не пишет по-русски с ошибками:
"До события осталось 12 день 13 минуты 11 секунда".
Он пишет "До события осталось 12 дней 13 минут 11 секунд"...

1. Открываем блокнот из стандартных программ. Выбираем кодировку своего форума (обычно это utf-8).
Копируем в блокнот код:
Код: Выделить всё
var eventstr = "С новым годом!";
var countdownid = document.getElementById("countdown");

var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec");

function CountDowndmn(yr,m,d){
   cdyear=yr;
   cdmonth=m;
   cdday=d;
   var today=new Date();
   var todayy=today.getYear();
   if (todayy < 1000)
   todayy+=1900;
   var todaym=today.getMonth();
   var todayd=today.getDate();
   var todayh=today.getHours();
   var todaymin=today.getMinutes();
   var todaysec=today.getSeconds();
   var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec;
   futurestring=montharray[m-1]+" "+d+", "+yr
   dd=Date.parse(futurestring)-Date.parse(todaystring);
   dday=Math.floor(dd/(60*60*1000*24)*1);
   dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1);
   dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1);
   dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1);
   if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1){
   countdownid.innerHTML=eventstr;
return
}
else {
   var lastchar = ""+dsec;   lastchar = lastchar.substring(lastchar.length-1,lastchar.length);
   var dsecstr = "секунд";
   if (lastchar=="1" && dsec!="11") { dsecstr = "секунда"; }
   if ((lastchar=="2"&& dsec!="12")||(lastchar=="3"&& dsec!="13")||(lastchar=="4"&& dsec!="14")) { dsecstr = "секунды"; }
   
   lastchar = ""+dmin;   lastchar = lastchar.substring(lastchar.length-1,lastchar.length);
   var dminstr    = "минут";
   if (lastchar=="1" && dmin!="11") { dminstr = "минута"; }
   if ((lastchar=="2" && dmin!="12")||(lastchar=="3" && dmin!="13")||(lastchar=="4" && dmin!="14")) { dminstr = "минуты"; }

   lastchar = ""+dhour;   lastchar = lastchar.substring(lastchar.length-1,lastchar.length);
   var dhourstr   = "часов";
   if (lastchar=="1" && dhourstr!="11") { dhourstr = "час"; }
   if ((lastchar=="2" && dhourstr!="12")||(lastchar=="3" && dhourstr!="13")||(lastchar=="4" && dhourstr!="14")) { dhourstr = "часа"; }

   lastchar = ""+dday;   lastchar = lastchar.substring(lastchar.length-1,lastchar.length);
   var ddaystr = "дней"
   if (lastchar=="1" && ddaystr!="11") { ddaystr = "день"; }
   if ((lastchar=="2" && ddaystr!="12")||(lastchar=="3"  && ddaystr!="13")||(lastchar=="4"  && ddaystr!="14")) { ddaystr = "дня"; }

   countdownid.innerHTML="До нового года осталось: " +dday+ " " +ddaystr+",  "+dhour+" "+dhourstr+", "+dmin+" "+dminstr+" и " +dsec+" "+dsecstr;

   
}
setTimeout("CountDowndmn(cdyear,cdmonth,cdday)",1000);
}

CountDowndmn(2012,01,01);


2. Сохраняем как файл javascript под именем countdown.

3. Заливаем файл на форум через менеджер картинок, копируем ссылку на залитый js-файл.

4. Открываем шаблон, в котором будет находиться надпись с обратным отсчетом.
(Например, overall_header).

5. Находим в шаблоне место, где будет находиться надпись с обратным отсчетом.
В это место вставляем код:

Код: Выделить всё
<div id="countdown"></div>
<script src="ссылка на залитый js-файл" type="text/javascript"></script>


6. Стиль надписи задаем по своему усмотрению.

За это сообщение пользователя Alice поблагодарили:
Bukovka, Gold, vlad360, Пионер, Модница

Аватара пользователя
Сообщения: 1848
Зарегистрирован: 02 окт 2009, 10:19
Откуда: Украина
Благодарил (а): 68
Поблагодарили: 673 раз в 507 сообщениях
Город: Киев
Пол: Мужской
Адрес форума: 4admins.ru
бабло: 0
Баллы репутации: 82

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 18:09

Не могли бы показать его в действии? Возможно ставили на тестовый форум?

Аватара пользователя
Сообщения: 702
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 130
Поблагодарили: 316 раз в 213 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 18:24

Gold писал(а):Не могли бы показать его в действии? Возможно ставили на тестовый форум?

На живом стоит. http://transalternativa.ru/index.php?style=33

Аватара пользователя
Сообщения: 132
Зарегистрирован: 10 дек 2010, 15:10
Благодарил (а): 67
Поблагодарили: 9 раз в 5 сообщениях
Город: Каменск-Уральский
Пол: Женский
Адрес форума: http://dekabristki.ru/
Баллы репутации: 1

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 21:26

Скажите,пожалуйста,а если я не могу сохранить файл как javascript .У меня всего два варианта: текстовый и все файлы.

Аватара пользователя
Сообщения: 511
Зарегистрирован: 14 окт 2009, 10:42
Благодарил (а): 49
Поблагодарили: 159 раз в 135 сообщениях
Город: germany
Пол: Мужской
Адрес форума: http://4adm.ru
Баллы репутации: 33

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 21:42

Модница писал(а):Скажите,пожалуйста,а если я не могу сохранить файл как javascript .У меня всего два варианта: текстовый и все файлы.


сохраняем как XXX.JS (выбрать все документы при сохранении)

За это сообщение пользователя vikweb поблагодарили:
Модница

Аватара пользователя
Сообщения: 702
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 130
Поблагодарили: 316 раз в 213 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 21:43

Тогда качайте из моего поста, все равно у Вас кодировка тоже utf-8. :)

П.С. Кстати. Поразмышляла... А ошибки то я все не исправила. Моя игрушка будет правильно сочетать числительные и существительные, когда до наступления события осталось не больше 100 дней. Если больше сотни - то как и исходник, тоже может ошибаться в падежах при подсчете дней. Но еще раз исправлять не буду. :nea: Все равно обратный отсчет обычно ставят незадолго до какого-нибудь праздника, так что вполне и такой вариант сгодится.
Вложения
countdown.js
(2.83 Кб) Скачиваний: 66
Последний раз редактировалось Alice 04 дек 2011, 21:44, всего редактировалось 1 раз.

За это сообщение пользователя Alice поблагодарили:
anya, Модница

Аватара пользователя
Сообщения: 125
Зарегистрирован: 15 ноя 2011, 19:19
Благодарил (а): 20
Поблагодарили: 23 раз в 18 сообщениях
Пол: Мужской
Адрес форума: http://help.4admins.ru/
бабло: 0
Баллы репутации: 9

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 21:43

Модница
в панели управления компьютером в подразделе параметры папки снимите галочку с пункта
скрывать разрешения для зарегистрированных типов.
Изображение
Изображение

потом просто файл называется убрав .txt т.е. польное название будет такое
Код: Выделить всё
countdown.js

и все javascript создан

За это сообщение пользователя vlad360 поблагодарили:
Модница

Аватара пользователя
Сообщения: 132
Зарегистрирован: 10 дек 2010, 15:10
Благодарил (а): 67
Поблагодарили: 9 раз в 5 сообщениях
Город: Каменск-Уральский
Пол: Женский
Адрес форума: http://dekabristki.ru/
Баллы репутации: 1

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 22:02

Всем просто огроменное спасибо,советов дельных надавали.....пойду воплощать :)

Аватара пользователя
Сообщения: 132
Зарегистрирован: 10 дек 2010, 15:10
Благодарил (а): 67
Поблагодарили: 9 раз в 5 сообщениях
Город: Каменск-Уральский
Пол: Женский
Адрес форума: http://dekabristki.ru/
Баллы репутации: 1

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 22:19

Alice писал(а):6. Стиль надписи задаем по своему усмотрению.

А вот этот пункт как воплотить?Или где этому поучиться?

Мне бы хотелось,чтобы отсчет стоял вот здесь:
Изображение

В какое место готовый скрипт ставить?

Аватара пользователя
Сообщения: 702
Зарегистрирован: 24 июн 2010, 13:42
Благодарил (а): 130
Поблагодарили: 316 раз в 213 сообщениях
Город: Москва
Пол: Женский
Адрес форума: http://foxlodge.fatbb.ru
Баллы репутации: 39

Re: И опять скрипт обратного отсчета.

Сообщение Добавлено: 04 дек 2011, 23:10

Модница писал(а):Мне бы хотелось,чтобы отсчет стоял вот здесь:


Ну это уж Вам свои шаблоны луше знать, что у Вас где находится. *pardon*
Попробуйте найти в шаблоне overal_header поискать строчку:
Код: Выделить всё
<tr>
            <td class="gensmall"><!-- IF S_USER_LOGGED_IN -->{LAST_VISIT_DATE}<!-- ENDIF --></td>
            <td class="gensmall" align="{S_CONTENT_FLOW_END}">{CURRENT_TIME}<br /></td>
         </tr>

И перед ней вставить:
Код: Выделить всё
<tr><td class="gensmall" align="{S_CONTENT_FLOW_BEGIN}"><div id="countdown"></div>
<script src="ссылка на залитый js-файл" type="text/javascript"></script></td></tr>

За это сообщение пользователя Alice поблагодарили:
Модница


Вернуться в Оформление Форума

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 12