php, javascript e variabili che contengono immagini

[Paoletta]

ciao a tutti, ho il seguente codice php che estrae da un database una immagine jpg

Codice: Seleziona tutto

@session_start();
include '../include/db.php';
$connessione= open_db();
$sql="SELECT foto FROM elementi where codice_elemento='$_GET[codice]'";
$risultato = db_query($sql,$connessione);
$p=fetch_array($risultato);
$foto=unescape_bytea($p[0]);

con una istruzione come echo $foto; ottengo la stampa dell'immagine, ma il mio obiettivo è utilizzare una finestra popup e non una nuova pagina html; per fare questo sto provando a vedere gli esempi in javascript, ma quel che trovo si riferisce ad immagini conservate nel filesystem, e non ad immagini contenute in variabili...grazie mille per eventuali suggerimenti!

[teox99]

il tuo ragionamento è giusto, ma la soluzione sta a monte del tuo problema, devi richiamare un javascript che apre una finestra popup il cui contenuto è il codice da te postato prima.
NB un popup è una nuova pagina html!

[sardylan]

Esatto... Fai chiamare una funzione JavaScript che apre un nuovo pop-up con l'indirizzo "tuapagina.php?param=value"... Sarà poi quel pop-up che puntando alla pagina PHP visualizzerà l'immagine...
Ti ricordo come prima cosa, di dare con un echo il Content-Type image/jpg, image/png o quello che è...
E ti consiglio di controllare ben bene il $_GET inserito in query con addslashes, onde evitare iniezioni di codice...

[aschenaz]

Ti consiglio una soluzione lightbox, che è anche gradevole come risultato.

Ce n'è anche qualcuno che è valido per l'XHTML 1.1, ad esempio slimbox:
http://www.digitalia.be/software/slimbox

Io l'ho adottato in qualche sito con buoni risultati. Guarda, ad esempio qui:
http://www.loretorc.org/site/index.php? ... =carnevale

Ciao,
nino

[Paoletta]

grazie 1000 siete tutti molto gentili!

[Paoletta]

riassumendo, ho la chiamata al popup in cui passo un parametro:

Codice: Seleziona tutto

$table.="<td align=\"center\"><a href=\"javascript:popImage($p[0])\"><span style=\"border:green solid 1px\">Foto</span></a></td>";

poi il popup (che per ora è fatto così) carica la pagina php che tira fuori il tutto:

Codice: Seleziona tutto

<script type="text/javascript">
//<![CDATA[
function popImage(cod){
     window.open("../htdocs/mostra_foto.php?codice=cod");
}
//]]>
</script>

Il problema è che non riesco a passare il parametro...altrimenti funzionerebbe tutto! Per quale banale problema sintattico la cosa non sta in piedi?

[aschenaz]

Ma, se visualizzi il sorgente della pagina, vedi il valore della variabile $p[0]?

Secondo me, dovresti fare così: popImage({$p[0]}), ovvero racchiudere tra
parentesi graffe, oppure spezzare la stringa ("...popImage(".$p[0].")..." ).

[Paoletta]

risolto, mancava un toString()! grazie comunque!

[Paoletta]

altra domandina...come faccio a generare un popup le cui dimensioni dipendono dalla foto estratta dal file .php? Devo chiedere la db le dimensioni della foto e passarle al javascript oppure c'è qualche modo più comodo?Grazie!

[sardylan]

Nella chiamata JavaScript devi specificare le dimensioni... Se le hai già al momento della generazione del codice bene, altrimenti devi prendere l'immagine, e ricavarne le dimensioni... Penso che in PHP esistano delle funzioni per fare questo... Quindi SI... Dovrai chiederlo al DB, o almeno scaricare l'immagine dal DB per darla in pasto alle funzioni PHP...

[aschenaz]

Si, c'è la funzione getimagesize.

In pratica, puoi fare così:

Codice: Seleziona tutto

list($larghezza,$altezza)=getimagesize("percorso/nomeimmagine");

Con questa funzione, inoltre, puoi ottenere altre inforrmazioni sull'immagine (leggi
la relativa pagina di manuale).

Io poi utilizzo questi dati per mantenere le dimensioni dell'immagine visualizzata
entro certi limiti (applicando ad esempio delle proporzioni), specialmente quando
a caricare le immagine è l'utilizzatore del sito e magari va a caricare un'immagine
di 12 megapixel...

[Paoletta]

Si, c'è la funzione getimagesize.

In pratica, puoi fare così:

Codice: Seleziona tutto

list($larghezza,$altezza)=getimagesize("percorso/nomeimmagine");

Con questa funzione, inoltre, puoi ottenere altre inforrmazioni sull'immagine (leggi
la relativa pagina di manuale).

Io poi utilizzo questi dati per mantenere le dimensioni dell'immagine visualizzata
entro certi limiti (applicando ad esempio delle proporzioni), specialmente quando
a caricare le immagine è l'utilizzatore del sito e magari va a caricare un'immagine
di 12 megapixel...

è proprio quel che vorrei evitare... così dovrei scaricarla sul filesystem solo per ricavarne le dimensioni, ed è poco elegante; mi chiedevo se non fosse un metodo più furbo...