sexta-feira, 24 de agosto de 2012

Imagem para tela de busca

Postado por às Nenhum comentário:

Mostrando filmes de um gênero selecionado

Arquivo - b_genero.php

<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="principal">
<div id="topo">
</div>
<div id="separador">
</div>
<div id="areatitulo">
</div>
<div id="separador">
</div>
<div id="corpo" align="center">
<?php
$conexao = mysql_connect("localhost", "root", "") or die ("Não foi possível conectar o servidor MySql");
$banco= mysql_select_db("dvdteca",$conexao) or die ("Não foi possível acessar o banco de dados");
mysql_query("SET NAMES 'utf8'");
mysql_query('SET character_set_connection=utf8');
mysql_query('SET character_set_client=utf8');
mysql_query('SET character_set_results=utf8');
$genero = $_GET["genero"];
// Define o número de registros por página
$total_reg = "40";
// Se a página não for especificada a variável "pagina" tomará o valor 1 (isso evita de exibir a página 0 de início)
$pagina = $_GET["pagina"];
if (!$pagina) {
$pc = "1";
} else {
$pc = $pagina;
}
// Vamos determinar o valor inicial das buscas limitadas.
$inicio = $pc - 1;
$inicio = $inicio * $total_reg;
// Vamos selecionar os dados e exibir a paginação.
$resultado = mysql_query("SELECT numero, filme, genero, sinopse FROM filmes Where genero = '$genero' ORDER BY filme ASC");
$resultadonome = mysql_num_rows($resultado);
$tp = $resultadonome / $total_reg; // verifica o número total de páginas
$cor1 = 'cor1'; // Nome da classe da cor 1 está no arquivo css
$cor2 = 'cor2'; // Nome da classe da cor 2 está no arquivo css
// Início da tabela
$tabela = '<table>
<tr>
<th>Nº DVD</th>
<th>Filme</th>
<th>Gênero</th>
<th>Resumo da Sinopse</th>
</tr>';
$i=0;
$limite = mysql_query("SELECT numero, filme, genero, sinopse FROM filmes Where genero = '$genero' ORDER BY filme ASC LIMIT $inicio,$total_reg");
while ($linha = mysql_fetch_array($limite))
{
// O pulo do gato :) define uma cor para cada linha
( $i % 2 == 0 ) ? $cor = $cor1 : $cor = $cor2;
$numero = $linha["numero"];
$filme = $linha["filme"];
$genero = $linha["genero"];
$sinopse = $linha["sinopse"];
// alimenta a tabela com os dados
$tabela .= '<tr class="'. $cor .'"><td width="20px">'. $numero .'</td><td width=250><a href="consulta.php?filme='. $filme .'&pagina='.$pagina.'&genero='.$genero.'&tipo=2">'.$filme.'</a></td><td width="80px">'. $genero .'</td><td>'. $sinopse .'</td></tr>';
$i++;
}
// finaliza o html da tabela
$tabela .= '</table>';
//Joga a tabela na tela
print $tabela;
// agora vamos criar os botões "Anterior e próximo"
$anterior = $pc -1;
$proximo = $pc +1;
if ($tp > intval($tp))
{
$ntp = intval($tp) + 1;
}
else
{
$ntp = $tp;
}
echo "<center>";
if ($pc>1) {
echo " <a href='?pagina=$anterior&genero=$genero'><img src = "Imagens/setaesq.jpg"></a>";
}
echo "( ".$pc." / ".$ntp." )";
//echo "<img src = "Imagens/divisor.jpg">";
if ($pc<$tp) {
echo " <a href='?pagina=$proximo&genero=$genero'><img src = "Imagens/setadir.jpg"></a>";
}
echo "</center>";
mysql_free_result($limite);
mysql_close($conexao);
?>
</div>
<div align="right" width="890">
<form class="formul" name="formulario" method="post" action="tipobusca.php">
<input type="submit" value="Voltar" class="enviar">
</form>
</div>
</div>
</body>
</html>
Postado por às Nenhum comentário:

