Jump to content


Photo

Fazendo Um Fotolog


  • Faça o login para participar
28 replies to this topic

#1 thiago_2002

thiago_2002

    12 Horas

  • Usuários
  • 132 posts
  • Sexo:Não informado

Posted 16/10/2003, 19:55

criando um fotolog !!!!!!!!!!!!!!!! uipppppiiiii.. HAEUhuuAE...

EXEMPLO DE COMO VAI FICAR : http://thiago.d3sign.com.br/album/

é o seguinte.... comecem criando essas tabelas :

#####################################################

CREATE TABLE album_thiago_fotos (
id int(11) NOT NULL auto_increment,
url char(100) NOT NULL,
data char(40) NOT NULL,
titulo char(255) NOT NULL,
PRIMARY KEY (id)
);

#####################################################

CREATE TABLE album_thiago_comentarios (
nome varchar(70) NOT NULL,
email varchar(60) NOT NULL,
data varchar(40) NOT NULL,
id int(11) NOT NULL auto_increment,
imagem int(11) DEFAULT '0' NOT NULL,
comentario text NOT NULL,
PRIMARY KEY (id)
);

#####################################################

ARQUIVO INDEX.PHP :

<html>
<head>
<title>Album de fotos</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
<style>
.fonte {
font-family: verdana,tahoma;
font-size:11}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language=javascript>
<!--
function validar(form) {

nome = document.formulario.nome.value; // verifica o campo nome
if (nome == "") { // verifica se o campo nome está vazio
alert("Coloque seu Nome"); // mensagem exibida se o campo não for preenchido
formulario.nome.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para nome

email = document.formulario.email.value; // verifica o campo e-mail
if (email == "") {
alert("Coloque seu E-Mail");
formulario.email.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // a seguir a validação do e-mail pelo @

// este campo abaixo verifica o e-mail
else {
if (email.indexOf("@") == -1) {
alert("Digite um E-Mail válido.");
formulario.email.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
}}
// aqui termina a parte da validação do e-mail

comentario = document.formulario.comentario.value; // verifica o campo numero
if (comentario == "") {
alert("Coloque seu comentário");
formulario.comentario.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // a seguir a validação do número 123

// este campo abaixo verifica o número
// aqui termina a parte de validação para número

// fim
}
// -->
</script>

</head>

<body bgcolor="#91a6a0" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<table width="724" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border:1px">
  <tr align="center" valign="bottom">
    <td height="72" colspan="3" class="fonte"><img src="../imagens/top.jpg" width="719" height="110" hspace="5" vspace="5" border="1"></td>
  </tr>
  <tr>
    <td width="140" height="148" align="center" valign="top" bgcolor="#5f776f" class="fonte" style="border-bottom:0px; border-top:0px;"><p><strong>Fotos
        Recentes</strong></p>
      <p>
        <?php
   include "conecta_mysql.inc";
  
   $sql2 = mysql_query("SELECT * FROM album_thiago_fotos ORDER BY id DESC LIMIT 1", $conexao);
   $linha = mysql_fetch_array($sql2);
   $sql3 = mysql_query("SELECT * FROM album_thiago_fotos ORDER BY id ASC LIMIT 1", $conexao);
   $linha2 = mysql_fetch_array($sql3);

   if(empty($imagem))
   {

   $imagem = rand($linha2[id],$linha[id]);

   }
  
  
     $sql = "SELECT * FROM album_thiago_fotos ORDER BY id DESC LIMIT 0,8";
   $fotos = mysql_query($sql,$conexao);
  
   while($row = mysql_fetch_array($fotos)) {
  
   echo "<a href=index.php?imagem=$row[id]>
   <img src=$row[url] width=100 height=74 border=1></a><br>$row[data]<br><br><br>";
   }
  
  
   ?>
      </p>
      <p><strong><a href="ver_todas.php">Mais Fotos</a><br>
        <br>
        </strong></p></td>
    <td width="482" align="center" valign="top" bgcolor="#5f776f" class="fonte" style="border:0px">
      <?php
  
   include "conecta_mysql.inc";

   $sql = "SELECT * FROM album_thiago_fotos WHERE id='".$imagem."' AND titulo<>''";
   $fotos = mysql_query($sql,$conexao);
  
   while($row = mysql_fetch_array($fotos)) {

   echo "<br>$row[data]<br>
   <img src=$row[url] border=1 vspace=10><br>$row[titulo]<br>";
   }


   ?>
      <p>
        <?php
   include "conecta_mysql.inc";
  
 
      $sql = "SELECT * FROM album_thiago_comentarios WHERE imagem='".$imagem."'";
   $fotos = mysql_query($sql,$conexao);
  
   while($row = mysql_fetch_array($fotos)) {
  
   echo "<hr size=1 color=black>
   <br><b>$row[nome]</b> - <a href=mailto:$row[email]>$row[email]</a> - $row[data]<br>$row[comentario]<br><br>";
   }
  
  
   ?>
      </p>
      <hr size="1" noshade color="#000000">
      <br>
      <form action="enviar_comentario.php" method="post" name="formulario" onSubmit="return validar(this)">
        <table border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><font size="2">Nome :</font></td>
            <td><input name="nome" type="text" id="nome2"></td>
          </tr>
          <tr>
            <td><font size="2">E-Mail :</font></td>
            <td><input name="email" type="text" id="email2"></td>
          </tr>
          <tr>
            <td><font size="2">Coment&aacute;rio :</font></td>
            <td><textarea name="comentario" id="textarea"></textarea></td>
          </tr>
          <tr align="center">
            <td height="42" colspan="2"><input name="imagem" type="hidden" id="imagem" value="<?php echo "$imagem"; ?>">
              <input name="submit" type="submit" value="Enviar coment&aacute;rio"></td>
          </tr>
        </table>
      </form>
      <p>&nbsp; </p></td>
    <td width="140" align="center" valign="top" bgcolor="#5f776f" class="fonte" style="border-bottom:0px; border-top:0px;"><p><strong>Amigos</strong></p>
      <p><strong><a href="http://www.camlog.net/davimm/" target="_blank"><img src="imagens/davi.jpg" width="100" height="74" border="1"><br>
        Davi</a></strong></p>
      <p><strong><a href="http://www.fotolog.net/lewkz/" target="_blank"><img src="imagens/lewkz.jpg" width="100" height="74" border="1"><br>
        lewkz</a></strong></p>
      <p><strong><a href="http://www.fotolog.net/brothers/" target="_blank"><img src="imagens/brothers.jpg" width="100" height="74" border="1"><br>
        Brothers</a> </strong></p></td>
  </tr>
  <tr>
    <td colspan="3" align="center" bgcolor="f8f8f8" class="fonte">&copy; 2003 thiago sk8 blog todos
      os direitos reservados </td>
  </tr>
</table>
</body>
</html>


AQRUIVO VER_TODAS.PHP :

<html>
<head>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=0.0)">
<script language="JavaScript1.2">
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",10)
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=70
}
function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=5
else if (window.highlighting)
clearInterval(highlighting)
}
</script>

