Web Мастерская
Контакт

Web Мастерская»Блог

Сообщество Web Мастеров. Тут собрано всё, чтобы написать свой первый сайт, запустить его в Интернет и поддерживать его в течении всей его работы.
Поиск блогов...

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

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

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

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

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 элемент списка.


  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:
Выдели
...
Реклама