Dicas de programação, tratamento de imagens, webdesign

PaidVerts

Archive for the ‘Java Script’ Category

Remover acentuação em campos input

Um necessidade muito comum é a remoção de acentuação em formulários de cadastro.
Esta função resolve o problema

//FUNÇÃO SEM ACENTO
function sem_acento(e,args)
{
if (document.all){var evt=event.keyCode;} // caso seja IE
else{var evt = e.charCode;} // do contrário deve ser Mozilla
var valid_chars = '0123456789abcdefghijlmnopqrstuvxzwykABCDEFGHIJLMNOPQRSTUVXZWYK-_'+args; // criando a lista de teclas permitidas
var chr= String.fromCharCode(evt); // pegando a tecla digitada
if (valid_chars.indexOf(chr)>-1 ){return true;} // se a tecla estiver na lista de permissão permite-a
// para permitir teclas como adicionamos uma permissão para
// códigos de tecla menores que 09 por exemplo (geralmente uso menores que 20)
if (valid_chars.indexOf(chr)>-1 || evt < 9){return true;} // se a tecla estiver na lista de permissão permite-a
return false; // do contrário nega
}

<input id="qualquer" onkeypress="return sem_acento(event);" type="text" />

			

Chamar uma página de dentro do fancybox

Muitas vezes temos necessidades de chamar uma nova página ou até mesmo recarrecar a pagina por traz da aberta como modal. Um comando simples em javascript resolve isto.

parent.location.href=’novapagina.html’;

 

Exemplo

Fechar modal fancy box

O fancy box modal do jquery é muito útil mas um dos problemas é fechá-lo em um evento de um botão asp.net.

Dentro do evento click to botão inclua o seguinte código.

Exemplo

Response.Write("<script>parent.jQuery.fancybox.close();</script>");

 

Grid com filtro e ordenação com bootstrap

Uma forma pártica para facilitar a localização de informações em um grid é a utilização de filtro e ordenação em tempo real.

Exemplo:

http://mwebmg.com/webexemplos/bootstrap/bootstrapGridDatatable.aspx

download do exemplo

Bloquear Ctrl+v c#

Bloquear a utilização ctrl+v em um textbox webform c#

 

No pageload adicione o seguinte atributo em seu textbox.

txtSerial.Attributes.Add(“onkeydown”, “return noCopy(event);”);

 

Na página aspx em HEAD inclua a seguinte função javascript

function noCopy(teclapress) {
if (navigator.appName == “Netscape”) { tecla = teclapress.which; }
else { tecla = teclapress.keyCode; }

var ctrl = teclapress.ctrlKey;

if (ctrl && tecla == 67) { return false; }
if (ctrl && tecla == 86) { return false; }
}

Funciona nos principais navegadores.

Exibir e ocultar Div

Um exemplo simples

 

<script type=”text/javascript”>
function escondeDiv() {
document.getElementById(‘suaDiv’).style.display = ‘none’;
}
function mostraDiv() {
document.getElementById(‘suaDiv’).style.display = ‘block’;
}
</script>

<a href=”#” onclick=’escondeDiv()’>—-</a>
<a href=”#” onclick=’mostraDiv()’>++++</a>

<div id=’suaDiv’ style=’width:300px; height:300px; z-index:2; position:relative; border:1px solid red; display:none;’>
Oi rs
</div>

Editor HTML para campos input

Uma necessidade sempre “necessária” é opção do usuário incluir textos formatados na inclusão de dados nos cadastros.

Uma dica interessante é a utilização tinymce uma biblioteca css e java script.

Faça download do exemplo.

Link para exemplo funcionando

 

 

 

Redirecionar site para versão mobile

/* URL mobile do seu site ou blog */
MOBILE_URL = "http://m.uol.com.br/"; 

var WORDS = ["mobile", "android", "blackberry", 
"brew", "htc", "j2me", "lg", "midp", "mot", 
"netfront", "nokia", "obigo", "openweb", "operamini",
 "palm", "psp", "samsung", "sanyo", "sch", 
"sonyericsson", "symbian", "symbos", "teleca",
 "up.browser", "wap", "webos", "windows ce"];
var WLEN = WORDS.length;for (var i = 0; i < WLEN; i++)
{
            var re = new RegExp(WORDS[i], "i");
            if (re.exec(navigator.userAgent))
            {
                        window.location = MOBILE_URL;
                        break;
            }
}
Código retirado do site:

http://www.republicavirtual.com.br/busca_de_cep/DotNet/#dotnet

Tag Cloud