<title>Album de fotos</title>
<link href="estilo.css" rel="stylesheet" type="text/css">
<style>
.fonte {
font-family: verdana,tahoma;
font-size:11}
</style>

</head>

<body bgcolor="#91a6a0" alink=black vlink=black link=black>
<table width="724" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border:1px">
  <tr align="center" valign="bottom">
    <td class="fonte"><img src="../imagens/top.jpg" width="719" height="110" hspace="5" vspace="5" border="1"></td>
  </tr>
  <tr>
    <td align="center" valign="top" bgcolor="#5f776f" class="fonte" style="border-bottom:0px; border-top:0px;">
    <br><br>     <table class=fonte><tr>

<?php

include "conecta_mysql.inc";

   $busca = mysql_query("SELECT * FROM album_thiago_fotos", $conexao);

$a = 0;
while($row=  mysql_fetch_array($busca)) {
echo "<td align=center>
<a href=index.php?imagem=$row[id]>
<img src=$row[url] width=100 height=74 border=1 hspace=15 style=\"filter:alpha(opacity=70)\" onMouseOver=\"high(this)\" onMouseOut=\"low(this)\"></a><br>$row[data]</td>";
$a++;
if($a==5){
$a=0;
echo "</tr><tr>";
}
}

?>
</tr></table>
          <br><br>
   </td>
  </tr>
  <tr>
    <td align="center" bgcolor="f8f8f8" class="fonte">&copy; 2003 thiago sk8 blog
      todos os direitos reservados </td>
  </tr>
</table>
</body>
</html>


ARQUIVO upload.php :

<?php

  $uploadfile = $_FILES['userfile']['tmp_name'];
  $uploaddir = $_SERVER['DOCUMENT_ROOT'] . '/sua/pasta/' . $_FILES['userfile']['name']."";
        $img = $_FILES['userfile']['name'];
        $link_img = "http://www.site.com/url/da/sua/imagem".$_FILES['userfile']['name']."";

echo "<pre>";
  if (move_uploaded_file($uploadfile, $uploaddir))
     {
     $dia = date("d");
     $mes = date("m");
     $ano = date("Y");
     $minuto = date("i");
     $hora = date("H");
    
     include "conecta_mysql.inc";

$insere = mysql_query("INSERT INTO album_thiago_fotos VALUES ('','$link_img','$dia/$mes/$ano - $hora:$minuto','$descricao')", $conexao);

echo "Endereço da Imagem: ".$link_img."<BR><BR>";
       echo "A Imagem:<BR>";
       echo "<img src=".$link_img.">";
     }

  else
     {
       echo "ERRO: A imagem <i>".$img."</i> não pode ser cadastrada:<BR><BR>";
       echo "<a href=java script:history.back()>Clique aqui</a> para Voltar.";
     }


