gallerie di foto caricate dinamicamente [era: php/javascript]

[php-user22]

Ciao a tutti :-)))
vengo subito al dunque: ho uno script php che mi visualizza una serie di miniature di foto.
Clikkando su ciascuna miniatura mi si apre una nuova pagina sempre in php che riceve l'id dalla precedente e mi visualizza l'ingrandimento della miniatura....e fin qui tutto OK funziona benissimo.
Ora....io vorrei che tutto questo avvenisse sulla stessa pagina, e l'unico modo mi sembra di capire è l'uso del javascript. Mi spiego meglio: su questa pagina il php mi dovrebbe visualizzare una serue di miniature di foto (e fin qui è quello che avviene ora) quando clikko su una miniatura l'ingrandimento della stessa dovrebbe apparire istantaneamente sulla medesima pagina, senza che ne venga caricata un altra.
Come posso fare? esiste uno script php/javascript già pronto? oppure ditemi come posso operare in tal senso.
Se lo desiderate vi posso postare il codice php che sto utilizzando ora.

GRAZIE 1000

[php-user22]

..nessuno che possa aiutarmi?
forse è meglio se posto il codice php in questione?

[Pastore12]

Non sono sicuro che sia la via più sensata, ma di sicuro dovrebbe funzionare

Se ho capito bene, potresti fare una chiamata ajax alla pagina php che ti fornisce l'immagine.
Con ajax puoi inserire il contenuto html della pagina chiamata all'interno di un div (ad esempio) della pagina da cui hai fatto la chiamata.

Potresti guardare JQuery, ad esempio, che può semplificarti la vita. Io conosco quello, ma ci sono anche altre librerie javascript che pui usare. Prova a dare anche un'occhiata agli articoli su javascript qui su html.it.

Ciao

[Pastore12]

Ah.. ho visto spesso i moderatori suggerire di trovare un titolo sufficentemente esplicativo del tema che si vuole trattare...

[php-user22]

ciao Pastore12
mi sembra che la tecnica della chiamata ajax che mi suggerisci possa essere quella che fa al caso mio.
l'unica cosa è che non deve richiamare codice html ma php, non so se è la stessa cosa..penso di si dimmi tu.
Un ultima cosa: io non conosco ajax sinceramente, esiste un esempio già scritto (intendo con tanto di codice) della tecnica della chiamata ajax che mi hai suggerito?

Grazie ancora molto per il pronto aiuto Pastore12

[Pastore12]

Scusa il ritardo..


Allora.. quando fai una chiamata ajax, chiami una pagina php, jsp, html, ... quello che ti pare. Il server elabora la pagina richiesta e restituisce solo codice html. quindi se chiami una pagina php, in quello che restituisce la chiamata ajax non vedi codice php, perchè il php è già stato elaborato.

Ci sono una serie decisamente vasta di framework che ti aiutano a fare le chiamate Ajax, JQuery è uno di questi. Il fatto è che non è semplice capirne bene il funzionamento e ti ci vogliono almeno due giorni di prove non entusiasmanti prima di capirlo abbastanza bene.

Il vantaggio però è che se impari JQuery (oppure prototype, MooTool... ) poi ti torna utile per fare un sacco di altre cose in modo molto semplice. Se questo ti sta bene prova a dare un'occhiata qui: http://docs.jquery.com/Ajax (in particolare la chiamata GET e POST - in quest'ordine )
Ti faccio un possibile esempio:

<script language="javascript">

function caricaImmagine ()
{
  $.post("paginaChiamata.php", function(data){
    $("#contenitore").html(data);
  });
}
</script>
</head>
..
<div id="contenitore">

</div> 

Questo chiama la pagina paginaChiamata.php e mette il suo html dentro un oggetto (tipicamente un div) con id="contenitore".

Altrimenti puoi usare AJAX direttamente, ma in questo non sono un esperto. In ogni modo, se non l'hai ancora fatto, ti consiglio di perdere un po' di tempo per vedere gli articoli su javascript qui su html.it...
Non è detto che tu non riesca a trovare qualcosa di meglio (e di meglio spiegato) di quel che ti ho proposto io.. ciao!

[php-user22]

ciao Pastore12
si è chiarissimo quello che mi hai spiegato, ora lo testo e poi se incontro dei problemi tornerò a disturbarti di nuovo.
GRAZIE ancora moltissimo per la tua disponibilità..a presto!

[php-user22]

ciao Pastore12
dunque sto provando la tecnica che mi hai gentilmente indicato, ma non mi funziona.
ti digito di seguito la stringa di codice php che dovrebbe (utilizzando il codice javascript che mi hai fatto mettere nell'head) richiamare il contenuto di un altra pagina php e metterlo nel div. il codice è:

echo "<td text-align='center'><a href=\"#\" onClick=\"caricaImmagine('camere2.php? id=".$dati['id']."', 564, 378);\"><img src=\"uploads/".$dati[fotolittle]."\"border='0' ></a>

".$dati['nome'].'</td>';

fammi sapere

Ciao e grazie ancora una volta



p.s. dove camere2.php è la pagina che dovrebbe essere caricata nel div

[Pastore12]

mmm...

Ti consiglierei di fare le cose a passi... così mi sembra un tantino incasinato.

Prima prova a scrivere la pagina senza usare PHP. Cioè cerca di caricare solo una pagina statica.

<td text-align="center">
  <a href="#" onClick="caricaImmagine('paginaConImmagine.htm', 564, 378);">
    [img]uploads1[/img]
  </a>
  

</td>

Se non tui funziona posta l'intera pagina con l'errore. Ciao.

[php-user22]

ciao Pastore12,

dunque ho provato come da tuo ultimo suggerimento, ma non accade nulla, non mi da messaggi di errore, ma semplicemente quando clikko sulla foto non mi carica il contenuto html dell'altra pagina.

Ora io ho un codice funzionante di un applicazione simile, ho pensato che forse possiamo iniziare da quello.
Ti spiego: in una pagina in php identica in tutto e per tutto a quella che sto trattando, ho messo sull'head la seguente funzione Javascript che mi apre una seconda pagina pho all'interno di una pop up

codice javascript:
<script language="javascript" type="text/javascript">
<!--
function popup(url, name, width, height)
{
settings=
"toolbar=no,location=no,directories=no,"+
"status=no,menubar=no,scrollbars=no,"+
"resizable=no,width="+width+",height="+height;

MyNewWindow=window.open(url,name,settings);
}
//-->
</script>



lo script php invece è il seguente:
echo "<td text-align='center'><a href=\"#\" onClick=\"popup('camere2.php? id=".$dati['id']."', 'popupmail', 564, 378);\"><img src=\"uploads/".$dati[fotolittle]."\"border='0' ></a>

".$dati['nome'].'</td>';

quest'accoppiata di codice funziona alla grande...io credo che dovremmo modificare queste 2 stringhe per ottenere il risultato che ci eravamo prefissato cioè far apparire all'interno di un DIV nella stessa pagian il contenuto php di una seconda pagina (nel nostro caso camere2.php).

che ne dici? fammi sapere