Definindo o critério da busca pelo tipo escolhido

Arquivo - tipoescolhido.php

<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="principal">
<div id="topo">
</div>
<div id="separador">
</div>
<div id="escolhabusca">
<?php
if (!empty($_POST)){
$tipo_escolha = $_POST['tipo'];
echo '<form class="formul" name="formulariobusca" method="POST">
<fieldset>
<legend>Critério de busca Selecionado</legend>';
if ($tipo_escolha == 'titulo') {
echo '<input type="radio" name="group1" value="titulo" checked disabled="disabled"/><span>Título</span>
<input type="radio" name="group1" value="genero" disabled="disabled"/><span>
Gênero</span><input type="radio" name="group1" value="sinopse"
disabled="disabled"/><span>Sinopse</span> ';
} else if ($tipo_escolha == 'genero') {
echo '<input type="radio" name="group1" value="titulo"
disabled="disabled"/><span>Título</span>
<input type="radio" name="group1" value="genero" checked disabled="disabled"/><span>Gênero</span>
<input type="radio" name="group1" value="sinopse" disabled="disabled"/><span>Sinopse</span> ';
}
else {
echo '<input type="radio" name="group1" value="titulo" disabled="disabled"/><span>Título</span>
<input type="radio" name="group1" value="genero" disabled="disabled"/><span>Gênero</span>
<input type="radio" name="group1" value="sinopse" checked disabled="disabled"/><span>Sinopse</span> ';
}
echo '</fieldset></form>';
}
?>
</div>
<div id="separador">
</div>
<?php
if (!empty($_POST)){
if ($tipo_escolha == 'titulo') {
echo '<div id="corpo">
<form class="formul" name="formulariobusca" method="GET" action="b_filme.php">
<fieldset>
<legend>Digite o nome do filme para busca</legend>
<label>
<span>Filme:</span>
<input type="text" name="filme" size="60" maxlength="70"/>
</label>
<p>
<input type="hidden" name="pagina" value="1"/>
<input type="submit" value="Enviar" class="send">
</fieldset>
</form></div>
<center><font face="Georgia, Times New Roman, Times, serif" size="2"><b>Se preferir, clique no filme abaixo.</b></font></center>';
}
else if ($tipo_escolha == 'genero') {
echo '<div id="corpo">
<form class="formul" name="formulariobusca" method="GET" action="b_genero.php">
<fieldset>
<legend>Escolha o gênero do filme</legend>
<label>
<span>Gênero:</span>
<select size="1" name="genero"> <option selected value="selecionar">Selecione...</option>
<option value="Ação">Ação</option>
<option value="Animação">Animação</option>
<option value="Aventura">Aventura</option>
<option value="Comédia">Comédia</option>
<option value="Comédia Romântica">Comédia Romântica</option>
<option value="Crime">Crime</option>
<option value="Desenho">Desenho</option>
<option value="Documentário">Documentário</option>
<option value="Drama">Drama</option>
<option value="Faroeste">Faroeste</option>
<option value="Ficção-científica">Ficção-científica</option>
<option value="Guerra">Guerra</option>
<option value="Musical">Musical</option>
<option value="Policial">Policial</option>
<option value="Romance">Romance</option>
<option value="Seriado">Seriado</option>
<option value="Show">Show</option>
<option value="Suspense">Suspense</option>
<option value="Terror">Terror</option>
<option value="Thriller">Thriller</option>
</select>
</label>
<p>
<input type="hidden" name="pagina" value="1"/>
<input type="submit" value="Enviar" class="send">
</fieldset>
</form></div>
<center><font face="Georgia, Times New Roman, Times, serif" size="2"><b>Se preferir, clique no filme abaixo.</b></font></center>';
}
else if ($tipo_escolha == 'sinopse') {
echo '<div id="corpo">
<form class="formul" name="formulariobusca" method="GET" action="b_sinopse.php">
<fieldset>
<legend>Digite algumas palavras da sinopse desejada</legend>
<label>
<span>Sinopse:</span>
<input type="text" name="sinopse" size="60" maxlength="70"/>
</label>
<p>
<input type="hidden" name="pagina" value="1"/>
<input type="submit" value="Enviar" class="send">
</fieldset>
</form></div>';
}
}
?>
<div align="right" width="890">
<form class="formul" name="formulario" method="post" action="tipobusca.php">
<input type="submit" value="Voltar" class="enviar">
</form>
</div>
</div>
</body>
</html>
Postado por às Nenhum comentário:

