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

Начну я из далека: читать дальше »

Ротатор rotator картинок на javascript.
Я не раз встречал сайты с картинками, при наведении курсора на которые, картинка превращалась в анимацию.

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

|1кадр| читать дальше »

Добавлять события к элементам - излюбленное занятие веб разработчиков.
Какие карявые коды обычно пишут умельцы?

Самый простой пример карявого добавления обработчика события элементу:

<div id="baran">кликни по мне</div>

<script type="text/javascript">
document.getElementById('baran').onclick=function () {
	alert('у вас получилось кликнуть');
}
</script>

В интернете есть множество готовых кривых скриптов на javascript для работы с кукисами.
То ли дело в PHP назначать и удалять кукисы - одно наслаждение.
Так например в книге
JavaScript: Подробное руководство
можно созерцать довольно унылое описание того как можно работать с кукисами. читать дальше »

Написав вот такой код на сайте, мы неприменно заметим что он выдет ошибку...
Почему возникает ошибка, ведь код правильный?

<script type="text/javascript">
function olyx() {
	document.getElementById('baran').innerHTML='ну ты и баран';
}
olyx();
</script>

<div id="baran"></div>

Этот вопрос очень часто задают новички.

Прежде чем начать создавать элементы, перед тегом head подключим scriptjava фреймворк

<script type="text/javascript" src="http://scriptjava.net/source/scriptjava/scriptjava.js"></script>

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

<script type="text/javascript">
//создаю элемент
var new_div = $$i({
  create:'div',
  attribute: {
...

Иногда требуется динамически подключать скрипты в нужный момент после загрузки сайта.
Такие сайты как Яндекс, Гугл, Мэил ру и другие используют это постоянно.

Какие проблемы могут возникнуть если динамически подключить javascript с помощью вот такого кода?

<script type="text/javascript">
javascript:var s = document.createElement('script');s.type='text/javascript';
...

Скринсейвер написан на javascript
а так же с использованием движка описанного в теме
Спрайты на javascript
скриншоты скринсервера с описанием

окно загрузки скринсервера

анимированная заставка читать дальше »

Работа с Ajax, отправка post, get, head запросов на сервер.

Прежде чем работать с аяксом поместите на сайте вот такой код:

<div id="result">Тут будет ответ от сервера</div><br /><br />
<div onclick="SendGet();">Отправить GET запрос через Ajax</div><br />
<div onclick="SendPost();">Отправить POST запрос через Ajax</div><br />
<div onclick="SendHead();">Отправить HEAD запрос через Ajax</div>
...

Как отправить файл на сервер через Ajax?
Как отправить файлы через скрытый фрейм iframe?

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

<form id="test_form" method="post" enctype="multipart/form-data" onSubmit="">
	<input class="file_form" type="file" name="upload_file" />
</form>
...