al click includere elemento

[icfast]

salve a tutti:
vi espongo il mio problema..
vorrei (al click in un bottone ) poter includere un file .php ma senza ricaricare la pagina.
Non so se si possa fare tutto solo con php (non credo) quindi mi affido a voi per saperne di più.
grazie in anticipo,
Arrivederci

[radiodelmomento]

Ciao, per fare questo bisogna usare JS.
Il contenuto che devi includere è sempre lo stesso o cambia a seconda, che ne so, dell'orario (esempio super-banale)...

[icfast]

no, cambia ogni volta che l'utente clicca su di un pulsante..
per fare un esempio: ho un immagine->l'utente clicca su avanti ->cambia il percorso dopo src=""->appare l'immagine con percorso cambiato.
Se non sono stato chiaro ditemi

[radiodelmomento]

Semplicissimo!
Puoi farlo soltanto in JS (JavaScript).
Intanto devi includere un plug-in jQuery (si chiama "JQuery Cycle Plugin" e lo trovi qui).
A questo punto puoi personalizzare il plug-in grazie a questa guida (penso che il secondo esempio faccia a caso tuo).
Se vuoi proprio modificare l'attributo dell'immagine dovresti usare AJAX, anche se è un metodo un po' obsoleto.
Ciao!

[icfast]

ok però un secondo..il mio obiettivo è far cambiare il src dell'immagine con uno script php che seleziona un percorso a caso da una serie di file..
ho già scritto quest'ultimo script
ma ora il problema per me è far sì che cliccando in un submit avvenga questo scambio di percorsi quindi entri in funzione lo script che seleziona casualmente un percorso per il src;
non miro a una presentazione di immagini slideshow..
mi rendo conto che è complesso ma mi basterebbe avere qualche dritta, per la parte php poi mi arrangio ;)
Grazie in anticipo

[radiodelmomento]

Non è complesso!
Intanto con AJAX richiami una pagina PHP, ad esempio image.php.
Questa pagina prende un valore casuale fra tanti, quindi:

if($_GET['ok']=="ok"){
//prendi valore random
exit("percorso immagine");
} 

Quindi, nella pagina dove deve comparire un'immagine casuale, inserirai questo script (dopo avere incluso AJAX) che richiamerai al click sul bottone:

		$.ajax({
			type: "GET",
			url: "image.php",
			data: ({
				ok: "ok",
			}),
			success: function(html){
				esito = html;
					$('#img').attr("src", "<img src=\""+esito+"\" />");
					alert('Immagine cambiata!');
			},
			error:function(){
				alert('Errore!');
			}
		});

Nella stessa pagina devi dare all'immagine l'attributo con id "img".
Non l'ho provato; spero che funzioni, ciao!

[icfast]

ok , ho capito tutto tranne una cosa , una cavolata per cui di sicuro riderete!
Come si include ajax? e il secondo script tra che tag va messo?:)
Grazie

[radiodelmomento]

Per includere AJAX:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

Quello script va messo tra i tag <script type="text/javascript"> e </script>.
Ciao!

[icfast]

ok grazie mille ancora :)

[karl94]

È un rigiro inutile, puoi molto più semplicemente scegliere l'immagine con Javascript, o se non vuoi che il client possa conoscere direttamente (può sempre arrivarci dopo un certo numero di tentativi) la lista delle immagini, puoi specificare nell'attributo src l'indirizzo di uno script PHP che ogni volta restituisce un'immagine differente, per poi aggiornarla aggiornerai con Javascript l'attributo src, apponendo magari un punto interrogativo seguito dall'ora (per evitare che il browser carichi la versione che tiene in cache).