Definindo tipo de busca - 2º Ano

Arquivo - tipobusca.php

<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="principal">
<div id="topo">
</div>
<div id="separador">
</div>
<div id="escolhabusca">
<form class="formul" name="formulariobusca" method="post" action="tipoescolhido.php?pagina=1">
<fieldset>
<legend>Selecione o critério da busca do filme</legend>
<input type="radio" name="tipo" value="titulo"><span>Título</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="tipo" value="genero"><span>Gênero</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <input type="radio" name="tipo" value="sinopse" ><span>Sinopse</span> <p>
<input type="submit" value="Enviar" class="send">
</fieldset>
</form>
</div>
<div id="separador">
</div>
<div align="right" width="890"> <form class="formul" name="formulario" method="post" action="dvdteca.php">
<input type="submit" value="Voltar" class="enviar">
</form>
</div>
</div>
</body>
</html>
Postado por às Nenhum comentário:

sábado, 18 de agosto de 2012

Continuação Cadastro

<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="principal">
<div id="topo">
</div>
<div id="separador">
</div>
<?php
$conexao = mysql_connect("localhost", "root", "") or die ("Não foi possível conectar o servidor MySql");
$banco= mysql_select_db("dvdteca",$conexao) or die ("Não foi possível acessar o banco de dados");
$ndvd = $_POST["numero"];
$nfilme = $_POST["filme"];
$genero = $_POST["genero"];
$sinopseres = $_POST["sinopse"];
$sinopsecomp = $_POST["sinopsecompleta"];
$alterar = mysql_query("insert into filmes (ndvd,nfilme,genero,sinopseres,sinopsecomp) values ('$ndvd','$nfilme','$genero','$sinopseres','$sinopsecomp')") or die ("Não foi possível cadastrar dados do filme. ".mysql_error());
mysql_close($conexao);
?> <h1>Dados cadatrados com sucesso!!!</h1>
</div>
<div align="center" width="890">
<form class="formul" name="formulario" method="post" action="cadastro.php">
<input type="submit" value="Voltar" class="enviar">
</form>
</div>
</body>
</html>
Postado por às Nenhum comentário:

sexta-feira, 17 de agosto de 2012

Mais CSS

#areatitulo{
width:900px;
height:45px;
background-image:url(../Imagens/titulo.jpg);
}

table {
border: 1px solid #cfcfcf;
width:100%;
}

th {
font: 700 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #fff;
background-color: #069922;
text-align: center;
padding: 0 10px;
}

td {
font: 11px Tahoma, Geneva, sans-serif;
color: #505050;
padding: 4px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:justify;
}


.cor1 {
background-color: #efefef;
}

.cor2 {
background-color: #ccc;
}
Postado por às Nenhum comentário:

