 |
|
Você está aqui: JavaScript ::: DOM (Document Object Model) ::: window Object (Objeto window) |
|
Como usar o método alert() do objeto window para exibir mensagens de alerta aos usuáriosQuantidade de visualizações: 11299 vezes |
|
|
O método alert() do objeto window é usado quando queremos exibir mensagens de alerta aos usuários de nossas páginas. A mensagem exibida por este método contém apenas um botão OK. Veja uma página HTML na qual exibimos uma mensagem de boas-vindas ao site:
<html>
<head>
<title>Estudos JavaScript</title>
</head>
<body>
<script type="text/javascript">
// vamos exibir uma mensagem ao usuário
window.alert("Bem-vindo(a) ao meu site.");
</script>
</body>
</html>
Veja que aqui o texto da mensagem foi especificado entre aspas duplas. O JavaScript, no entanto, permite também o uso de aspas simples. Veja:
<script type="text/javascript">
// vamos exibir uma mensagem ao usuário
window.alert('Bem-vindo(a) ao meu site.');
</script>
Note também que podemos exibir valores de variáveis (com ou sem concatenação de strings) usando este método. Veja:
<script type="text/javascript">
var nome = "Osmar J. Silva";
// vamos exibir o valor da variável nome
window.alert(nome);
// vamos concatenar uma frase à variável nome e
// exibir o resultado
window.alert("Bem-vindo ao meu site, " + nome);
</script>
A mensagem de alerta gerada pelo método alert() do objeto window é do tipo modal, ou seja, o navegador interrompe a execução do código JavaScript até que a janela da mensagem seja fechada. Além disso, este método não possui valor de retorno. |
|
 Link para compartilhar na Internet ou com seus amigos: |
