cerco esempio form dopo form

luigi777

Utente Attivo
14 Feb 2008
1.086
1
38
42
Massa, Italy
salve è possibile fare un form che dal primo vada al secondo?
se si , mi potete fare un esempio piccolo?

Dovrei recuperare la variabile upload_image_url, e portarmela nel secondo form.

mi dite come fare?

grazie mille e buona serata.
 

luigi777

Utente Attivo
14 Feb 2008
1.086
1
38
42
Massa, Italy
si, perché vorrei fare un upload per le 'immagini e poi al secondo step inserire il testo e il titolo e dopo vanno inserirti al database.

hai un'esempio ?

spiego meglio:

1) Upload immagine che carico (FORM 1)
2) Inserisco titolo, descrizione, stato di pubblicazione (FORM 2) + query al database.


secondo te è fattibile ?

grazie mille.
 

MarcoGrazia

Utente Attivo
15 Dic 2009
852
20
28
62
Udine
www.stilisticamente.com
L'upload se ho capito bene avviene nel filesystem e non ne database, la cosa migliore che puoi fare è spezzare la cosa in in due file, uno presente il form di inserimento, e l'altro carica l'immagine.
Il trucco è usare un iframe, ti spiego :D
Nella pagina col form...
HTML:
<form id="file_upload_form" method="post" action="upload_file.php" enctype="multipart/form-data">
  <fieldset><legend>&nbsp;Inserisci i dati come richiesto&nbsp;</legend>
    <p>
      <label for="immagine">Immagine </label>
      <input type="file" id="immagine" name="upfile" value="">&nbsp;
      <input type="hidden" name="MAX_FILE_SIZE" value="1000000">
    </p>
    <iframe id="upload_target" name="upload_target"></iframe>
    <p><input type="submit" name="invia" value="INVIA"></p>
    <script>
      function init() {
        document.getElementById('file_upload_form').onsubmit=function() {
          document.getElementById('file_upload_form').target = 'upload_target'; //'upload_target' is the name of the iframe
        }
      }
      window.onload=init;
    </script>
  </fieldset>
</form>
Questo form manda ad un altro file che fa tutto il lavoro sporco l'immagine da salvare ( vedi tu se su filesystem o su database, io preferirei usare solo quest'ultimo ).
Il form lavora così: in action c'è il file di destinazione, ma lo script che vedi in fondo redireziona l'output nell'iframe, in pratica quando premi invio invece di finire su un'altra pagina, il browser rimane lì dove sta e tutti i messaggi finiscono nell'iframe.
Questo come vedi carica solamente l'immagine, ma tu mettici pure gli elementi di input per il Titolo, una didascalia, quello che vuoi e prima di inviare il tutto fagli fare un controllo preventivo per evitare che qualcuno invii al database immagini senza titolo o titoli senza immagini :D
Ovviamente nel file remoto ci infili tutta la procedura di verifica remota, perché è meglio non fidarsi deli utenti, quindi se qualcuno invia campi obbligatori in bianco, tu mandi un messaggio di attenzione, che appare nell'iframe, mentre la pagina non efettuando un refresh rimane ferma così com'è.
Questo è il sistema di caricamento più usato perché non usa ajax, è veloce e similmente ad ajax la pagina sembra modificarsi dinamicamente, anche se c'è il trucco.
Insomma buono studio :D
Ah dimenticavo, se vuoi far apparire l'immagine appena caricata, la fai caricare nell'iframe.
 

luigi777

Utente Attivo
14 Feb 2008
1.086
1
38
42
Massa, Italy
ok, va bene ora provo il sistema..

ma tanto è solo per il mio sito ed nella parte che amministro ci entro solo io..
ti ringrazio molto e buona serata.
 

luigi777

Utente Attivo
14 Feb 2008
1.086
1
38
42
Massa, Italy
quasi riuscito.. ve lo posto..

ora ho fatto piccolo esempio preso da tutorial.. etc....

la cosa funziona.. il termine in inglese è: Multipage Form