Consulta - 3º Ano

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Seu Título </title>
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="principal">
<div id="topo">
</div>
<div id="separador">
</div>
<div id="areatitulo">
</div>
<div id="separador">
</div>
<div id="corpo" align="center">
<?php
$conexao = mysql_connect("localhost", "root", "") or die ("Não foi possível conectar o servidor MySql");
$banco= mysql_select_db("seu_banco",$conexao) or die ("Não foi possível acessar o banco de dados");
mysql_query("SET NAMES 'utf8'");
mysql_query('SET character_set_connection=utf8');
mysql_query('SET character_set_client=utf8');
mysql_query('SET character_set_results=utf8');
// Define o número de registros por página
$total_reg = "10";
// Se a página não for especificada a variável
"pagina" tomará o valor 1 (isso evita de exibir a página 0 de início)
$pagina = $_GET["pagina"];
if (!$pagina) {
$pc = "1";
} else {
$pc = $pagina;
}
// Vamos determinar o valor inicial das buscas limitadas.
$inicio = $pc - 1;
$inicio = $inicio * $total_reg;
// Vamos selecionar os dados e exibir a paginação.
$resultado = mysql_query("SELECT campo1, campo2, campo3 FROM filmes ORDER BY campo ASC");
$resultadonome = mysql_num_rows($resultado);
$tp = $resultadonome / $total_reg; // verifica o número total de páginas
$cor1 = 'cor1'; // Nome da classe da cor 1 está no arquivo css
$cor2 = 'cor2'; // Nome da classe da cor 2 está no arquivo css
// Início da tabela
$tabela = '<table>
<tr>
<th> Campo1</th>
<th> Campo2</th>
<th> Campo3</th>
</tr>';
$i=0;
$limite = mysql_query("SELECT campo1, campo2, campo3 FROM filmes ORDER BY campo ASC ASC LIMIT $inicio, $total_reg");
while ($linha = mysql_fetch_array($limite))
{
// O pulo do gato :) define uma cor para cada linha
( $i % 2 == 0 ) ? $cor = $cor1 : $cor = $cor2;
$var1 = $linha["campo1"];
$var2 = $linha["campo2"];
$var3 = $linha["campo3"];
// alimenta a tabela com os dados
$tabela .= '<tr class="'. $cor .'"><td width="20px">'. $var1 .'</td><td width=250><a href="consulta.php?nome='. $var2 ">'.$var2.'</a></td><td width="80px">'. $var3 .'</td></tr>';
$i++;
}
// finaliza o html da tabela
$tabela .= '</table>';
//Joga a tabela na tela
print $tabela;
// agora vamos criar os botões "Anterior e próximo"
$anterior = $pc -1;
$proximo = $pc +1;
if ($tp > intval($tp))
{
$ntp = intval($tp) + 1;
}
else
{
$ntp = $tp;
}
echo "<center>";
if ($pc>1) {
echo " <a href='?pagina=$anterior'><img src = "Imagens/setaesq.jpg"></a>";
} echo "( ".$pc." / ".$ntp." )";
if ($pc<$tp) {
echo " <a href='?pagina=$proximo'><img src = "Imagens/setadir.jpg"></a>";
}
echo "</center>";
mysql_free_result($limite);
mysql_close($conexao);
?>
</div>
<div align="right" width="890">
<form class="formul" name="formulario" method="post" action="tipobusca.php"> <input type="submit" value="Voltar" class="enviar">
</form>
</div>
</div>
</body>
</html>
Postado por às Nenhum comentário:

sábado, 11 de agosto de 2012

Imagens para consulta (3º ano)



Postado por às Nenhum comentário:

sexta-feira, 10 de agosto de 2012

Página para cadastro

<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<title>DvdTeca do Trevas - Cadastro de Dvd's</title> </head>
<body>
<div id="principal">
<div id="topo"> </div>
<div id="separador"> </div>
<div id="cadastro">
<form name="formulario1" method="post" action="envio_cadastro.php">
<fieldset>
<legend>Digite os dados do DVD</legend>
<label>
<span>Número do DVD: </span>
<input type="text" name="numero" size="5" maxlength="5"/>
</label>
<p>
<label>
<span>Filme:</span>
<input type="text" name="filme" size="60" maxlength="70"/>
</label>
<p>
<label>
<span>Gênero: </span>
<select size="1" name="genero"> <option selected value="selecionar">Selecione...</option>
<option value="Ação">Ação</option>
<option value="Animação">Animação</option>
<option value="Aventura">Aventura</option>
<option value="Comédia">Comédia</option>
<option value="Comédia Romântica">Comédia Romântica</option>
<option value="Crime">Crime</option>
<option value="Desenho">Desenho</option>
<option value="Documentário">Documentário</option>
<option value="Drama">Drama</option>
<option value="Faroeste">Faroeste</option>
<option value="Ficção-científica">Ficção-científica</option>
<option value="Guerra">Guerra</option>
<option value="Musical">Musical</option>
<option value="Policial">Policial</option>
<option value="Romance">Romance</option>
<option value="Seriado">Seriado</option>
<option value="Show">Show</option>
<option value="Suspense">Suspense</option>
<option value="Terror">Terror</option>
<option value="Thriller">Thriller</option>
</select>
</label>
<p>
<label>
<span>Resumo da Sinopse: </span>
<textarea name="sinopse" cols="80" rows="3"></textarea>
</label>
<p>
<label>
<span>Sinopse Completa: </span>
<textarea name="sinopsecompleta" cols="80" rows="7"></textarea>
</label>
<p>
<input type="submit" value="Cadastrar" class="send">
&nbsp;&nbsp;<input type="reset" value="Cancelar" class="send">
</fieldset>
</form>
</div>
<div id="separador">
</div>
<div align="right" width="890">
<form class="formul" name="formulario" method="post" action="dvdteca.php">
<input type="submit" value="Voltar" class="enviar">
</form>
</div>
</div>
</body>
Postado por às Nenhum comentário:

