Web Мастерская | Блог :: Страница: 27

Блог

Web Мастерская

Какие задачи необходимо уметь выполнять на JavaScript начинающему

Разумеется, что все мы когда-то ни чего не знали и не умели. Приходит время познавать что-то новое, изучать и учиться какому-либо ремеслу. Сайтостроение - это тоже ремесло, в которое входит много деталей, таких, как дизайн, навигация, функционал и тд. За дизайн отвечают теги и CSS, за навигацию может отвечать программная часть движка, может и чистый HTML, за функционал могут отвечать многие мелочи сайта, а также вся программная часть сайта, как на сервере, так и на загруженной странице в браузере. И если Вы начинающий ВебМастер, и на данный момент Вас интересует JavaScript, то Вы по адресу! Сегодня мы поговорим о том, с какими задачами необходимо уметь справляться начинающему изучение языка JavaScript.

На первое место я бы поставил, что должен знать и уметь новичок, это Область видимости переменных. Чтобы не заблудиться в трех соснах, почему переменная определена, но методы ее не могут распознать. А все очень просто, переменная вне зоны видимости. Чтобы не наступать на такие грабли,...

Жалоба

1 комментарий

Стиль маркировочного списка

CSS HTML

Чтобы составить список, используют тег <li> внутри <ul> или <ol>:

Выделить

<ul>
	<li>1 элемент списка.</li>
	<li>2 элемент списка.</li>
	<li>3 элемент списка.</li>
</ul>

<ol>
	<li>элемент списка.</li>
	<li>элемент списка.</li>
	<li>элемент списка.</li>
</ol>

В этом случае, браузер отобразит списки стандартного вида:

1 элемент списка.
2 элемент списка.
3 элемент списка.

элемент списка.
элемент списка.
элемент списка.

Чтобы изменить марке, установите тегу <ul> CSS свойство list-style-type:

Выделить

ul {
	list-style-type: disc;
}

Вместо значения disc можно использовать circle, в таком случае, маркеры будут в виде кругляшков, а не жирных точек.

Если необходимо изменить цвет маркера, используйте свойство:

Выделить

li::marker {
	color: #008800;
}

Вместо зеленного цвета (#008800) можете написать любой другой.

Можно использовать свою картинку, как маркер. И для этого существует свойство:

Выделить

li {
	list-style-image: url('marker.png');
}

Где marker.png - это Ваша картинка....

Жалоба

Как избавиться от всплывающей подсказке при наборе текста в поле (input type="text")

HTML

Чтобы запретить появление всплывающей подсказки с возможными вариантами текста, используйте атрибут autocomplete, со значением: off.

Пример:

Выделить

<input type="text" name:"title" autocomplete="off">

...

Жалоба

Ограничение на количество символов в текстовом поле (input type="text")

HTML

Чтобы ограничить поле на количество вводных символов существует атрибут maxlength, который не позволит написать символов больше, чем указано в его значении:

Выделить

<input type="text" name:"title" maxlength="25">

В данном случае, в поле нельзя записать более 25 символов.

Следует учесть тот факт, что пользователь может изменить данное значение, используя инструменты браузера, поэтому необходимо проверять количество символов в полученной от пользователя строке, на стороне сервера....

Жалоба

Как получить первые | последние несколько элементов массива на PHP

PHP

Для реализации одной задумки потребовалось получить первые несколько элементов массива, в дальнейшем следующие несколько элементов, затем следующие, и так до самого конца массива. В этом мне помогла функция array_slice, предназначение которой выбирать срез массива.

Пример получения первых трех элементов массива:

Выделить

$array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
$array = array_slice($array, 0, 3);

Теперь переменная $array содержит в себе массив:

Выделить

Array
(
    [0] => 1
    [1] => 2
    [2] => 3
)

Чтобы получить следующие три элемента, меняем ноль на три:

Выделить

$array = array_slice($array, 3, 3);

И получаем:

Выделить

Array
(
    [0] => 4
    [1] => 5
    [2] => 6
)

Получаем последние три элемента:

Выделить

$array = array_slice($array, 7, 3);

Итог:

Выделить

Array
(
    [0] => 8
    [1] => 9
    [2] => 10
)

Как Вы могли заметить, функция array_slice обнуляет ключи элементов. Если Вам необходимо сохранить порядковые номера ключей, укажите четвертым параметром true:

Выдели

...

Жалоба