Inserir titulo da imagem

PatrickGomes · October 5, 2011 at 10:20 PM

Boas pessoal,

A minha dúvida é a seguinte:

Estou a "melhorar" uma area de cliente de um cliente do qual fiquei com o site novo para fazer, mas que ele quer algumas alterações nessa area do cliente, além do design.

Na area do cliente, aparecem as fotos todas dispostas por tabelas. Mas estas imagens são carregadas através do FTP, e não para a BD (o cliente usa um programa ftp e manda para lá as fotos) Daí está a minha duvida: O cliente quer que apareça o titulo da imagem (por ex: 001.jpg) e com a checkbox. Depois de clicar em seguinte, vai para umas ficha de preenchimento, onde na parte onde tenha "fotos para encomenda" sejam as seleccionadas atrás.

Não sei se me fiz entender.

O código que tenho é este, já um pouco alterado por mim:

// Mysql_num_row is counting table row
$count = mysql_num_rows($result);

// If result matched $myusername and $mypassword, table row must be 1 row

if($count==1 && $username!="")

{

$imgdir = $username . '/'; // the directory, where your images are stored

$allowed_types = array('png','jpg','jpeg','gif'); // list of filetypes you want to show

$dimg = opendir($imgdir);

while($imgfile = readdir($dimg))

{

if(in_array(strtolower(substr($imgfile,-3)),$allowed_types))

{

$a_img[] = $imgfile;

sort($a_img);

reset ($a_img);

}

}

$totimg = count($a_img); // total image number

echo "<table width=\"900\" cellspacing=\"0\" align=\"center\" cellpadding=\"0\"><tr><td class=\"table_header\">Nome de utilizador: " . $username . "<br>N� de fotos: " . $totimg . "</td></tr></table><table width=\"900\" align=\"center\" cellspacing=\"5\" cellpadding=\"0\" bordercolor=\"#000000\">";

for($x=0; $x < $totimg; $x+=5)

{

//if($x==0){$inc="lightbox[1]";}else{$inc="group";}

echo "<tr>

<td align=\"center\" width=\"100\" class=\"table_row\">

<a href=\"" . $imgdir . $a_img[$x] . "\" rel=\"pp[1]\">

<img src=\"" . $imgdir . $a_img[$x] . "\" width=\"120\" border=\"0\"/> ['titulo'];</a>

</td>

<td width=\"100\" align=\"center\" class=\"table_row\">

<a href=\"" . $imgdir . $a_img[$x+1] . "\" rel=\"pp[1]\">

<img src=\"" . $imgdir . $a_img[$x+1] . "\" width=\"120\" border=\"0\"/></a>

</td>

<td width=\"100\" align=\"center\" class=\"table_row\">

<a href=\"" . $imgdir . $a_img[$x+2] . "\" rel=\"pp[1]\">

<img src=\"" . $imgdir . $a_img[$x+2] . "\" width=\"120\" border=\"0\"/></a>

</td>

<td width=\"100\" align=\"center\" class=\"table_row\">

<a href=\"" . $imgdir . $a_img[$x+3] . "\" rel=\"pp[1]\">

<img src=\"" . $imgdir . $a_img[$x+3] . "\" width=\"120\" border=\"0\"/></a>

</td>

<td width=\"100\" align=\"center\" class=\"table_row\">

<a href=\"" . $imgdir . $a_img[$x+4] . "\" rel=\"pp[1]\">

<img src=\"" . $imgdir . $a_img[$x+4] . "\" width=\"120\" border=\"0\"/></a>

</td>

<td width=\"100\" align=\"center\" class=\"table_row\">

<a href=\"" . $imgdir . $a_img[$x+5] . "\" rel=\"pp[1]\">

<img src=\"" . $imgdir . $a_img[$x+5] . "\" width=\"120\" border=\"0\"/></a>

</td>

</tr>";

}

Este código e da página onde aparecem as fotos. Depois só precisava do código que tenho de por na textfield para aparecerem as fotos selecionadas.

Se me puderem ajudar, fico mesmo agradecido 😉

Obrigado

yoda · October 5, 2011 at 10:32 PM

É isto?

<input type="checkbox" name="images" value="1" />

PatrickGomes · October 5, 2011 at 10:45 PM

Se eu meter isso assim:

echo "<tr>

</td>

A página nem carrega. Fica em branco :S

Rechousa · October 5, 2011 at 10:59 PM

Pois não deve carregar... Tens problemas com as aspas (e com a concatenação de strings (.))

PatrickGomes · October 6, 2011 at 08:40 AM

Mas sem o código da check box funciona tudo muito bem.

pmg · October 6, 2011 at 08:48 AM

Em vez de

echo "bla bla
ble ble
...
blu blu";

experimenta

?>
bla bla
ble ble
...
blu blu
<?php

Se tiveres uma coisita ou outra dentro do bla bla que precise de php, volta a entrar e sair do modo php ...

?>
bla bla
ble <?php echo $_SESSION['username']; ?> ble
...
blu blu
<?php

PatrickGomes · October 6, 2011 at 09:16 AM

Mas não tenho de usar sempre o echo sempre que precise que algo seja transcrito para o html?

pmg · October 6, 2011 at 09:28 AM

Num ficheiro php, tudo o que nao esta dentro das tags php é html

<?php
// aqui é php
?>
<!-- Aqui é HTML -->
<?php
# aqui é php outra vez
echo 'aqui é HTML';

$nome = 'John Doe';
$idade = 42;
echo <<<END
Aqui também é HTML com parsing automatico :-)
Exemplo: O $nome tem $idade anos.
END
?>