Barra para o Menu

Copie esta imagem para sua pasta.

Postado por às Nenhum comentário:

Exemplo do arquivo de estilos

*body {
margin:0;
padding:0;
}

#principal {
width:900px;
height:auto;
margin-top:30px;
margin-left:auto;
margin-right:auto;
}

#topo {
background-image:url(../Imagens/topo1.jpg);
width:100%;
height:105px;
background-repeat:no-repeat;
}

#home {
background-image:url(../Imagens/Home1.jpg);
width:100%;
height:310px;
margin-top:200px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
}

#separador {
height:5px;
}

#corpo {
width:100%;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
text-align:left;
}

#entrar {
width:100%;
height:50px;
color:#000000;
font-family:"Berlin Sans FB Demi";
font-size:40px;
text-decoration:none;
}

#entrar a:link, a:visited{
color:#000000;
text-decoration:none;
}

#entrar a:hover{
background:#000000;
color:#FFFFFF;
}

#menu {
background-image:url(../Imagens/menu.jpg);
background-repeat:no-repeat;
width:100%;
height:61px;
padding:10px 0px 0px 20px;
}

#menu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#000000;
word-spacing:5px;
text-decoration:none;
text-transform:uppercase;
}

#menu a:hover{
color:#99FF00;
}

#cadastro{
width:100%;
height:auto;
}

#cadastro form{
width:90%;
height:auto;
margin-left:auto;
margin-right:auto;
}

#cadastro fieldset{
border:1px #009900 solid;
padding:0 15px 10px 15px;
border-radius: 4px;
}

#cadastro legend{
color:#009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
padding:10px 0;
}

#cadastro label{
padding:3px 0;
}

#cadastro span{
color:#009900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12;
}

#cadastro input, select {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 4px;
    border: 0;
    color: #000033;
    background: url(../Imagens/input1.jpg) repeat-x center;
    box-shadow: 0 0 6px 2px #009900 inset;
    border-radius: 4px;
}
#cadastro input:focus, input:hover {
    box-shadow: 0 0 1px 1px #6CA6CD, 0 0 3px 3px #4A708B, 0 0 6px 2px #009900 inset;
}

#cadastro .send{
width:100px;
margin:10px auto;
cursor:pointer;
border:0;
}

#cadastro textarea {
    width: 750px;
    display:block;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding: 4px;
    border: 0;
    color: #000033;
    box-shadow: 0 0 6px 2px #009900 inset;
    border-radius: 4px;
}

.enviar {
width:80px;
margin:10px auto;
cursor:pointer;
font-weight:bold;
border:0;
background-color:#009900;
color:#FFFFFF;
}
Postado por às Nenhum comentário:

Imagem para Home

Baixe este arquivo
Postado por às Nenhum comentário:

Fundo da caixa de texto

Copiem esta imagem para sua pasta.

==> 
Postado por às Nenhum comentário:
Assinar: Postagens (Atom)