Простые JavaScript и JQuery, а также MooTools-примеры.
Плагин для JQuery под названием TimeAgo отображает сколько времени прошло с момента наступления определенной даты. Наверняка в Twitter, VKontakte да и на других менее популярных онлайн-ресурсах вы замечали, что даты публикации постов выглядят как например «добавлено 3 часа назад», «опубликовано 1 месяц назад» и т.п. Данное расширение делает тоже самое.
Итак, все современные браузеры имеют встроенные возможности по блокировке всплывающих окон. Только вот не тех окон, которые сделаны на JQuery / JavaScript, а окон на старом добром windows.open().
Чтобы функция блокировки всплывающего окна не срабатывала, пользователь должен самостоятельно вызвать оное окошко и никак иначе. Сымитировать клик с помощью JQuery .click() и т.п. не получится, — браузеры эти фокусы распознают.
Но давайте перейду-ка я к наглядным примерам. (далее…)
Итак, для начала отмечу, что некоторое описание процесса загрузки файлов на сервера социальной сети ВКонтакте с помощью VKontakte Open API дано на вот этой веб-страничке — http://vk.com/dev/upload_files?f=Загрузка фотографий на стену пользователя.
Для начала зарегистрируйте свое приложение для ВКонтакте. Как это сделать я уже описывал ранее.
А теперь давайте на практике, что называется посмотрим, вот собственно код: (далее…)
Для эмуляции клика по вложенному дочернему элементу при клике пользователя на родительском элементе есть некоторые ‘подводные камни’, если так можно выразиться. Следующий фрагмента кода на JavaScript позволит читателям плавно миновать последние:
$(document).ready(function() {
$('.abtn.b2').click(function(e){
var $button = $(this).children('input[type="submit"]');
if (e.target !== $button[0]) {
$button.click();
}
});
});
Ниже показан пример обновления веб-страницы с помощью JavaScript единожды после первой загрузки спустя N-ое (в данном случае интервал будет равняться числу 1599) количество миллисекунд.
function apnut_tolko_1_raz() {
if (!window.location.hash) {
window.location = window.location + '#uge_obnovleno';
window.location.reload();
}
}
setTimeout("apnut_tolko_1_raz()", 1599);
Как нетрудно догадаться, простое использование
setTimeout()желаемого результата не даст.
Итак, о том, как сделать подтверждение закрытия вкладки или окна браузера пользователем на JavaScript. Вот код:
<script>
function podtvergdenieZakritiyaVkladki() {
return 'Пожалуйста, не покидаёте нашу веб-страничку!!!';
}
window.onbeforeunload = podtvergdenieZakritiyaVkladki;
</script>
Далее приведено простое решение на JavaScript для случая, когда Opera не понимает псевдокласс CSS active:
<script>
jQuery(function($) {
// Для Opera:
$('.register-page-social-auth-block a').click(function() {
$(this).addClass('active');
}).mouseout(function() {
$(this).removeClass('active');
});
});
</script>
Свежие комментарии