PatrickGomes · October 6, 2011 at 09:40 AM

Então o que propões é, em vez de:

      echo "<tr>
      <td align=\"center\" width=\"100\" class=\"table_row\">
         <a href=\"" . $imgdir . $a_img[$x] ."\" rel=\"pp[1]\">
            <img src=\"" . $imgdir . $a_img[$x] . "\" width=\"120\" border=\"0\"/> </a>
<input type="checkbox" name="images" value="1" />
      </td>

colocar:

     <? <tr>
      <td align=\"center\" width=\"100\" class=\"table_row\">
         <a href=\"" . $imgdir . $a_img[$x] ."\" rel=\"pp[1]\">
            <img src=\"" . $imgdir . $a_img[$x] . "\" width=\"120\" border=\"0\"/> </a>

<?php <input type="checkbox" name="images" value="1" />?>

      </td> ?>

pmg · October 6, 2011 at 10:23 AM

      echo <<<HTML001
      <tr>
      <td align="center" width="100" class="table_row">
         <a href="$imgdir{$a_img[$x]}" rel="pp[1]">
            <img src="$imgdir{$a_img[$x]}" width="120" border="0"/> </a>
<input type="checkbox" name="images" value="1" />
      </td>
HTML001;

PatrickGomes · October 6, 2011 at 10:46 AM

O que significa o HTML001?

Desculpa ser chato, o mais simples talvez seria colar lá e se der não me chatear mais, mas eu não penso assim. E gostava de perceber melhor isto.

PatrickGomes · October 6, 2011 at 10:59 AM

Mudei consoante o que me disseste, mas não deu nada. Apareceu a página toda em branco ?

Deixo aqui o código toda da página:

<!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>
	<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
	<!--script src="js/jquery.lint.js" type="text/javascript" charset="utf-8"></script-->
	<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
	<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fernando Tavares</title>
<link rel="stylesheet" type="text/css" href="css.css" />
    <script src="AC_RunActiveContent.js" type="text/javascript"></script>
    
            <script type="text/javascript" src="script.js"></script>

</head>

<body>
<?php
include("header.php");
?>

<?php
include("database_connect.php");
?>

<?php
$username = $_POST['username'];
$password = $_POST['pass'];
$sql = "SELECT * FROM clientes WHERE utilizador='$username' AND palavra='$password'";
$result = mysql_query($sql);

// Mysql_num_row is counting table row
$count = mysql_num_rows($result);
// If result matched $myusername and $mypassword, table row must be 1 row

if($count==1 && $username!="")
{
$imgdir = $username . '/'; // the directory, where your images are stored
$allowed_types = array('png','jpg','jpeg','gif'); // list of filetypes you want to show
$dimg = opendir($imgdir);
while($imgfile = readdir($dimg))
{
	if(in_array(strtolower(substr($imgfile,-3)),$allowed_types))
	{
		$a_img[] = $imgfile;
		sort($a_img);
		reset ($a_img);
	} 
}
$totimg = count($a_img); // total image number

echo "<table width=\"900\" cellspacing=\"0\" align=\"center\" cellpadding=\"0\"><tr><td class=\"table_header\">Nome de utilizador: " . $username . "<br>N� de fotos: " . $totimg . "</td></tr></table><table width=\"900\" align=\"center\" cellspacing=\"5\" cellpadding=\"0\" bordercolor=\"#000000\">";
for($x=0; $x < $totimg; $x+=5)
{
	//if($x==0){$inc="lightbox[1]";}else{$inc="group";}

	echo <<<HTML001
      <tr>
      <td align="center" width="100" class="table_row">
         <a href="$imgdir{$a_img[$x]}">
            <img src="$imgdir{$a_img[$x]}" width="120" border="0"/> </a>
<input type="checkbox" name="images" value="1" />
      </td>


      <td align="center" width="100" class="table_row">
         <a href="$imgdir{$a_img[$x+1]}">
            <img src="$imgdir{$a_img[$x+1]}" width="120" border="0"/> </a>
<input type="checkbox" name="images" value="2" />
      </td>

      <td align="center" width="100" class="table_row">
         <a href="$imgdir{$a_img[$x+2]}">
            <img src="$imgdir{$a_img[$x+2]}" width="120" border="0"/> </a>
<input type="checkbox" name="images" value="3" />
      </td>

      <td align="center" width="100" class="table_row">
         <a href="$imgdir{$a_img[$x+3]}">
            <img src="$imgdir{$a_img[$x+3]}" width="120" border="0"/> </a>
<input type="checkbox" name="images" value="4" />
      </td>

      <td align="center" width="100" class="table_row">
         <a href="$imgdir{$a_img[$x+4]}">
            <img src="$imgdir{$a_img[$x+1]}" width="120" border="0"/> </a>
<input type="checkbox" name="images" value="5" />
      </td>

      <td align="center" width="100" class="table_row">
         <a href="$imgdir{$a_img[$x+5]}">
            <img src="$imgdir{$a_img[$x+5]}" width="120" border="0"/> </a>
<input type="checkbox" name="images" value="6" />
      </td>
  
	</tr>

HTML001;

}

echo "</table></table>";

} else {
print "Username ou Password Errados!";
}

