 |
|
|
PHP ::: Dicas & Truques ::: Formulários |
Como obter o valor do radio button selecionado no formulário HTML usando PHPQuantidade de visualizações: 51105 vezes |
Controles do tipo radio button são úteis quando o usuário deverá marcar apenas UMA entre as várias opções fornecidas. Veja um exemplo abaixo:
<form name="cadastro" method="post" action="testes.php">
<b></b>Qual sua linguagem favorita?</b><br>
<input name="linguagem" type="radio"
value="Java" checked>Java<br>
<input type="radio" name="linguagem"
value="Delphi">Delphi<br>
<input type="radio" name="linguagem"
value="C++">C++<br>
<input type="radio" name="linguagem"
value="Python">Python<br>
<input type="submit" value="Enviar!">
</form>
Lembre-se de que um grupo de radio button relacionados deverá ter o mesmo valor para a propriedade name. Para obter o valor do radio button selecionado, podemos usar o seguinte código PHP: <?php // Obtém o radio button selecionado $opcao = $_POST["linguagem"]; // Exibe o resultado echo "Sua linguagem favorita é: " . $opcao; ?> |
GNU Octave ::: Desafios e Lista de Exercícios Resolvidos ::: Equações Lineares |
Exercício Resolvido de Octave - Sistema de Equações Lineares - Como resolver um sistema de equações lineares em OctaveQuantidade de visualizações: 663 vezes |
|
Pergunta/Tarefa: Este exercício de Octave mostra como resolver uma equação linear. 1) Dado o seguinte sistema de equações lineares:  use o GNU Octave para encontrar os valores das incógnitas x, y e z. Sua saída deverá ser parecida com: x = 6 2 7 Para resolver esse sistema nós temos que definir três matrizes para representarmos as equações lineares no formato de matriz: Ax = b onde A, x, e b são matrizes. Dessa forma, para obter o conjunto de soluções, ou seja, as incógnitas, nós temos que escrever as equações lineares na forma: x = A \ b Veja agora o código Octave para a resolução (aqui eu fiz em modo interativo): >> % vamos criar a matriz A [ENTER] >> A = [4 3 2; 3 7 4; 8 9 5]; [ENTER] >> % agora vamos criar a matriz b [ENTER] >> b = [44; 60; 101]; [ENTER] >> % obtemos o conjunto de solucoes [ENTER] >> x = A \ b [ENTER] |
Dart ::: Dicas & Truques ::: Geometria, Trigonometria e Figuras Geométricas |
Como testar se um ponto está dentro de um círculo em Dart - Desenvolvimento de Games com DartQuantidade de visualizações: 1114 vezes |
|
Quando estamos trabalhando com computação gráfica, geometria e trigonometria ou desenvolvimento de jogos em Dart, é comum precisarmos verificar se um determinado ponto (uma coordenada x, y) está contido dentro de um círculo. Para melhor entendimento, veja a imagem a seguir:  Veja que temos um círculo com raio igual a 115 e com centro nas coordenadas (x = 205; y = 166). Temos também dois pontos. O ponto vermelho está nas coordenadas (x = 140; y = 90) e o ponto azul está nas coordenadas (x = 330; y = 500. Como podemos ver na imagem, o ponto vermelho está dentro do círculo, enquanto o ponto azul está fora. E nosso intenção nesta dica é escrever o código Dart que permite fazer essa verificação. Tenha em mente que está técnica é muito útil para o teste de colisões no desenvolvimento de games. Veja o código completo para o exemplo:
// Vamos importar a biblioteca dart:io
import "dart:io";
// vamos importar a biblioteca dart:math
import "dart:math";
// vamos declarar a classe Circulo
class Circulo{
double xc;
double yc;
double raio;
// construtor da classe Circulo
Circulo(double xc, double yc, double raio){
this.xc = xc; // x do centro
this.yc = yc; // y do centro
this.raio = raio; // raio do círculo
}
}
// agora vamos declarar a classe Ponto
class Ponto{
double x;
double y;
// construtor da classe Ponto
Ponto(double x, double y){
this.x = x; // coordenada x
this.y = y; // coordenada y
}
}
void main(){
// variáveis que vamos usar na resolução do problema
Circulo c;
Ponto p;
double dx, dy;
// vamos criar um objeto Circulo
c = new Circulo(205, 166, 115);
// vamos criar um objeto Ponto
p = new Ponto(140, 90);
// vamos verificar se o ponto está dentro do
// círculo
dx = p.x - c.xc;
dy = p.y - c.yc;
if((pow(dx, 2) + pow(dy, 2)) < pow(c.raio, 2)){
stdout.write("O ponto está dentro do círculo");
}
else{
stdout.write("O ponto NÃO está dentro do círculo");
}
}
Ao executar este código Dart nós teremos o seguinte resultado: O ponto está dentro do círculo. Experimente com círculos de raios e coordenadas centrais diferentes e também com pontos em várias coordenadas e veja como os resultados são interessantes. |
HTML5 ::: HTML5 + JavaScript ::: Canvas |
Como carregar uma imagem (ou foto) no objeto Canvas do HTML5Quantidade de visualizações: 2938 vezes |
O objeto Canvas do HTML5 nos permite carregar uma imagem ou foto em tempo de execução e desenhá-la em sua superfície. Para isso, comece criando um objeto Image para guardar a imagem temporariamente na memória:var imagem = new Image(); // vamos carregar a logo do nosso site imagem.src = "https://www.arquivodecodigos.com.br/logo.jpg"; O passo seguinte é adicionar um "ouvidor" de evento neste objeto Image para que ele nos avise quando a imagem estiver 100% carregada. Veja:
// vamos adicionar um "ouvidor" de evento no objeto Image
imagem.addEventListener('load', desenharImagem);
Pronto! Veja que agora, quando o evento load do objeto Image disparar, a função desenharImagem será chamada e a imagem será então desenhada no Canvas. Veja:
function desenharImagem(){
// obtemos uma referência ao elemento Canvas
var canvas = document.getElementById("canvas1");
// obtemos o contexto de desenho
var contexto = canvas.getContext("2d");
// e finalmente desenhamos a imagem
contexto.drawImage(imagem, 0, 0);
}
E aqui está o código completo para o exemplo:
<html>
<head>
<title>O objeto Canvas do HTML5</title>
</head>
<body>
<Canvas id="canvas1" width="500" height="350"></Canvas>
<script type="text/javascript">
var imagem = new Image();
// vamos carregar a logo do nosso site
imagem.src = "https://www.arquivodecodigos.com.br/logo.jpg";
// vamos adicionar um "ouvidor" de evento no objeto Image
imagem.addEventListener('load', desenharImagem);
function desenharImagem(){
// obtemos uma referência ao elemento Canvas
var canvas = document.getElementById("canvas1");
// obtemos o contexto de desenho
var contexto = canvas.getContext("2d");
// e finalmente desenhamos a imagem
contexto.drawImage(imagem, 0, 0);
}
</script>
</body>
</html>
Ao executar a página nós teremos o seguinte resultado:  |
Nossas 20 dicas & truques de programação mais populares |
|
Java - Estruturas de dados em Java - Como obter a quantidade de nós em uma árvore binária usando Java JavaScript - Como retornar o tamanho de uma string em JavaScript usando a propriedade length do objeto String Python - Como criar um relógio analógico no Pygame - Código completo com variáveis e comentários em português |
Você também poderá gostar das dicas e truques de programação abaixo |
|
AutoLISP - Como desenhar uma linha no AutoCAD usando AutoLISP - Dois pontos geométricos e o comando LINE JavaScript - Como adicionar elementos no início de um array JavaScript usando a função unshift() do objeto Array |
Nossas 20 dicas & truques de programação mais recentes |
Últimos Projetos e Códigos Fonte Liberados Para Apoiadores do Site |
|
Python - Como criar o jogo Pedra, Papel, Tesoura em Python - Jogo completo em Python com código comentado |
Últimos Exercícios Resolvidos |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
