Для построения обработки больших списков удобно использовать событие
onClick для элемента и передавать в функцию обработки
id элемента.
Будем пользоваться библиотекой JQuery.
Каждому объекту с классом
click назначим обработку события и будем брать его
id
Код HTML: (просто для примера)
|
|
<a class = "click" id = "1">Item 1</a> <a class = "click" id = "2">Item 2</a> <a class = "click" id = "3">Item 3</a> <a class = "click" id = "4">Item 4</a> |
Код JS:
|
|
$(".click").click(function(){ // назначаем обработку события onClick для каждого элемента класса "click" // и получаем его id id_click = this.attr("id"); // дальше можно что-то еще делать. или то, что нужно // для теста раскомментируйте следующую строчку // alert(id_click); }); |
Как определить тип браузера на JavaScript ?
А очень просто, вот так:
|
|
<script> var tmp = navigator.userAgent.toLowerCase(); this.ua = {}; if(tmp.indexOf('msie 6') != -1) { this.ua['name'] = 'ie'; this.ua['ver'] = '6'; } else if(tmp.indexOf('msie 7') != -1) { this.ua['name'] = 'ie'; this.ua['ver'] = '7'; } else if(tmp.indexOf('msie 8') != -1) { this.ua['name'] = 'ie'; this.ua['ver'] = '8'; } else if(tmp.indexOf('msie 9') != -1) { this.ua['name'] = 'ie'; this.ua['ver'] = '9'; } else if(tmp.indexOf('firefox') != -1) { this.ua['name'] = 'firefox'; var tmp_ = /firefox\/([^\n\r\t ;]*)/.exec(tmp); this.ua['ver'] = tmp_[1]; tmp_ = null; } else if(tmp.indexOf('chrome') != -1) { this.ua['name'] = 'chrome'; var tmp_ = /chrome\/([^\n\r\t ;]*)/.exec(tmp); this.ua['ver'] = tmp_[1]; tmp_ = null; } else if(tmp.indexOf('konqueror') != -1) { this.ua['name'] = 'konqueror'; var tmp_ = /konqueror\/([^\n\r\t ;]*)/.exec(tmp); this.ua['ver'] = tmp_[1]; tmp_ = null; } else if(tmp.indexOf('opera') != -1) { this.ua['name'] = 'opera'; var tmp_ = /version\/([^\n\r\t ;]*)/.exec(tmp); this.ua['ver'] = tmp_[1]; tmp_ = null; } else if(tmp.indexOf('safari') != -1) { this.ua['name'] = 'safari'; var tmp_ = /version\/([^\n\r\t ;]*)/.exec(tmp); this.ua['ver'] = tmp_[1]; tmp_ = null; } if(!this.ua['name']) { this.ua['name'] = 'unknown'; this.ua['ver'] = 'unknown'; } tmp = null; </script> |
Установка собственного шрифта на сайт.
Иногда это приходится делать, и использовать для этого не стандартные шрифты. Чтобы их увидели не только вы но и посетитель сайта, этот шрифт как то надо закачать на компьютер посетителя, первый способ такой:
<style type="text/css">
p {font-family: URL шрифта (к примеру, www.ваш домен.ru/font.ttf) ;}
</style>
второй вариант и более правильный вот такой:
<style>
@font-face {
font-family: mriam;
src: url(http://ваш домен/font.ttf);
}
</style>
<p style="font-family: название шрифта; font-size: 10px">текст</p>
Полезная утилита, поможет расшифровать текст в неправильной кодировке.
Декодер
Там все просто - копируете текст в непонятной кодировке, вставляете в единственное поле и нажимаете кнопку Расшифровать )
Есть так же и более сложный интерфейс - там можно самостоятельно поиграться с параметрами расшифровки.
Полезно, если непонятно что пишет на сайте, или поста приходит не понятно о чем. В общем однозначно пригодится )
Ниже описаны способы сделать редирект (перенаправление) для каждого варианта.
Редирект PHP
|
|
<?php header("Location: http://google.ru"); ?> |
Не забывать: До заголовка не должно выводиться никаких!!! символов.
Частая проблема - пробел перед
<?php в начале файла
Следующий код работать не будет и даст варнинг:
|
|
<?php echo 'Редиректа не будет!'; header("Location: http://google.ru"); ?> |
Редирект HTML
|
|
<meta http-equiv="refresh" content="0; url=http://google.ru"></meta> |
- content - значение указывает количество секунд до переадресации на адрес, указанный в поле url
- url - адрес для редиректа. Туда и перенаправляем.
Редирект JavaScript
|
|
window.location="http://google.ru"; |
без комментариев... ))
В продолжении - Редирект в .htaccess
(далее…)
Рассмотрим достаточно простой пример того, как можно скачать музыку с сайта ВКонтакте (vk.com или vkontakte.ru)
А решение довольно просто - надо всего лишь переопределить javascript-функцию проигрывания файлов и вместо проигрывания музыки вам предложат сохранить файл )
итак - простая последовательность действий:
1. Заходим ВКонтакт, на страницу с музыкой (мои аудиозаписи или поиск)
2. В строку адреса браузера вставляем нехитрый код (он и переопределит ту самую функцию)
|
|
javascript:function playAudioNew(a){ var url = document.getElementById('audio_info'+a).value.split(',')[0]; window.open(url,'Download'); } |
3. Жмем на кнопочку play - и файл скачивается.
Теперь то, что не надо забывать:
- Если файл пытается открыться в браузере проигрывателем типа quicktime`a - надо либо в меню файл или в контекстном меню (щелкнуть правой кнопочкой мыши) выбрать сохранить как...
- При обновлении страницы со списком музыки переопределение функции придется повторить.
Частенько требуется выбрать массив checkbox'ов и передать их в массив $_POST или $_GET.
|
|
<script type="text/javascript">// <![CDATA[ function check_box (){ var checkbox = document.getElementsByName('mass[]'); var len = checkbox.length; var checked = []; for(var i = 0; i < len; i++) { if(checkbox[i].type == 'checkbox') { if(checkbox[i].checked) checked.push(checkbox[i].value); } } var url = 'page.php?items=' + checked.join(','); alert(url); } // ]]></script> |
(далее…)
Свежие комментарии