Учебные скрипты

понедельник, 25 августа 2014

14:11

все записи пользователя в сообществе netcat-na-diary

Учебные скрипты

Всплывающее окно подтверждения confirm

<sсriрt>
function moveon() {
var answer = confirm("Ready to move on?");

if(answer) window.location = "http://google.com";
}

setTimeout(moveon, 60000);
</sсriрt>

Создание элементов на странице

function debug(msg) {
	var log = document.getElementById("debuglog");
	
	if(!log) {
		log = document.createElement("div");
		log.id = "debuglog";
		log.innerHTML = "<h1>Debug Log</h1>";
		document.body.appendChild(log);
	}
	
	var pre = document.createElement("pre");
	var text = document.createTextNode(msg);
	pre.appendChild(text);
	log.appendChild(pre);
}
window.onload = function() {
debug("test");
}

Скрыть кнопки, вывести сообщения

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<sсriрt>
function hide(e, reflow) {
	if (reflow) {
		e.style.display = "none";
	}
	else {
		e.style.visibility = "hidden";
	}
}

function debug(msg) {
	var log = document.getElementById("debuglog");
	
	if(!log) {
		log = document.createElement("div");
		log.id = "debuglog";
		log.innerHTML = "<h1>Debug Log</h1>";
		document.body.appendChild(log);
	}
	
	var pre = document.createElement("pre");
	var text = document.createTextNode(msg);
	pre.appendChild(text);
	log.appendChild(pre);
}

window.onload = function() {

}
</sсriрt>
</head> 
<body>	

<button onclick="hide(this); debug('hide button 1');">Hide 1</button>
<button onclick="hide(this, true); debug('hide button 2');">Hide 2</button>
</body>

getElementById — получить элемент по id
getElementsByTagName - получить элементы по тегу.

Добавление обработчика click к изображениям на странице

window.onload = function () {
    var images = document.getElementsByTagName("img");

    for (var i = 0; i < images.length; i++) {
        var image = images[i];

        if (image.addEventListener) {
            image.addEventListener("click", hide, false);
        } else {
            image.attachEvent("onclick", hide);
        }
    }

    function hide(event) {
        event.target.style.visibility = "hidden";
    }
};

@темы: Javascript Учебка, Javascript

URL

Поделиться

Людям все-таки свойственно усложнять веши. Для того, чт... один хороший человек сказал вчера, что я красиво думаю...... На самом деле с идеей "публичных дневников" зна...

Грустные словенцы сразу после 1 гола Момент смерти человека и все соответствующие с этим ритуа... Вот появилось ненужное компьютерное железо, решил продать...

Комментарии

13.02.2024 в 01:56

Гость

Здравствуйте, дорогие друзья форума!

Хотел бы поделиться с вами своим последним опытом поиска надежного автосервиса в Оренбурге. После множества попыток, я наконец нашел то место, которым действительно остался доволен — АвтоЛайф.

Что мне особенно понравилось в AutoLife56, так это качество работы каждого специалиста этого сервиса. Мастера не только быстро и эффективно решили проблему с моим автомобилем, но и предоставили нужные наставления по его дальнейшему обслуживанию.

Мне кажется важным поделиться этой информацией с вами, так как знаю, насколько непросто порой найти действительно надежный сервис. Если вы ищете качественный автосервис в Оренбурге, рекомендую обратить внимание на АвтоЛайф, расположенный по адресу: г. Оренбург, ул. Берёзка, 20, корп. 2. Они работают без выходных, с 10 до 20 часов, и более подробную информацию вы можете найти на их сайте: https://autolife56.ru/.

Надеюсь, мой опыт окажется значимым для кого-то из вас. Буду рад знать вашу реакцию, если решите воспользоваться услугами АвтоЛайф.

Ремонт выхлопной системы
Полезные ссылки
Открытие: надёжный автосервис в Оренбурге - автосервис AutoLife Встречайте о сервисе AutoLife56: наши сильные стороны в уходе за автомобилях в Оренбурге Открытие: рекомендуемый автосервис в Оренбурге - AutoLife56 Не минуйте: АвтоЛайф — ваш лучший выбор в мире авторемонта в Оренбурге Впечатление от доступного автосервиса в Оренбурге завершился успехом: АвтоЛайф 0817cdb

URL

20.02.2024 в 19:16

Гость