|
| Anúncio Patrocinado | |
|
|
Delphi ::: Data Controls (Controles de Dados) ::: TDBGrid |
Como aplicar cores alternadas às colunas de um TDBGrid do Delphi (efeito zebrinha)Quantidade de visualizações: 9330 vezes |
|
Em algumas situações gostaríamos de aplicar o efeito zebrinha, ou seja, aplicar cores alternadas às colunas de um controle TDBGrid. Esta técnica é muito útil quando temos grids com várias colunas e queremos facilitar a visualização dos dados por parte dos usuários. A forma mais comum de se aplicar cores alternadas às colunas do DBGrid é por meio do evento OnDrawColumnCell. Veja o trecho de código abaixo:
procedure TForm3.DBGrid1DrawColumnCell(Sender: TObject; const Rect: TRect;
DataCol: Integer; Column: TColumn; State: TGridDrawState);
var
grid: TDBGrid;
begin
// obtém um referência ao DBGrid
grid := sender as TDBGrid;
// o número da coluna é par?
if Odd(DataCol) then
grid.Canvas.Brush.Color := clWhite
else
grid.Canvas.Brush.Color := clYellow;
// vamos terminar de colorir a célula
grid.DefaultDrawColumnCell(Rect, DataCol, Column, State);
end;
Execute este código e verá que a primeira coluna é pintada de branco, a segunda de amarelo, a terceira de branco e assim por diante. Note que neste código eu não tratei a seleção de células, na qual a cor do texto se iguala ao branco do fundo da célula. Veja mais dicas nesta seção para saber como realizar esta tarefa você mesmo. Fique atento ao fato de que este código aplica as cores alternadas às colunas mesmo se estas forem colunas persistentes com cores já definidas por meio do Object Inspector. Esta dica foi escrita e testada no Delphi 2009. |
Django ::: Dicas de Estudo e Anotações ::: Passos Iniciais |
Como criar um novo projeto Django usando o comando django-admin startprojectQuantidade de visualizações: 375 vezes |
|
Quando estamos desenvolvendo aplicações web usando o framework Django do Python, é comum encontrarmos os termos projetos e aplicações. Um projeto é uma instalação do Django com algumas configurações específicas, enquanto uma aplicação (ou app) é um conjunto de models, views, templates e URLs. Nesta dica mostrarei como criar um novo projeto Django. Para isso usaremos o comando django-admin startproject. Assim, crie um diretório para o seu projeto, entre nela via janela de terminal e dispare o seguinte comando: c:\>cd c:\estudos_python c:\estudos_python>django-admin startproject estudos Note que criei um projeto chamado "estudos" dentro do diretório "c:\estudos_python". Veja agora os arquivos que a ferramenta django-admin criou para nós:
estudos/
manage.py
estudos/
__init__.py
asgi.py
wsgi.py
settings.py
urls.py
O arquivo manage.py é um utilitário de linha comando que usamos para interagir com o nosso projeto. Este arquivo, que serve como um wrapper para a ferramenta django-admin.py, não precisa ser editado. O arquivo __init__.py, já dentro do diretório do projeto, é um arquivo vazia que informa ao Python para tratar o diretório "estudos" como um módulo Python. O arquivo settings.py serve para definirmos ajustes e configurações para o nosso projeto. Ele contém as configurações iniciais, tais como LANGUAGE_CODE, DATABASES, TEMPLATES, ALLOWED_HOSTS, DEBUG, etc. O arquivo urls.py é o local qual ficamos os padrões de URL. Cada URL deste arquivo é mapeada para uma view (página de apresentação). O arquivo wsgi.py contém as configurações para rodarmos o nosso projeto como uma aplicação Web Server Gateway Interface (WSGI). Para finalizar, o arquivo asgi.py contém as configurações para rodarmos o nosso projeto como ASGI. Este é um padrão recente para servidores web e aplicações assíncronas. Agora que o projeto já foi criado, para rodar ele no navegador, basta entrar no diretório principal e disparar o comando abaixo: c:\estudos_python>cd estudos c:\estudos_python\estudos>python manage.py runserver Se tudo correr bem, abra seu navegador na URL http://127.0.0.1:8000 e você verá seu projeto Django em execução. Em mais dicas do site você verá como criar aplicações Django dentro do seu projeto. |
R ::: Dicas & Truques ::: Matemática e Estatística |
R para Matemática e Estatística - Como calcular desvio padrão usando a função sd() da linguagem RQuantidade de visualizações: 1514 vezes |
|
Em Matemática e Estatística, o Desvio Padrão (em inglês: Standard Deviation) é uma medida de dispersão, ou seja, é uma medida que indica o quanto um conjunto de dados é uniforme. Quando o desvio padrão é baixo, isso quer dizer que os dados do conjunto estão mais próximos da média. Como calcular o desvio padrão de um conjunto de dados? Vamos começar analisando a fórmula mais difundida na matemática e na estatística: \[\sigma = \sqrt{ \frac{\sum_{i=1}^N (x_i -\mu)^2}{N}}\] Onde: a) __$\sigma__$ é o desvio; b) __$x_i__$ é um valor qualquer no conjunto de dados na posição i; c) __$\mu__$ é a média aritmética dos valores do conjunto de dados; d) N é a quantidade de valores no conjunto. O somatório dentro da raiz quadrada nos diz que devemos somar todos os elementos do conjunto, desde a posição 1 até a posição n, subtrair cada valor pela média do conjunto e elevar ao quadrado. Obtida a soma, nós a dividimos pelo tamanho do conjunto. Porém, se usarmos a linguagem R, todos estes cálculos se tornam desnecessários, pois temos a função sd(), que recebe uma lista de valores numéricos e retorna o desvio padrão correspondente. Veja:
> valores <- c(10, 30, 90, 30) [ENTER]
> desvio_padrao <- sd(valores) [ENTER]
> paste("O desvio padrão é:", desvio_padrao) [ENTER]
[1] "O desvio padrão é: 34.6410161513775"
>
Ao executar estes comandos R nós teremos o seguinte resultado: O desvio padrão é: 34.6410161513775 Note que a função sd() da linguagem R retorna o Desvio Padrão Populacional, e não o Desvio Padrão Amostral. |
PHP ::: Dicas & Truques ::: PDO (PHP Data Objects) |
PHP PDO - Como disparar comandos SELECT usando a função PDO->query()Quantidade de visualizações: 13906 vezes |
|
Nesta dica mostrarei como disparar uma query SELECT usando PDO->query(). Veja que mostramos ainda como percorrer os resultados obtidos. Para este exemplo eu me conectei a um banco de dados MySQL e obtive dados de uma tabela chamada "produtos". Veja o código PHP PDO MySQL completo para o exemplo (incluindo a conexão com o banco de dados):
<html>
<head>
<title>Estudando PHP</title>
</head>
<body>
<?php
// primeiro vamos obter a conexão com o banco de dados
$server = "localhost";
$user = "root";
$pass = "osmar1234";
$db = "estudos";
try{
$conn = new PDO("mysql:host=$server;dbname=$db",
$user, $pass);
// echo "Conexão efetuada com sucesso.";
}
catch(PDOException $e){
die('Não foi possível conectar: ' . $e->getMessage());
}
// agora que já temos a conexão, vamos disparar
// o comando DML SELECT
$resultado = $conn->query("SELECT * FROM produtos");
if($resultado){
while($linha = $resultado->fetch(PDO::FETCH_ASSOC)){
echo "Id: " . $linha['id'] . "<br>";
echo "Nome: " . $linha['nome'] . "<br>";
echo "Preço: " . $linha['preco'] . "<br>";
echo "Quantidade: " . $linha['quantidade'] . "<br><br>";
}
}
?>
</body>
</html>
Ao executar este código nós teremos o seguinte resultado: Id: 1 Nome: ARROZ TIPO A Preço: 13 Quantidade: 320 Id: 2 Nome: FEIJÃO CARIOCA Preço: 9.5 Quantidade: 120 Id: 3 Nome: EXTRATO DE TOMATE AMD Preço: 4.24 Quantidade: 50 |
Java ::: Pacote java.lang ::: String |
Como obter um objeto String a partir de um StringBuffer ou StringBuilder do JavaQuantidade de visualizações: 2870 vezes |
|
As classes StringBuffer e StringBuilder possuem as mesmas funcionalidades. A diferença é que StringBuilder não é segura em relação à threads e está sendo rapidamente substituída pela classe StringBuffer. Ambas são parecidos com uma String, com a diferença que um StringBuffer ou StringBuilder pode ser modificado in-place, ou seja, modificações em seu conteúdo não geram uma nova cópia, como acontece com objetos da classe String. Nesta dica eu mostrarei como criar novos objetos String a partir do conteúdo de um StringBuffer ou StringBuilder. Vamos começar analisando os construtores da classe String que permitem passar um objeto StringBuffer ou StringBuilder:
package estudos;
public class Estudos{
public static void main(String[] args) {
// um StringBuffer contendo uma frase (troque
// StringBuffer por StringBuilder e o resultado será o mesmo
StringBuffer frase = new StringBuffer("Gosto muito de programar em Java");
// vamos obter uma String a partir deste StringBuffer
String fraseString = new String(frase);
// e exibimos o resultado
System.out.println(fraseString);
}
}
Resultado parecido pode ser obtido sem o uso dos construtores String(StringBuilder builder) e String(StringBuffer buffer). Veja:
package estudos;
public class Estudos{
public static void main(String[] args) {
// um StringBuffer contendo uma frase (troque
// StringBuffer por StringBuilder e o resultado será o mesmo
StringBuffer frase = new StringBuffer("Gosto muito de programar em Java");
// vamos obter uma String a partir deste StringBuffer
String fraseString = frase.toString();
// e exibimos o resultado
System.out.println(fraseString);
}
}
Agora nós usamos o método toString() da classe StringBuffer para converter seu conteúdo em uma string e atribuí-lo à variável fraseString. |
Desafios, Exercícios e Algoritmos Resolvidos de Java |
Veja mais Dicas e truques de Java |
Dicas e truques de outras linguagens |
|
Python - Como criar um relógio analógico no Pygame - Código completo com variáveis e comentários em português jQuery - jQuery para iniciantes - Como obter o conteúdo de um elemento HTML usando a função html() do jQuery |
Códigos Fonte |
 Software de Gestão Financeira com código fonte em PHP, MySQL, Bootstrap, jQuery - Inclui cadastro de clientes, fornecedores e ticket de atendimentoDiga adeus às planilhas do Excel e tenha 100% de controle sobre suas contas a pagar e a receber, gestão de receitas e despesas, cadastro de clientes e fornecedores com fotos e histórico de atendimentos. Código fonte completo e funcional, com instruções para instalação e configuração do banco de dados MySQL. Fácil de modificar e adicionar novas funcionalidades. Clique aqui e saiba mais |
 Controle de Estoque completo com código fonte em PHP, MySQL, Bootstrap, jQuery - 100% funcional e fácil de modificar e implementar novas funcionalidadesTenha o seu próprio sistema de controle de estoque web. com cadastro de produtos, categorias, fornecedores, entradas e saídas de produtos, com relatórios por data, margem de lucro e muito mais. Código simples e fácil de modificar. Acompanha instruções para instalação e criação do banco de dados MySQL. Clique aqui e saiba mais |
Linguagens Mais Populares |
|
1º lugar: Java |