?>

<?php
include("footer.php");
?>

Isto funciona assim:

Isto cria uma tabela com 6 colunas, que contém as fotos que o cliente manda para dentro do ftp. E vai criando rows, consoante a quantidade das fotos, sempre com 6 colunas.

A checkbox como está feita mete o nome da imagem?

pmg · October 6, 2011 at 11:18 AM

Os <<< e o HTML001 sao parte da sintaxe "heredoc" ( http://pt2.php.net/manual/pt_BR/language.types.string.php#language.types.string.syntax.heredoc )

Atencao que o identificador final tem de estar colado a esquerda.

Em vez de HTML001 podes usar o que quiseres. Eu gosto de HTML001 para o primeiro pedaco de HTML embutido, HTML002 para o segundo, ... Tambem uso SQL001, SQL002 para embutir coisas da base de dados

PatrickGomes · October 6, 2011 at 11:47 AM

Consegui criar a check box.

      echo "<tr>
      <td align=\"center\" width=\"100\" class=\"table_row\">
         <a href=\"" . $imgdir . $a_img[$x] ."\">
            <img src=\"" . $imgdir . $a_img[$x] . "\" width=\"120\" border=\"0\"/> </a>
<input type='checkbox' name='images' value='1' />

      </td>

O problema agora é: Aparecer o nome do ficheiro. Um ex-stor meu disse-me assim:

se reparares tu estás a guardar num array o caminho da imagem
certo?

nesse caminho, está o nome da imagem

estilo v2/areadeclientes/abr1627/008.jpg

o q tens é de fazer uma substring dessa começando nos caracteres do fim até encontrar a /

e aí tens o nome da imagem

Só que ele já não se lembra qual o código para isso. Se alguém me conseguir dizer como se faz isso, agradecia.

Depois há outro situação, que é: Quando as pessoas selecionarem a foto, e no fim da página fizerem "seguinte" vai para uma página de preechimento de dados. No qual aparerá numa textfield o nome das fotos selecionadas. Alguém tem ideia qual o código a usar nessa textfield?

O meu ex-stor quando a isso disse:

Tens de criar um novo ciclo como o q tens e apresentar na text box o nome das imagens q na checkbox tiver o valor 1

Se alguém me ajudar a construir nos códigos, seria o ideal. Visto que não tenho ideia de como posso fazer isso. Obrigado 😉

yoda · October 6, 2011 at 11:54 AM

Para apresentar apenas o nome do ficheiro :


// end() , muda o ponteiro do array para o último index
// explode() , divide uma string num array / conjunto de strings com base numa string passada

$img = end(explode('/', $a_img[$x]));

Para editar os dados do ficheiro, depende de que dados quiseres editar e a origem deles.

PatrickGomes · October 6, 2011 at 12:06 PM

Obrigado yoda!

pus assim:

      echo "<tr>
      <td align=\"center\" width=\"100\" class=\"table_row\">
         <a href=\"" . $imgdir . $a_img[$x] ."\">
            <img src=\"" . $imgdir . $a_img[$x] . "\" width=\"120\" border=\"0\"/> </a>
<input type='checkbox' name='images' value='1' />$img = end(explode('/', $a_img[$x]));

      </td>

mas assim, a frente da checkbox, aparece:

= end(explode('/', 001.JPG));

yoda · October 6, 2011 at 12:08 PM

<input type='checkbox' name='images' value='".end(explode('/', $a_img[$x]))."' >

PatrickGomes · October 6, 2011 at 12:11 PM

Não aparece nada assim yoda. 😉

yoda · October 6, 2011 at 12:20 PM

Tens de adaptar o que aqui deixamos ao código que tens, caso contrário muita coisa não vai funcionar e não vais perceber muito do que estás a fazer.

PatrickGomes · October 6, 2011 at 01:38 PM

hmmm ok yoda. Obrigado 😉

Eu vou ver se logo dou aqui umas voltas ao código.

Sign In

Inserir titulo da imagem

Recommended Posts

PatrickGomes

yoda

PatrickGomes

Rechousa

PatrickGomes

pmg

PatrickGomes

pmg

PatrickGomes

pmg

PatrickGomes

PatrickGomes

pmg

PatrickGomes

yoda

PatrickGomes

yoda

PatrickGomes

yoda

PatrickGomes

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information