?>


ARQUIVO enviar_comentario.php :

<?php

include "conecta_mysql.inc";

$data_todas = date('d/m/y');


$data = "$data_todas";

$inserir = mysql_query("INSERT INTO album_thiago_comentarios VALUES('$nome','$email','$data','','$imagem','$comentario')", $conexao);



header ("location: index.php?imagem=$imagem");

?>


ARQUIVO imagem.html :

<html>
<body>

<form enctype="multipart/form-data" action="upload.php" method="post">
  <p>Imagem:
    <input name="userfile" type="file">
  </p>
  <p> Descri&ccedil;&atilde;o :
    <textarea name="descricao" rows="4" id="descricao"></textarea>
  </p>
  <p>
    <input type="submit" value="Enviar">
  </p>
</form>

</body>
</html>


ARQUIVO conecta_mysq.inc :

<?php

   $conexao = mysql_connect ("localhost","root","");
   mysql_select_db ("thiago_fotos");

?>


Edição feita por: thiago_2002, 17/10/2003, 01:16.


#2 geizon-pkr

geizon-pkr

    Turista

  • Usuários
  • 37 posts
  • Sexo:Não informado

Posted 17/10/2003, 10:15

ae cara
assim ó
você precisa arruma o tuto ai
pq no arquivo de conecta ao mysql vc usou um nome pra tabela de fotos, e nas paginas vc ta fazendo as buscas na tabela album_thiago_fotos, sendo que vc criou a tabela album_fotos no mysql

#3 Guest

Guest
  • Visitantes

Posted 17/10/2003, 10:28

ei thiago_2002 isso se trata de um tutorial e nâo de uma duvida... posta na parte de tutoriais...

bom falow !!!

#4 thiago_2002

thiago_2002

    12 Horas

  • Usuários
  • 132 posts
  • Sexo:Não informado

Posted 17/10/2003, 11:38

thiago_fotos eh o nome do banco de dados nao da tabela

#5 geizon-pkr

geizon-pkr

    Turista

  • Usuários
  • 37 posts
  • Sexo:Não informado

Posted 17/10/2003, 12:03

thiago_fotos eh o nome do banco de dados nao da tabela

ta mas no caso nos temos que alterar o nome na hora de instalar nao eh?

tipo
olha ai os erros que tao dando...eu ja peguei e atualizei as tabelas de acordo com o que vc atualizou ali
End do Fotolog

Edição feita por: geizon-pkr, 17/10/2003, 12:10.


#6 goiaba2000

goiaba2000

    Tô com sono!

  • Usuários
  • 1118 posts
  • Sexo:Não informado
  • Localidade:Sobradinho-DF

Posted 17/10/2003, 17:23

relaxa... o X vai mover esse tópico... é uma questão de tempo
PHP + UML + OO + Flash + MySQL = IMBATIVEL

http://www.guilardi.com.br
- portifólio
http://www.deusehmais.com.br
- projeto atual

#7 thiago_2002

thiago_2002

    12 Horas

  • Usuários
  • 132 posts
  • Sexo:Não informado

Posted 21/10/2003, 21:35

vc criou o nome das tabelas igual o q eu puis ? se nao vc vai ter q muda nos selects tb

#8 MaXiMuS

MaXiMuS

    o cara que escreve engraçado

  • Usuários
  • 785 posts
  • Sexo:Não informado
  • Localidade:Guarulhos - SP - Brasil

Posted 22/10/2003, 09:48

Cade o tutorial???????

Isso pra mim é um SCRIPT... vc apenas postou o código do script... um Tutorial/Artigo ... consiste na explicação de como realizar determinada tarefa.... oq no caso vc nao fez....





===================================================

AHHHH ... de uma olhadinha no código q vc usou no seu site, tá errado na parte das miniaturas.. flw

Edição feita por: MaXiMuS, 22/10/2003, 09:50.


#9 RAMBO

RAMBO

    12 Horas

  • Usuários
  • 146 posts
  • Sexo:Não informado
  • Localidade:Catanduva

Posted 22/10/2003, 16:52

Instalei aqui em casa e deu certinho!
o chato eh que tem que limpar o BD pois tem umas fotos lá com link quebrado!
Thiago, seria legal vc der mais uma aperfeiçoada pois ta muito massa! vc já pensou em fazer um painel administrativo?
onde possa excluir uma imagem do BD, fazer upload etc...
ta muito bom parabéns!

