 |
|
| Anúncio Patrocinado | |
|
|
Você está aqui: JavaScript ::: Elementos de Formulários HTML ::: input type file Element/Object |
|
Como ocultar um input type file e usar um botão ou uma imagem para permitir que o usuário selecione o(s) arquivo(s)Quantidade de visualizações: 7032 vezes |
|
|
Por padrão, um input type file é exibido como um botão escrito "Escolher arquivo" e o texto "Nenhum arquivo selecionado" logo ao lado. Às vezes gostaríamos de mudar esta aparência, talvez para um melhor ajuste no nosso design. Nesta dica eu mostro como podemos ocultar o input type file e fornecer um outro botão ou uma imagem em seu lugar. Veja primeiro como usar um botão comum:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Estudos JavaScript</title>
</head>
<body>
<form>
<input id="arquivo" name="arquivo" type="file" style="display:none">
<button onclick="escolherArquivo()">Escolha o arquivo</button>
</form>
<script type="text/javascript">
function escolherArquivo(){
// vamos obter uma referência ao elemento file
var arquivo = document.getElementById("arquivo");
// vamos disparar seu evento onclick()
arquivo.click();
}
</script>
</body>
</html>
Note que usamos a propriedade style do input type file para definir o valor display:none, ocultando-o. Em seguida temos um botão e, no seu evento onclick(), nós chamamos uma função JavaScript responsável por disparar o evento click() do input type file. Veja agora como podemos usar uma imagem: <form> <input id="arquivo" name="arquivo" type="file" style="display:none"> <a href="javascript:escolherArquivo()"><img src="upload.jpg" border="0" /></a> </form> Abra essa página no seu navegador e clique na imagem. Você verá que automaticamente a janela de seleção de arquivo(s) será exibida. |
|
 Link para compartilhar na Internet ou com seus amigos: |
|
GNU Octave ::: Dicas & Truques ::: Trigonometria - Funções Trigonométricas |
Como calcular o cateto oposto dadas as medidas da hipotenusa e do cateto adjascente em GNU OctaveQuantidade de visualizações: 873 vezes |
|
Todos estamos acostumados com o Teorema de Pitágoras, que diz que "o quadrado da hipotenusa é igual à soma dos quadrados dos catetos". Baseado nessa informação, fica fácil retornar a medida do cateto oposto quando temos as medidas da hipotenusa e do cateto adjascente. Isso, claro, via programação em linguagem GNU Octave. Comece observando a imagem a seguir:  Veja que, nessa imagem, eu já coloquei os comprimentos da hipotenusa, do cateto oposto e do cateto adjascente. Para facilitar a conferência dos cálculos, eu coloquei também os ângulos theta (que alguns livros chamam de alfa) e beta já devidamente calculados. A medida da hipotenusa é, sem arredondamentos, 36.056 metros. Então, sabendo que o quadrado da hipotenusa é igual à soma dos quadrados dos catetos (Teorema de Pitógoras): \[c^2 = a^2 + b^2\] Tudo que temos que fazer é mudar a fórmula para: \[a^2 = c^2 - b^2\] Veja que agora o quadrado do cateto oposto é igual ao quadrado da hipotenusa menos o quadrado do cateto adjascente. Não se esqueça de que a hipotenusa é o maior lado do triângulo retângulo. Veja agora como esse cálculo é feito em linguagem GNU Octave (script GNU Octave):
c = 36.056 # medida da hipotenusa
b = 30 # medida do cateto adjascente
# agora vamos calcular o comprimento da cateto oposto
a = sqrt(power(c, 2) - power(b, 2))
# e mostramos o resultado
fprintf("A medida do cateto oposto é: %f\n", a);
Ao executar este código GNU Octave nós teremos o seguinte resultado: A medida do cateto oposto é: 20.000878 Como podemos ver, o resultado retornado com o código GNU Octave confere com os valores da imagem apresentada. |
C++ ::: Desafios e Lista de Exercícios Resolvidos ::: C++ Básico |
Exercício Resolvido de C++ - Ler três números inteiros e indicar se eles estão em ordem crescente ou decrescenteQuantidade de visualizações: 423 vezes |
|
Pergunta/Tarefa: Escreva um programa C++ que pede para o usuário informar três números inteiros e informa se eles estão em ordem crescente ou decrescente. Se os números estiverem em ordem crescente, escreva "Ordem Crescente". Se estiverem em ordem decrescente, escreva "Ordem Decrescente". Do contrário escreva "Sem ordem definida". Sua saída deverá ser parecida com: Primeiro número: 4 Segundo número: 8 Terceiro número: 11 Ordem Crescente Veja a resolução comentada deste exercício em C++:
#include <string>
#include <iostream>
using namespace std;
// função principal do programa
int main(int argc, char *argv[]){
// variáveis usadas na resolução do exercício
int a, b, c;
// vamos pedir para o usuário informar três números
cout << "Primeiro número: ";
cin >> a;
cout << "Segundo número: ";
cin >> b;
cout << "Terceiro número: ";
cin >> c;
// os números estão em ordem crescente?
if (a < b && b < c){
cout << "Ordem Crescente" << endl;
}
// os números estão em ordem decrescente?
else if (a > b && b > c){
cout << "Ordem Decrescente" << endl;
}
// sem ordem definida
else{
cout << "Sem ordem definida" << endl;
}
cout << "\n\n";
system("PAUSE"); // pausa o programa
return EXIT_SUCCESS;
}
|
C# ::: Dicas & Truques ::: Strings e Caracteres |
C# para iniciantes - Qual a diferença entre string e String?Quantidade de visualizações: 12208 vezes |
Muitos usuários do nosso site nos enviam essa pergunta, pois ficam confusos com a escrita de "string" e "String". Nesta dica mostrarei a diferença entre esses dois tipos de dados. Comece analisando o código abaixo:
using System;
namespace Estudos{
class Program{
static void Main(string[] args) {
string frase = "Sou uma string";
String outra = "Sou outra string";
Console.WriteLine("\n\nPressione uma tecla para sair...");
Console.ReadKey();
}
}
}
Se você tentar compilar o código acima, verá que ele não somente compila como também executa sem problemas. Isso acontece porque, do ponto de vista do compilador e interpretador C#, não há diferença alguma entre "string" e "String". O tipo string representa uma string de caracteres Unicode (16 bits - 2 bytes) e é um apelido para a classe String da plataforma .NET. O fato de os projetistas da linguagem C# terem permitido a escrita toda em letras minúsculas se deve à frequência com que esse tipo é usado em nossos códigos, se asemelhando aos tipos primitivos int, float, double, etc. |
Java ::: Dicas & Truques ::: Arrays e Matrix (Vetores e Matrizes) |
Como retornar o menor valor em um array de inteiros em JavaQuantidade de visualizações: 638 vezes |
Nesta dica eu mostro como obter o menor valor em um array (vetor) de inteiros. Veja o código completo para o exemplo:
package arquivodecodigos;
public class Estudos{
public static void main(String[] args){
int[] valores = new int[5];
// inicializa os elementos do array
valores[0] = 23;
valores[1] = 65;
valores[2] = 2;
valores[3] = 87;
valores[4] = 34;
// obtém o menor valor
int menor = menor(valores);
System.out.println("O menor valor é: " + menor);
System.exit(0);
}
public static int menor(int[] a){
int min = a[0];
for(int i = 1; i < a.length; i++){
if(a[i] < min){
min = a[i];
}
}
return min;
}
}
Ao executarmos este código nós teremos o seguinte resultado: O menor valor é: 2 |
Delphi ::: Dicas & Truques ::: Strings e Caracteres |
Como obter uma substring no início de uma string usando a função AnsiLeftStr() do DelphiQuantidade de visualizações: 12438 vezes |
Em algumas situações precisamos obter uma substring no início de uma string. Em Delphi isso pode ser feito por meio da função AnsiLeftStr(). Esta função requer a string a partir da qual a substring será obtida e a quantidade de caracteres que comporâo a substring. O retorno será uma nova string contendo a substring obtida. Veja o exemplo:
procedure TForm1.Button1Click(Sender: TObject);
var
frase, substring: string;
begin
frase := 'Programar em Delphi é muito bom';
// vamos obter a substring "Programar"
substring := AnsiLeftStr(frase, 9);
// vamos exibir o resultado
ShowMessage('Resultado: ' + substring);
end;
Não se esqueça de adicionar a unit StrUtils no uses do seu formulário. Para questões de compatibilidade, esta dica foi escrita usando Delphi 2009. |
Desafios, Exercícios e Algoritmos Resolvidos de Delphi |
Veja mais Dicas e truques de Delphi |
Dicas e truques de outras linguagens |
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 |
