Все ленты — последние статьи

Создает список, которые можно выбирать при наборе, поиске

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>datalist</title>
</head>
<body>
<p>Выберите любимого персонажа:</p>
<p><input list="character">
<datalist id="character">
<option value="Чебурашка"></option>
<option value="Крокодил Гена"></option>
<option value="Шапокляк"></option>

</datalist></p>
</body>
</html>

фрэйм прокручен до нужного места c помощью JavaScript

http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<p>Этот фрэйм показывает данные начиная с якоря anchor:</p>

<iframe src="/inner.html#anchor" vspace="50" hspace="10" marginwidth="30" marginheight="8" frameborder="1" height="150" scrolling="auto" width="700" style="border: 1px solid #CCC"></iframe>


<p>А этот фрэйм прокручен до нужного места c помощью JavaScript-функции scrollTo:</p>

<iframe src="/inner.html" name="innerName" id="innerName" vspace="50" hspace="10" marginwidth="30" marginheight="8" frameborder="1" height="150" scrolling="auto" width="700" style="border: 1px solid #CCC"></iframe>

<script type="text/javascript">

function iframeScrollTo(){
// for IE document.getElementById("innerName").contentWindow.scrollTo(0, 450);
window.innerName.scrollTo(0, 450);
}

if(window.addEventListener){
window.addEventListener('load', iframeScrollTo, false);
}else if(window.attachEvent){
window.attachEvent('onload', iframeScrollTo);
}else{
window.onload = iframeScrollTo;
}
</script>

</body>
</html>

Ограничение количества вводимых символов для textarea

Для элементов input доступно такое свойство, как maxlength, которое позволяет ограничить количество вводимых в эти поля символов. Однако для textarea такой атрибут не существует, и поэтому для ограничения ввода нужно использовать JavaScript.
<script type="text/javascript">
function limitText(limitField, limitCount, limitNum) {
if (limitField.value.length > limitNum) {
limitField.value = limitField.value.substring(0, limitNum);
} else {
limitCount.value = limitNum — limitField.value.length;
}
}
</script>

Пример использования функции:
<form name="myform">
<textarea name="message" onKeyDown="limitText(this,this.form.count,20);"
onKeyUp="limitText(this,this.form.count,20);">
</textarea><br />
<span style="font-size:smaller">(не более 20 символов)</span><br/>
<input readonly type="text" name="count" size="3" value="20"/> символов осталось.
</form>

UTF-8

UTF-8
PHP урок № 329

UTF-8 (от англ. Unicode Transformation Format — формат преобразования Юникода) — в настоящее время распространённая кодировка, реализующая представление Юникода, совместимое с 8-битным кодированием текста. Нашла широкое применение в операционных системах и веб-пространстве.
Текст, состоящий только из символов Юникода с номером меньше 128, при записи в UTF-8 превращается в обычный текст ASCII. И наоборот, в тексте UTF-8 любой байт со значением меньше 128 изображает символ ASCII с тем же кодом. Остальные символы Юникода изображаются последовательностями длиной от 2 до 6 байт (реально только до 4 байт, поскольку использование кодов больше 221 не планируется), в которых первый байт всегда имеет вид 11xxxxxx, а остальные — 10xxxxxx.
Проще говоря, в формате UTF-8 символы латинского алфавита, знаки препинания и управляющие символы ASCII записываются кодами US-ASCII, a все остальные символы кодируются при помощи нескольких октетов со старшим битом 1. Это приводит к двум эффектам.
Даже если программа не распознаёт Юникод, то латинские буквы, арабские цифры и знаки препинания будут отображаться правильно.
В случае, если латинские буквы и простейшие знаки препинания (включая пробел) занимают существенный объём текста, UTF-8 даёт выигрыш по объёму по сравнению с UTF-16.[1][2]
На первый взгляд может показаться, что UTF-16 удобнее, так как в ней большинство символов кодируется ровно двумя байтами. Однако это сводится на нет необходимостью поддержки суррогатных пар, о которых часто забывают при использовании UTF-16, реализуя лишь поддержку символов UCS-2.[1]
Формат UTF-8 был изобретён 2 сентября 1992 года Кеном Томпсоном и Робом Пайком и реализован в Plan 9[3]. Сейчас стандарт UTF-8 официально закреплён в документах RFC 3629 и ISO/IEC 10646 Annex D.
Википедия.
Изменить кодировку документа на UTF-8
Часто случается так, что преобразовать документ в кодировку UTF-8, привычными способами не получается. Такие способы как например установка мета тега:

<meta http-equiv="content-type" content="text/html;charset=utf-8"/>

не возимеют должного результата. Тому причиной может служить настройки web-сервера, в данном случае Apache. Для того чтоб обойти или точнее сказать перенастроить для отдельной директории некие параметры, применяется специальный файл с именем .htaccess.
.htaccess (от. англ. hypertext access) — файл дополнительной конфигурации веб-сервера Apache, а также подобных ему серверов. Позволяет задавать большое количество дополнительных параметров и разрешений для работы веб-сервера в отдельных каталогах (папках), таких как управляемый доступ к каталогам, переназначение типов файлов и т.д., без изменения главного конфигурационного файла.

Википедия.
Выход довольно прост, для того что бы документ в кодировке UTF-8, корректно отображался:

Нужно прописать мета тег <meta http-equiv="content-type" content="text/html;charset=utf-8"/> в теги head
Создать файл .htaccess именно с точкой в начале. Это очень просто делается с помощью бесплатной програмки Notepad++
И вписать в этот файл строку AddDefaultCharset UTF-8

Подробнее: UTF-8

Передача value не отмеченного checkbox на сервер

Так уж исторически сложилось, что value не отмеченного checkbox'а (которое будет равно 0) не передаётся на сервер. Всё бы хорошо, но бывает так, что форма на сайте интерактивная, и необходимо обязательно знать, был отмечен checkbox или нет, ибо именно по этому value php скрипт будет узнавать, было ли на форме вообще поле с галочкой. Ниже рассмотрим небольшое решение этой проблемы.

Пример

Подробнее: Передача value не отмеченного checkbox на сервер