Главная Случайная страница


Полезное:

Как сделать разговор полезным и приятным Как сделать объемную звезду своими руками Как сделать то, что делать не хочется? Как сделать погремушку Как сделать так чтобы женщины сами знакомились с вами Как сделать идею коммерческой Как сделать хорошую растяжку ног? Как сделать наш разум здоровым? Как сделать, чтобы люди обманывали меньше Вопрос 4. Как сделать так, чтобы вас уважали и ценили? Как сделать лучше себе и другим людям Как сделать свидание интересным?


Категории:

АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника






Пример 19.7. (html, txt)





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

label { width:142px; height:32px; background-color:#CCCCCC; float:left; display: block; font-family:Arial, Helvetica, sans-serif; font-size: 100%; letter-spacing: -1px; font-weight: normal; line-height: 1.1; color:#666;}.notefield{ margin-top:3px; margin-right:2px; padding-top:11px; padding-left:6px; height:32px; }

Пример 19.8. (html, txt)

И наконец, для того, чтобы ссылки списка выделялись при наведении на них курсора, и чтобы текст шрифт отличался от обычного синего с подчеркивание, определим селекторы соответствующих псевдоклассов:

a:link, a:visited{ color:#666; font-style:italic; font-weight:500; text-decoration:none; font-family:Arial, Helvetica, sans-serif;} a:hover, li:hover{ color:#666; font-style:italic; font-weight:bolder; cursor: pointer;

Пример 19.9. (html, txt)

Результатом станет веб - страница следующего вида:

Рис. 19.3. Результат выполнения шага 2

Собственно, теперь можно перейти к сути работы с localStorage.

Шаг 3

Нами уже были перечислены необходимые функции. Рассмотрим подробнее создание каждой из них.

Сохранение новой записи:

function saveNote(){ var name = document.getElementById('notename').value; /* создание переменной, хранящей значение введенное в поле Наименование.*/ var content = document.getElementById('notecontent').value; /* создание переменной для хранения текста самой записи*/ if(content == '') { alert('enter valid note text'); /* выводим предупреждающее сообщение, в случае, если не задан текст записи, см. рис. 4*/ } else { if (name == 0) { alert('enter valid note name'); /* выводим предупреждающее сообщение, если не задано наименование записи, см. рис. 5*/ } else {localStorage[name] = content;} /* созданение записи в localStorage, обратите внимание, что наименование записи является идентификатором, по которому сможем извлечь текст записи*//*Также отметим, что если пользователь выберет уже существующую запись и введет новый текст, без изменения наименования, то, по сути, произойдет редактирование записи, поскольку новое значение текста сохранится поверх старого, соответственно, если будет изменено наименование записи, то, фактически, произойдет создание новой*/ }






Date: 2015-07-22; view: 464; Нарушение авторских прав



mydocx.ru - 2015-2024 year. (0.006 sec.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав - Пожаловаться на публикацию