PHP:
<?php
if(isset($_POST["submit"]))
{
	
	move_uploaded_file($_FILES['upload_file']['tmp_name'], "photo/".$_FILES['upload_file']['name']."");
	$message ="".$_POST["textImage"]."";
	$message .="".$_FILES['upload_file']['name']."";
	
	echo $message;
}
?>
<!DOCTYPE html>
<head>
<title>Multipage Form</title>
<style>
ul {list-style-type:none;}

/* CSS Progress Bar */
.meter { 
	width:235px;
	height: 20px;
	position: relative;
	background: #555;
	border:solid 2px #000;
}
.meter > span {
	padding-left: 5px;
	display: block;
	height: 100%;
	background-color: rgb(43,194,83);
	position: relative;
	overflow: hidden;
}
</style>

<!--Pages function-->
	    <script type=text/javascript>
		function collapseElement(obj)
		{
			var el = document.getElementById(obj);
			el.style.display = 'none';
		}
		function expandElement(obj)
		{
			var el = document.getElementById(obj);
			el.style.display = '';
		}
		function collapsePages()
		{
			var numFormPages = 3;
			for(i=2; i <= numFormPages; i++)
			{
				currPageId = ('page_' + i);
				collapseElement(currPageId);
			}
		}
		</script>
</head>

<body onLoad="collapsePages()">
<div id="mainForm">
<form method="post" enctype="multipart/form-data" action="step.php" onSubmit="return">
<!--Page 1-->
<ul id="page_1">
    <li>
        <h2>Immagine</h2>
        <label for="image">Upload:</label><input type="file" name="upload_file"/>
    </li>
    <li>
<input type="button"  onClick="collapseElement('page_1'); expandElement('page_2');" value="Continue"/>	
    </li>
    <div class="meter"><span style="width: 33%">1/3</span></div>
</ul>

<!--Page 2-->
<ul id="page_2">
    <li>
		<h2>Descrizione:</h2>
		<textarea cols="10" rows="10" name="textImage"></textarea>
    </li>
    <li>
	<input type="button" onClick="collapseElement('page_2'); expandElement('page_3');" value="Continue"/>	
	<input type="button" onClick="collapseElement('page_2'); expandElement('page_1');" value="Back"/>	
    </li>
    <div class="meter"><span style="width: 66%">2/3</span></div>
</ul>

<!--Page 3-->
<ul id="page_3">
    <li>
        <h2>Caricare?</h2>
    </li>
    <li>
    <input type="submit" value="Submit" name="submit">
    <input type="button" onClick="collapseElement('page_3'); expandElement('page_2');" value="Back"/>	
    </li>
    <div class="meter"><span style="width: 98%">3/3</span></div>
</ul>
</form>
</div>
</body>
</html>

ora vedo come fare..

grazie mille.
 
