Arquivo da tag: jQuery

Javascript – Display Loading Image While Page Loads

Html:

<div class="loader"></div>

CSS:

.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

Javascript:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
	$(".loader").fadeOut("slow");
})
</script>

Referência.

jQuery – Desativando os botões do mouse e o Ctrl+V

function somenteNumeros(campo) {
 
    var digits = "0123456789";
    var campo_temp;
 
    for ( var i = 0; i < campo.value.length; i++) {
        campo_temp = campo.value.substring(i, i + 1);
        if (digits.indexOf(campo_temp) == -1) {
            campo.value = campo.value.substring(0, i);
        }
    }
}
 
jQuery(document).ready(function() {  
 
    function disableRightClick(){
        document.oncontextmenu = function() { return false; };
    }
 
    function enableRightClick(){
        document.oncontextmenu = function() { return true; };
    }
 
    jQuery("#idMatriculaCadastro , #idMatriculaFiltro").live(
            "focus", function(){ disableRightClick(); } );  
 
    jQuery("#idMatriculaCadastro, #idMatriculaFiltro").live(
            "blur", function(){ enableRightClick(); } ); 
});

AngulaJS – Application Wiring: JQuery vs AngularJS

$(function () {
    $("#jquery-button").click(function () {
        $("#jquery-content").toggle();
    });
});
 
var compare = angular.module("compare", []);
compare.controller("AppCtrl", function () {
    var app = this;
 
    app.isHidden = false;
    app.toggle = function () {
        app.isHidden = !app.isHidden;
    };
});

Ativar o Autocomplete de Jquery no Eclipse IDE

É muito simples basta seguir esses passo,

1) Instale o plugin da seguinte ID JSDT Integração jQuery 1.5.0:
org.eclipselabs.jsdt.jquery_feature.feature.group

1

2) Vá para Project Explorer -> Recursos de JavaScript:

2

3) Clique com o botão direito sobre ele e vá para propriedades.

4) Selecione “Add JavaScript library”:

3

5) Selecione “jQuery Library”:

4

6) Você vai ter a conclusão do código da seguinte forma:

5

Pronto.