Задать вопрос
FAT

Andrey Bazykin

Ответы пользователя по тегу JavaScript

  • Что используется для 3d в вебе?

    FAT
    @FAT
    Посмотрите еще тут https://github.com/collections/javascript-game-engines
    Ответ написан
    Комментировать
    Комментировать

  • Как создать простой сайт на JavaScript, можно на каком-нибудь JS-фреймворке?

    FAT
    @FAT Автор вопроса
    Вот, возможно кому пригодится, нашел в интернете необходимое решение на Node.JS cloudemy.org/lesson/nodejs-static-site
    Ответ написан
    Комментировать
    Комментировать

  • Как работает load jquery?

    FAT
    @FAT 
    var loadScript = function(src, callback, appendTo) {
    var script = document.createElement('script');

    if (!appendTo) {
        appendTo = document.getElementsByTagName('head')[0];
    }

    if (script.readyState && !script.onload) {
        // IE, Opera
        script.onreadystatechange = function() {
            if (script.readyState == "loaded" || script.readyState == "complete") {
                script.onreadystatechange = null;
                callback();
            }
        }
    }
    else {
        // Rest
        script.onload = callback;
    }

    script.src = src;
    appendTo.appendChild(script);
}


    Либо использовать что-то вроде RequireJS
    Ответ написан
    Комментировать
    Комментировать

  • Интересные проекты и библиотеки для PHP и JS. Кто может посоветовать?

    FAT
    @FAT
    Вот тут www.phpclasses.org есть интересные классы и библиотеки для PHP, а тут www.jsclasses.org для JS. А вообще это все дело можно смотреть на гитхабе.
    Ответ написан
    Комментировать
    Комментировать

  • Как запретить генерацию классов для указанного элемента в jquery?

    FAT
    @FAT
    Если я правильно понял проблему, то $.(".your_selector:not(#menu-base)").autocomplete();
    Ответ написан
    1 комментарий
    1 комментарий

  • Счетчик кликов на js?

    FAT
    @FAT
    Сбрасывается потому что значение нигде не сохраняется, нужно сохранять значение в базе данных или cookie. Обращаю внимание, что локально не работает в некоторых браузерах.

    Демонстрация работы

    <html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function() {
	//Если установлены cookie то читаем их и сохраняем значение в переменную, если не установлены то значение переменной = 0
	var nCount = $.cookie('user_count') != undefined ? parseInt($.cookie('user_count')) : 0;
	//Отображаем значение на странице
	$('#counter').html(nCount);

	//Клик по элементу
	$('#myObj').click(function() {
		//Увеличиваем счетчик на единицу
		nCount++;
		//Записываем значение в cookie
		$.cookie('user_count', nCount, { expires: 7, path: '/' });
		//Отображаем значение на странице
		$('#counter').html(nCount);
	});
});
</script>
<style>
#myObj {
	border: 1px;width: 100px;height: 100px;
}
</style>
</head>
<body>
<div id="myObj">Click Me</div>
<div id="counter"></div>
</body>
</html>
    Ответ написан
    4 комментария
    4 комментария

  • Как сделать индикатор прокрутки страницы?

    FAT
    @FAT
    Недавно реализовывал что-то подобное тут. Справа по мере прокрутки страницы прокручивается валик с краской. То что нужно? Вот исходный код скрипта:
    $(document).ready(function(e) {
	var os = (function() {
		var ua = navigator.userAgent.toLowerCase();
		//console.log(ua);
		return {
			isWin: /windows/.test(ua),
			isWin2K: /windows nt 5.0/.test(ua),
			isXP: /windows nt 5.1/.test(ua),
			isVista: /windows nt 6.0/.test(ua),
			isWin7: /windows nt 6.1/.test(ua),
			isWin8: /windows nt 6.2/.test(ua),
			isMac: /macintosh/.test(ua)
		};
	}());
	var animateSpeed = 500;
	if(os.isMac) {
		animateSpeed = 600;
	}
	
	/*Валик*/
	var rollHPos = 0,
	scrollTopPosition = $(document).scrollTop(),
	docHeight = $(document).height(),
	winHeight = $(window).height(),
	rollWinStep = Math.floor(winHeight / (Math.floor(docHeight / winHeight)));
	//console.log(docHeight);
	//Движение за мышкой
	/*$(this).mousemove(function(e){
		if( e.pageY > 0 && e.pageY < docHeight ) goRoll(e.pageY, true);		
	});*/
	//Движение по скролу
	$(document).scroll(function(){
		goRoll($(document).scrollTop(), false);		
	});
	
	$("#roll").click(function(){
		goRoll(0, false);
		$("html, body").animate({ scrollTop: 0 }, 500);
		
	});
	$(document).mousemove(function(e){
		//console.log($(this).height() + " : " + e.pageY);		
	});
	function goRoll( STP, mousemove ){
		docHeight = $(document).height();
		winHeight = $(window).height();
		if( mousemove ) animateSpeed = 0;
		//console.log(docHeight)
		//Крутим валик вниз
		if( scrollTopPosition > $(document).scrollTop() ){
			if( rollHPos == 0 ) rollHPos = -946;
			else rollHPos += 86;
		}
		//Крутим валик вверх
		else{
			if( rollHPos == -946 ) rollHPos =  0;
			else rollHPos -= 86;
		}
		//Запоминаем позицию скролла относительно верха страницы
		scrollTopPosition = STP;
		rollCorrectPos = STP == (docHeight - winHeight) ? 90 : 0;
		//Визуализируем
		$("#roll").css({"background-position-y": (rollHPos).toString() + "px"});
		perOfDocScroll = Math.floor(scrollTopPosition/((docHeight - winHeight) / 100));
		//setTimeout(function(){
		if( !mousemove ){
			//console.log(docHeight);
			$("#roll").stop().animate({"margin-top": + Math.floor(((winHeight) / 100 * perOfDocScroll)) - 1 + "px", "top" : (scrollTopPosition - rollCorrectPos) + "px"}, animateSpeed);
			$("#paint-line").stop().animate({height: + Math.floor(((winHeight) / 100 * perOfDocScroll)) + (scrollTopPosition - rollCorrectPos) + "px"}, animateSpeed);
		}
		else{
			$("#roll").stop().animate({"top" : (scrollTopPosition - rollCorrectPos - 90) + "px"}, animateSpeed);
			$("#paint-line").stop().animate({height: (scrollTopPosition - rollCorrectPos - 90 + 1) + "px"}, animateSpeed);
		}
			
		
		//}, 100);

	}
	/*Валик*/
	
});
    Ответ написан
    Комментировать
    Комментировать