Discussioni simili
Autore Titolo Forum Risposte Data
L Cerco esempio con classi php5 PHP 3
B cerco esempio per dettaglio 3D Flash 0
D Cerco database di esempio... Database 1
N CERCO ACCOUNT INSA Annunci servizi di Social Media Marketing 0
F Cerco Hosting con VECCHIE versioni di php Hosting 0
F CERCO Servizi SEO di Qualità per Agenzie di Servizi SEO e Posizionamento 3
A Cerco programmatore/sviluppatore per creare forum Offerte e Richieste di Lavoro e/o Collaborazione 2
D [COMPRO/CERCO] GUEST POST o scambio link per sito di Spiritualità ed Esoterismo. Vendere e Acquistare pubblicita' online 0
M [cerco webmaster] sito web da modificare Offerte e Richieste di Lavoro e/o Collaborazione 0
Lino80 [Retribuito] Cerco programmatore php per modifica/inserimento funzione/valori da un plugin importer wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
N Cerco marca e modello di questa IPcam. IP Cam e Videosorveglianza 1
Z Cerco ecommerce gratuito meglio se realizzato con Woocommerce di Wordpress. E-Commerce 0
M [Cerco][Gratuito] Artista/designer per creazione grafica gioco di società Offerte e Richieste di Lavoro e/o Collaborazione 0
S [CERCO] scambio di articoli con link Offerte e Richieste di scambio links 0
simgia Cordova errore quando cerco di emulare o creare la app Sviluppo app per Android 2
A [CERCO] Articolista per siti a tema eventi e feste private Offerte e Richieste di Lavoro e/o Collaborazione 0
A [Cerco][Retribuito] Correzioni errori sito web Offerte e Richieste di Lavoro e/o Collaborazione 3
J [Cerco] [Collaborazione gratuita] Grafico per piccoli lavori di grafica Offerte e Richieste di Lavoro e/o Collaborazione 0
D [Cerco] Pagina Facebook settore calcio Annunci servizi di Social Media Marketing 0
F Cerco fotografo per sito abiti da sposa Discussioni Varie 2
R [cerco][retribuito] Collaborazione per creazioni loghi ed altro Offerte e Richieste di Lavoro e/o Collaborazione 0
S [cerco] FULL STACK DEVELOPER Offerte e Richieste di Lavoro e/o Collaborazione 0
D [CERCO] vari articolisti Offerte e Richieste di Lavoro e/o Collaborazione 0
C problema seo + cerco esperto SEO e Posizionamento 11
S Cerco Programmatore wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
F [Cerco][Gratuito] Collaboratori blog su tecnologia, serie tv e motori Offerte e Richieste di Lavoro e/o Collaborazione 1
W [Cerco collaborazioni] Sviluppatore Web (PHP) Offerte e Richieste di Lavoro e/o Collaborazione 1
S Cerco un SMM Offerte e Richieste di Lavoro e/o Collaborazione 0
V [Cerco] Socio e Sviluppatore per App PlacesFinder Offerte e Richieste di Lavoro e/o Collaborazione 0
M [Cerco] aiutanti per creare sito Offerte e Richieste di Lavoro e/o Collaborazione 8
T [cerco] scrittore/scrittrice per articoli web Offerte e Richieste di Lavoro e/o Collaborazione 6
G cerco: traffico sito, pubblicità condividente post su pagine gruppi Vendere e Acquistare pubblicita' online 0
U cerco programmatore Offerte e Richieste di Lavoro e/o Collaborazione 1
S Cerco programmatore software scommesse Offerte e Richieste di Lavoro e/o Collaborazione 3
Frank10 Cerco articolista lavoro continuativo Offerte e Richieste di Lavoro e/o Collaborazione 1
U cerco traffico di qualità Vendere e Acquistare pubblicita' online 4
U [Cerco ] incremento traffico per il mio sito Vendere e Acquistare pubblicita' online 0
A [cerco - retribuito] Sviluppatore Php freelance per progetti vari Offerte e Richieste di Lavoro e/o Collaborazione 2
P Cerco esperto SEO Offerte e Richieste di Lavoro e/o Collaborazione 2
S cerco esperto gestione ecommerce Offerte e Richieste di Lavoro e/o Collaborazione 0
W Cerco Pagine Facebook Annunci servizi di Social Media Marketing 0
U Cerco un graphic designer e uno sviluppatore Android Offerte e Richieste di Lavoro e/o Collaborazione 1
A [CERCO] Pagina Instagram Annunci servizi di Social Media Marketing 1
L Cerco pagina Instagram 1-2k Annunci servizi di Social Media Marketing 4
M Cerco webmaster da assumere in azienda Offerte e Richieste di Lavoro e/o Collaborazione 0
M Cerco canale Presentati al Forum 0
ScofieldMJ [CERCO] Pagina Instagram e Canale Telegram Annunci servizi di Social Media Marketing 0
A [cerco] [retribuito] cerco Staff Facebook Offerte e Richieste di Lavoro e/o Collaborazione 0
S CERCO CREATORE APP PER E-COM IOS/ANDROID Sviluppo app per Android 1
O [Cerco - Retribuito] Programmatore per collaborazione a lungo termine Offerte e Richieste di Lavoro e/o Collaborazione 0

Discussioni simili