reinidirizzamento

**84morena** · 22-12-2010, 12:24

Salve ragazzi in questo codice che vi posto ho provato a fare qualsiasi reinidirizzamento ad altra pagina,ma nulla non funziona , oppure al termine del upload del file ossia quando la progressbar arriva a 100 volevo far comparire file completato,ma non ci riesco in nessun modo...spero che qualcuno possa darmi una giusta dritta...

codice:

<?
	$uuid = uniqid();
	header("Cache-Control: no-cache, must-revalidate");
	header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
	
	if (@$_GET['id']) {
		echo json_encode(uploadprogress_get_info($_REQUEST['id']));
		exit();
	}

	if (@$_POST['UPLOAD_IDENTIFIER'])
		exit();

session_start();
?>	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.progressbar.min.js"></script>
	<script type="text/javascript">
	var progress_key = '<?= $uuid ?>';
	$(document).ready(function() 
	{
		$("#pb1").progressBar();
		$("#pb2").progressBar({ barImage: 'images/progressbg_yellow.gif'} );
		$("#pb3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} );
		$("#pb4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} );
		$(".pb5").progressBar({ max: 2000, textFormat: 'fraction', callback: function(data) { if (data.running_value == data.value) { alert("Callback example: Target reached!"); } }} );
		$("#uploadprogressbar").progressBar();
	});		
			
	function Modulo() 
	{
        // Variabili associate ai campi del modulo
        var note = document.uploadform.note_ente.value;
        var commessa = document.uploadform.commessa.value;
        var file = document.uploadform.ulfile2.value;
            if ((commessa == "") || (commessa == "undefined")) {
            alert("Il campo commessa è obbligatorio.");
            document.uploadform.commessa.focus();
            return false;
            }
            else if ((file == "") || (file == "undefined")) {
            alert("Il campo file è obbligatorio.");
            document.uploadform.ulfile2.focus();
            return false;
            }
            else if ((note == "") || (note == "undefined")) {
            alert("Il campo Note è obbligatorio.");
            document.uploadform.note_ente.focus();
            return false;
            }
            //INVIA IL MODULO
            else 
	    {
	         beginUpload();
	         //var a = <?=$id_utenti?>;
		//alert(a);
		document.uploadform.action = "upload_inserisci.php?id=<?=$id_utenti?>";
                document.uploadform.submit();
	    }
        }	
				
	function beginUpload() 
	{
		$("#uploadprogressbar").fadeIn();
		var i = setInterval(function() 
		{ 
			$.getJSON("upload_upl.php?id=" + progress_key, function(data) 
			{
				if (data == null) 
				{
					clearInterval(i);
					location.reload(true);
					return;
				}
				
                        var percentage = Math.floor(100 * parseInt(data.bytes_uploaded) / parseInt(data.bytes_total));
			$("#uploadprogressbar").progressBar(percentage);
			});
		}, 1500);					
		return true;			
	}	
					
		</script>
        
		<style type="text/css">
			#uploadprogressbar { display: none; }
			#prova { display: none; }
		</style>
        
<body bgcolor="#FFFFFF">
		<form action="upload_upl.php" target="progressFrame" class="insert" method="post" id="uploadform" name="uploadform" enctype="multipart/form-data" onSubmit="Modulo();">
		<input type="hidden" name="UPLOAD_IDENTIFIER" id="progress_key" value="<?= $uuid ?>" />
		
		<h4>Invia file</h4>
        
        	<label for="commessa">Descrizione commessa*</label>
            <input type="text" class="input w300" name="commessa" />
		
        	<label for="ulfile2">File</label></td>
			<input type="file" class="input w300" name="ulfile2" id="ulfile2" />
        
        <h4>note</h4>
		
			<label for="note_ente">note *</label>
			<textarea name="note_ente" class="input w400"></textarea>
		
		
			<input type="hidden" name="id_utenti" value="<?=$id_utenti?>" />
			<input type="button" value="annulla" onClick="$('#form_inserimento').hide();" />
			<input type="submit" value="invia" />
		</form>
        


        <p id="prova" style="display: none;"  align="center">File caricato</p>

		<span class="progressbar" id="uploadprogressbar">0%</span>
		<iframe style="display: none;" name="progressFrame"></iframe>

**Vindav** · 22-12-2010, 12:50

non ti effettua la submit perche hai inserito la proprietà target nel form... ma il target associato(progressFrame) non è visibile...

**84morena** · 22-12-2010, 13:17

grazie risolto...

**Vindav** · 22-12-2010, 13:20

basta rendere visibile il frame, all'interno vedrai il risultato della submit...

**84morena** · 22-12-2010, 13:23

posso farti un'altra domanda ed approffittar della tua disponibilità?

vorrei stampare nella pagina anchè le variabili

codice:

data.bytes_uploaded
data.bytes_total

come devo fare?

**Vindav** · 22-12-2010, 13:41

Originariamente inviato da 84morena
Salve ragazzi in questo codice che vi posto ho provato a fare qualsiasi reinidirizzamento ad altra pagina,ma nulla non funziona , oppure al termine del upload del file ossia quando la progressbar arriva a 100 volevo far comparire file completato,ma non ci riesco in nessun modo...spero che qualcuno possa darmi una giusta dritta...

codice:

<?
	$uuid = uniqid();
	header("Cache-Control: no-cache, must-revalidate");
	header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
	
	if (@$_GET['id']) {
		echo json_encode(uploadprogress_get_info($_REQUEST['id']));
		exit();
	}

	if (@$_POST['UPLOAD_IDENTIFIER'])
		exit();

session_start();
?>	
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/jquery.progressbar.min.js"></script>
	<script type="text/javascript">
	var progress_key = '<?= $uuid ?>';
	$(document).ready(function() 
	{
		$("#pb1").progressBar();
		$("#pb2").progressBar({ barImage: 'images/progressbg_yellow.gif'} );
		$("#pb3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} );
		$("#pb4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} );
		$(".pb5").progressBar({ max: 2000, textFormat: 'fraction', callback: function(data) { if (data.running_value == data.value) { alert("Callback example: Target reached!"); } }} );
		$("#uploadprogressbar").progressBar();
	});		
			
	function Modulo() 
	{
        // Variabili associate ai campi del modulo
        var note = document.uploadform.note_ente.value;
        var commessa = document.uploadform.commessa.value;
        var file = document.uploadform.ulfile2.value;
            if ((commessa == "") || (commessa == "undefined")) {
            alert("Il campo commessa è obbligatorio.");
            document.uploadform.commessa.focus();
            return false;
            }
            else if ((file == "") || (file == "undefined")) {
            alert("Il campo file è obbligatorio.");
            document.uploadform.ulfile2.focus();
            return false;
            }
            else if ((note == "") || (note == "undefined")) {
            alert("Il campo Note è obbligatorio.");
            document.uploadform.note_ente.focus();
            return false;
            }
            //INVIA IL MODULO
            else 
	    {
	         beginUpload();
	         //var a = <?=$id_utenti?>;
		//alert(a);
		document.uploadform.action = "upload_inserisci.php?id=<?=$id_utenti?>";
                document.uploadform.submit();
	    }
        }	
				
	function beginUpload() 
	{
		$("#uploadprogressbar").fadeIn();
		var i = setInterval(function() 
		{ 
			$.getJSON("upload_upl.php?id=" + progress_key, function(data) 
			{
				if (data == null) 
				{
					clearInterval(i);
					location.reload(true);
					return;
				}
				
                        var percentage = Math.floor(100 * parseInt(data.bytes_uploaded) / parseInt(data.bytes_total));
			$("#uploadprogressbar").progressBar(percentage);
                        $("#datiFile").html(data.bytes_uploaded+" "+data.bytes_total);	 
			});
		}, 1500);					
		return true;			
	}	
					
		</script>
        
		<style type="text/css">
			#uploadprogressbar { display: none; }
			#prova { display: none; }
		</style>
        
<body bgcolor="#FFFFFF">
		<form action="upload_upl.php" target="progressFrame" class="insert" method="post" id="uploadform" name="uploadform" enctype="multipart/form-data" onSubmit="Modulo();">
		<input type="hidden" name="UPLOAD_IDENTIFIER" id="progress_key" value="<?= $uuid ?>" />
		
		<h4>Invia file</h4>
        
        	<label for="commessa">Descrizione commessa*</label>
            <input type="text" class="input w300" name="commessa" />
		
        	<label for="ulfile2">File</label></td>
			<input type="file" class="input w300" name="ulfile2" id="ulfile2" />
        
 <div id="datiFile"></div>
        <h4>note</h4>
		
			<label for="note_ente">note *</label>
			<textarea name="note_ente" class="input w400"></textarea>
		
		
			<input type="hidden" name="id_utenti" value="<?=$id_utenti?>" />
			<input type="button" value="annulla" onClick="$('#form_inserimento').hide();" />
			<input type="submit" value="invia" />
		</form>
        


        <p id="prova" style="display: none;"  align="center">File caricato</p>

		<span class="progressbar" id="uploadprogressbar">0%</span>
		<iframe style="display: none;" name="progressFrame"></iframe>

E' solo un esempio, sistema il codice come preferisci...

**84morena** · 22-12-2010, 15:13

grazie per l'aiuto

document.getElementById('datiFile').innerHTML = data.bytes_total+" "+data.bytes_uploaded ;

utilizzando getElementById stampa le 2 variabili

**Vindav** · 22-12-2010, 15:19

io ti consiglio di fare come ho postato io invece di utilizzare getElementById... non è mai buona cosa mischiare js classico con jquery...

**84morena** · 22-12-2010, 16:05

grazie effettivamente prima con getelement non sempre eseguiva il location di php ora va meglio...ma è nato un altro problema....
ho fatto una piccola function per svuotare il form
sul tasto annulla...
<script type="text/javascript">
function cancellaform(){
document.uploadform.note_ente.value = '';
document.uploadform.commessa.value = '';
document.uploadform.ulfile2.value = '';
}
</script>

quando la richiamo sul tasto button annulla
<input type="button" value="annulla" onClick="cancellaform();" />

questa funzione funge,ma la funzione modulo del form non funge

**Vindav** · 22-12-2010, 16:21

Mi pare non ci siano errori... se non hai modificato la funzione modulo com'è possibile che abbia smesso di funzionare? è strano... sei sicura che il problema non sia un altro?

Discussione: reinidirizzamento

Strumenti discussione

Ricerca discussione

Visualizza

reinidirizzamento

Re: reinidirizzamento

Permessi di invio