outra coisa, será que dá para estipular o tamanho da imagem que vai aparecer?, pois tem as imagens em miniatura e tem a de tamanho original, bem eu fiz o teste de colocar uma imagem maior, deformou o layout! será que tem como fazer com que as imagens apareça em uma configuração menor, ex. quando fazer um upload de uma imagem de 800x600 ela não aceitar, fazendo com que possa enviar de tamanho reduzido para não deformar o layout? :o

#10 RAMBO

RAMBO

    12 Horas

  • Usuários
  • 146 posts
  • Sexo:Não informado
  • Localidade:Catanduva

Posted 22/10/2003, 16:55

thiago_fotos eh o nome do banco de dados nao da tabela

ta mas no caso nos temos que alterar o nome na hora de instalar nao eh?

tipo
olha ai os erros que tao dando...eu ja peguei e atualizei as tabelas de acordo com o que vc atualizou ali
End do Fotolog

eu sei qual eh o seu problema!!!!!

o thiago colocou o nome para vc colocar assim nesse arquivo:

conecta_mysq.inc

saó que está errado! é esse o nome :

conecta_mysql.inc

ele esqueceu do "L" na hora do post!
tenta lá! acho que resolve! ;)

#11 thiago_2002

thiago_2002

    12 Horas

  • Usuários
  • 132 posts
  • Sexo:Não informado

Posted 22/10/2003, 21:46

acho q nao eh isso, pq se nao dava erro de include

#12 goiaba2000

goiaba2000

    Tô com sono!

  • Usuários
  • 1118 posts
  • Sexo:Não informado
  • Localidade:Sobradinho-DF

Posted 23/10/2003, 01:58

gostei... mas o fundo tá se confundindo com as letrinhas pretas!!!
PHP + UML + OO + Flash + MySQL = IMBATIVEL

http://www.guilardi.com.br
- portifólio
http://www.deusehmais.com.br
- projeto atual

#13 xpimenta

xpimenta

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Não informado
  • Localidade:Rio de Janeiro
  • Interesses:PHE e MySQL

Posted 05/11/2003, 22:54

:D Sou iniciante, mas quando testei ele na minha máquina, notei que havia um erro ao enviar a foto para o banco de dados...

Para sanar esse problema, abra o arquivo imagem.html e mude o name do textarea para título, pois este faz referencia ao banco de dados (uma das colunas) e mude também no arquivo upload na instrução sql que inclui os dados na tabela. Mude de $descricao para $titulo

Ou faça o inverso que eu acho mais fácil, apenas mude o campo da tabela album_tiago_fotos se eu não me enganei de titulo para descricao

Um dia eu chego lá e aprendo de vez a proggramar nisso, obrigado... se eu tiver errado por favor me corrija.

Um abraço

#14 Sir Curse

Sir Curse

    Normal

  • Usuários
  • 113 posts
  • Sexo:Não informado
  • Localidade:São Paulo
  • Interesses:Linguagens em geral

Posted 12/04/2004, 00:40

to tentando de todas as formas fazer esse fotolog funcionar, mas não estou conseguindo, será que alguem pode me ajudar?

está aparecendo o seguinte erro:

Warning:  move_uploaded_file(): open_basedir restriction in effect. File(/home/html/imagens/yoshi.gif) is not within the allowed path(s): (/home/webcindario/explosion) in /home/webcindario/explosion/fotolog/upload.php on line 9
ERRO: A imagem yoshi.gif não pode ser cadastrada:Clique aqui para Voltar.




e o upload.php

<?php

  $uploadfile = $_FILES['userfile']['tmp_name'];
  $uploaddir = $_SERVER['DOCUMENT_ROOT'] . '/imagens/' . $_FILES['userfile']['name']."";
        $img = $_FILES['userfile']['name'];
        $link_img = "http://explosion.webcindario.com/fotolog/imagens/".$_FILES['userfile']['name']."";

echo "<pre>";
  if (move_uploaded_file($uploadfile, $uploaddir))
    {
    $dia = date("d");
    $mes = date("m");
    $ano = date("Y");
    $minuto = date("i");
    $hora = date("H");

    include "conecta_mysql.inc";

$insere = mysql_query("INSERT INTO album_thiago_fotos VALUES ('','$link_img','$dia/$mes/$ano - $hora:$minuto','$descricao')", $conexao);

echo "Endereço da Imagem: ".$link_img."<BR><BR>";
      echo "A Imagem:<BR>";
      echo "<img src=".$link_img.">";
    }

  else
    {
      echo "ERRO: A imagem <i>".$img."</i> não pode ser cadastrada:<BR><BR>";
      echo "<a href=java script:history.back()>Clique aqui</a> para Voltar.";
    }


?>



o que fiz de erradu?

#15 DanielGama

DanielGama

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 21/04/2004, 14:28

A fot não está sendo exibida no centro da página.. apenas nos thumbs laterais!! e agora??? :( :(




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq