-

Обучение Облачный хостинг с изолированными сайтами

-
-

Javascript для контент-менеджеров

Отдельные функции

Проверка, существует ли на странице элемент с div_ID:

if(!document.getElementById('div_ID')) {alert('нет');} else {alert('есть');}

Изменения в элементах одного класса:

function stop_all_sound() { var cont = document.getElementById('div_id') var elems = cont.getElementsByTagName('span') for(var i=0; i<elems.length; i++) { elems[i].style.display="none"; } }

Изменение CSS-класса для элемента с div_ID:

document.getElementById('div_id').className='class1';

Обрезка выражения на один знак с конца:

abc="1234"
abc.slice(0, -1) // 123

... или с начала:

abc="1234"
abc.slice(1) // 234

Расчёт даты в минутах

Для того чтобы на странице различные блоки отображались в зависимости от даты, до определённого числа - одно, затем другое - я перевожу даты в минуты. Скрипт проверяет - настоящее время в минутах меньше или больше времени, после которого на странице должны происходить изменения и действует по алгоритму.

Вы можете рассчитать сколько в минутах пройдёт до определённой даты от начала года:

[date-in-minutes-html][/date-in-minutes-html]
[date-in-minutes-js][/date-in-minutes-js]

{tab=Скрипт}

modhm_base=new Array(12) // база для обычного года
modhm_base[1]=0
modhm_base[2]=44640
modhm_base[3]=84960
modhm_base[4]=129600
modhm_base[5]=172800
modhm_base[6]=217440
modhm_base[7]=260640
modhm_base[8]=305280
modhm_base[9]=349920
modhm_base[10]=393120
modhm_base[11]=437760
modhm_base[12]=480960

modhm_base_leap=new Array(12) // база для высокосного года
modhm_base_leap[1]=0
modhm_base_leap[2]=44640
modhm_base_leap[3]=86400
modhm_base_leap[4]=131040
modhm_base_leap[5]=174240
modhm_base_leap[6]=218880
modhm_base_leap[7]=262080
modhm_base_leap[8]=306720
modhm_base_leap[9]=351360
modhm_base_leap[10]=394560
modhm_base_leap[11]=439200
modhm_base_leap[12]=482400

var time=new Date();
var mo=time.getMonth() + 1;
var date=time.getDate();
var h=time.getHours();
var m=time.getMinutes();
var modhm=modhm_base[mo]+date*24*60+h*60+m;

{tab=Соответствие CSS-правил и свойств объекта style}

background background
background-attachment backgroundAttachment
background-color backgroundColor
background-image backgroundImage
background-position backgroundPosition
background-repeat backgroundRepeat
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color borderColor
border-left borderLeft
border-left-color borderLeftColor
border-left-style borderLeftStyle
border-left-width borderLeftWidth
border-right borderRight
border-right-color borderRightColor
border-right-style borderRightStyle
border-right-width borderRightWidth
border-style borderStyle
border-top borderTop
border-top-color borderTopColor
border-top-style borderTopStyle
border-top-width borderTopWidth
border-width borderWidth
clear clear
clip clip
color color
cursor cursor
display display
filter filter
font font
font-family fontFamily
font-size fontSize
font-variant fontVariant
font-weight fontWeight
height height
left left
letter-spacing letterSpacing
line-height lineHeight
list-style listStyle
list-style-image listStyleImage
list-style-position listStylePosition
list-style-type listStyleType
margin margin
margin-bottom marginBottom
margin-left marginLeft
margin-right marginRight
margin-top marginTop
overflow overflow
padding padding
padding-bottom paddingBottom
padding-left paddingLeft
padding-right paddingRight
padding-top paddingTop
page-break-after pageBreakAfter
page-break-before pageBreakBefore
position position
float styleFloat
text-align textAlign
text-decoration textDecoration
text-decoration: blink textDecorationBlink
text-decoration: line-through textDecorationLineThrough
text-decoration: none textDecorationNone
text-decoration: overline textDecorationOverline
text-decoration: underline textDecorationUnderline
text-indent textIndent
text-transform textTransform
top top
vertical-align verticalAlign
visibility visibility
width width
z-index zIndex

Записи по этим же темам

  • Новинки на сайте

    Нужно решить, кто инициализирует появление новинок на сайте и какую информацию о новинке он должен предоставить

  • ТЗ для импорта CSV в каталог

    Для создания или доработки импорта CSV на сайт нужно разово привлечь веб-разработчика. Основываясь на нашем ТЗ вы начнёте пользоваться импортом, учитывающем весь наш опыт работы с каталогами. А также экономить время, и нервы, сделав импорт простой и предсказуемой операцией.

  • Как проще поддерживать каталог товаров актуальным?

    Работу с каталогом следует вести с помощью таблиц. Так проще контролировать точность и полноту сведений о товарах. Быстро вносить правки в тысячи позиций. Наполнение каталога можно проводить быстрее силами нескольких операторов под контролем контент-менеджера. Таблица свойств помогает изучить ассортимент новому менеджеру по продажам. Клиентам удобнее пользоваться полным и актуальным каталогом.

  • Иконка сайта

    Иконка сайта помогает найти его в результатах поиска и вкладках браузера. Ясная, подходящая к теме сайта иконка добавляет ещё один "плюс в карму" сайта ...

  • Готовим презентацию! Подготовка презентации по рабочей тетради.

    Иногда нам приходится покидать свой уютный домашний "Офис" и рассказывать другим людям: чем это мы вне их глаз занимаемся. Если расскажем красиво - сможем укрепить веру слушателей в эффективность удалённой работы. Предлагаю памятку для подготовки своего выступления.

-
-