Learn how to use jQuery at the Blog

SD Vojvodina « visit

  • Added 8 months ago
  • 256 Lines of Code shown
  • 5 Links of Interest
http://gimnastika-ns.rs
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to SD Vojvodina - http://gimnastika-ns.rs

$(function () {
    $('#tabs').each(function () {
        var distance = 10;
        var time = 250;
        var hideDelay = 350;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = $('#zsg', this);
        var info = $('.zsg-hover', this).css('opacity', 0);


        $([trigger.get(0), info.get(0)]).mouseover(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                info.css({
                    top: -90,
                    left: 225,
                    display: 'block'
                }).animate({
                    top: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
});
$(function () {
    $('#tabs').each(function () {
        var distance = 10;
        var time = 250;
        var hideDelay = 350;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = $('#msg', this);
        var info = $('.msg-hover', this).css('opacity', 0);


        $([trigger.get(0), info.get(0)]).mouseover(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                info.css({
                    top: -90,
                    left: 5,
                    display: 'block'
                }).animate({
                    top: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
});
$(function () {
    $('#tabs').each(function () {
        var distance = 10;
        var time = 250;
        var hideDelay = 350;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = $('#sa', this);
        var info = $('.sa-hover', this).css('opacity', 0);


        $([trigger.get(0), info.get(0)]).mouseover(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                info.css({
                    top: -90,
                    left: 445,
                    display: 'block'
                }).animate({
                    top: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
});
$(function () {
    $('#tabs').each(function () {
        var distance = 10;
        var time = 250;
        var hideDelay = 350;

        var hideDelayTimer = null;

        var beingShown = false;
        var shown = false;
        var trigger = $('#prg', this);
        var info = $('.prg-hover', this).css('opacity', 0);


        $([trigger.get(0), info.get(0)]).mouseover(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            if (beingShown || shown) {
                // don't trigger the animation again
                return;
            } else {
                // reset position of info box
                beingShown = true;

                info.css({
                    top: -90,
                    left: 665,
                    display: 'block'
                }).animate({
                    top: '-=' + distance + 'px',
                    opacity: 1
                }, time, 'swing', function() {
                    beingShown = false;
                    shown = true;
                });
            }

            return false;
        }).mouseout(function () {
            if (hideDelayTimer) clearTimeout(hideDelayTimer);
            hideDelayTimer = setTimeout(function () {
                hideDelayTimer = null;
                info.animate({
                    top: '-=' + distance + 'px',
                    opacity: 0
                }, time, 'swing', function () {
                    shown = false;
                    info.css('display', 'none');
                });

            }, hideDelay);

            return false;
        });
    });
});




		$(function() {
			$("#tab").tabs();
			$('a.view').lightBox();
			
			$("tr:even").css("background-color", "#fafafa");
		  	$("tr:odd").css("background-color", "#f2f2f2");
			$('#listsubmainLoading').hide();
			$('input').searchField();
			$('#sendmail').click(function() {
				$('#listsubmainResult').hide();
				$('#listsubmainLoading').show();
				$.post("http://gimnastika-ns.rs/mail/contact.php", {
					name: $('#name').val(), youremail: $('#youremail').val(), text: $('#text').val(), chk: $('#chk').val()
				}, function(response){
					$('#listsubmainResult').fadeOut();
					setTimeout("finishAjax('listsubmainResult', '"+escape(response)+"')", 400);
					});
				return false;
			});
			$('#contact').blur(function(){
				$('#listsubmainResult').fadeOut();
			  	return false;
			});
			$("#contact").bind("keypress", function(e) {
				if (e.keyCode == 13) return false;
			});
		});
		function finishAjax(id, response) {
		  $('#listsubmainLoading').hide();
		  $('#'+id).html(unescape(response));
		  $('#'+id).fadeIn();
		} //finishAjax