Tela Cheia

Maio 28, 2007

Exemplo em Javascript de abertura de um site em tela cheia a partir de um botão:

<script languae=”javascript”>
function Abrir(url)
{
window.open(url,”,’fullscreen=yes’);
}
</script>

<input type=”button” NAME=”btnAbrir” value=”Abrir em Tela Cheia” onclick=”Abrir(‘http://www.bol.com.br’);”>

1 Comentário | Javascript | Link Permanente
Escrito por André Vieira

javascript: innerHTML

Março 12, 2007

Para acrescentar um texto em uma Camada você pode utilizar o comando inneHtml. Esse recurso torna fácil a manipulação dinâmica de textos sem a utilização de caixas de texto. Sintaxe:

objeto.innerHTML=mensagem;

Exemplo:

<body>
<div id=”camada”></div>
<a href=”#” onClick=”document.getElementById(‘camada’).innerHTML=’recebi um texto’;”>
Clique aqui
</a>
</body>

Funciona em IE4+, NS3+.

8 Comentários | Javascript | Link Permanente
Escrito por André Vieira

Javascript: Replace

Março 6, 2007

Função utilizada para substituição de caracteres em uma String. Bastante útil para substituir caractéres especiais durante a passagem de parâmetros. No exemplo abaixo o valor da caixa txtValorTotal é substituído tendo como critério a procura de “,” (vírgula) para a substituição por “.” (ponto):

varTeste = document.formulario.txtValorTotal.value.replace(“,” , “.”);
alert(varTeste);

3 Comentários | Javascript | Link Permanente
Escrito por André Vieira

Somente letras maiúsculas em caixa de texto

Fevereiro 15, 2007

Para forçar que o conteúdo só aparece com letras maiúsculas em uma caixa de texto acrescente o código abaixo no evento “onkeyup”.

<input type=”text” name=”teste” onkeyup=”this.value = this.value.toUpperCase();”  />

4 Comentários | Javascript | Link Permanente
Escrito por André Vieira

Adiciona e Remove uma Opção em uma Select (ComboBox)

Fevereiro 15, 2007

Exemplo de script para adicionar e remover valores de combo via javascript:

<script language=”Javascript”>
function AddOpcao(combo, valor, strDescricao, defaultSelected, selected){
var novaOpcao = new Option(strDescricao, valor, defaultSelected, selected);
combo.options[combo.length] = novaOpcao;
}

function DelOpcao(combo, strIndice){
combo.options.remove(strIndice);
}
</script>

1 Comentário | Javascript | Link Permanente
Escrito por André Vieira

Verificação de elementos em formulários

Fevereiro 7, 2007

Dica, caso tenha a necessidade de fazer validações em diversas caixas de textos dentro de um formulário e ter um retorno se algumas das caixas possuem valores inválidos basta criar uma função parecida com esta:

<script language=”javascript”>
//verifica se todas as datas estão corretas
function verificaCronograma() {
for (z=1; z<=22; z++) {
if (verificaData(document.forms[0].elements['txt'+z].value) == false) {
alert(‘Data invalida!’);
return false;
}
}
}
</script>

No caso acima é utilizado a propriedade “elements” em javascript para verificarcada uma das caixas de texto (nomeadas como txt1, txt2, txt3 …). A função pode ser aplicada no evento onSubmit() do formulário para impedir o envio do mesmo em caso de dados inválidos.

Deixar um comentário » | Javascript | Link Permanente
Escrito por André Vieira

Forçar Submit

Dezembro 27, 2006

Caso deseje forçar a ação submit no javascript sem utilizar o botão Submit (como acrescentar a ação em uma Combo ou em um Button) basta acrescentar o código abaixo no evento interessado:

 <select name=”cmbItem” onChange=”document.forms[0].submit();”>

No exemplo acima a ação submit envia os dados após a mudança de valores na combo Item.

5 Comentários | Dicas, Javascript | Link Permanente
Escrito por André Vieira

Submit com duas funções Return

Setembro 21, 2006

Já se deparou diante um código em Javascript onde é necessário a verificação de duas funções antes de dar um submit?

Para isso é necessário digitar apenas um return definindo as funções obrigatórias entre parênteses.

<form method=”post” action=”salva.asp” onSubmit=”return (validaEmail(txtUsEmailCorporativo) && validaForm());”>

Guarde isso pois vai precisar usar um dia.

5 Comentários | Dicas, Formulários, Javascript | Link Permanente
Escrito por André Vieira

Tooltip Rápido

Agosto 25, 2006

Bom dia,

Uma dica rápida … para criação de um tooltip básico sem formatação basta acrescentar o parâmetro “title” em uma tag “span” dentro do texto desejado.

<table border=”1″ width=”100″>
<tr>
<td>
<span title=”Meu texto tooltip”>Conteúdo da célula</span>
</td>
</tr>
</table>

By André Vieira

2 Comentários | Javascript | Link Permanente
Escrito por André Vieira