PROBLEMA - ritorno a pagina precedente e visualizzazione div con JS

**esotica** · 28-06-2010, 16.33.37

Ormai sono due settimane che ci penso e riguardo il codice ma non riesco a venirne a capo.

Ho una pagina (chiamiamola A) dove, tra le altre cose, c'e' un pulsante tramite il quale (a mezzo JAVASCRIPT) viene mostrato un div. Qui vengono inseriti dei dati e viene richiamata altra pagina PHP (chiamiamola E) che li elabora (tramite form action).
In questa pagina viene caricata altra pagina (chimiamola B) tramite il comando location.replace() sempre JS. E da qui con un bel history.back() torno alla pagina A.

Fin qui tutto bene. Il mio problema e' che mi ritorna alla pagina A (senza ricaricarla, solo con il comando histoy.back) pero' il div che era stato mostrato tramite JS non lo mostra piu'.

Come mai ?

GRAZIE

PS: faccio presente solo una cosa, che in altro gruppo di pagine, la cosa funziona ... cioe' quando si torna alla pagina di partenza il div (mostrato con JS e mai tolto di scena) e' visualizzato.
Del resto il codice viene generato identico per entrambi i gruppi di pagine.

SCHEMA RIEPILOGATIVO

pagina A --------------------------------> DIV di inserimento dati
....A..........................................(tr amite JS che che setta display="")
....|............................................. ......................|
....|............................................. ......................V
....|............................................. ...........richiama pagina E
....|............................................. ........(tramite form action)
....|............................................. ......................|
....|............................................. ......................V
....|............................................r impiazza la pagina con pagina B
....|............................................. ....(tramite location.replace)
....|............................................. .....................|
....L_________________________________J
(pulsante history.bak() fa tornare alla pagina A)

**esotica** · 29-06-2010, 21.19.32

aggiungo una pagina di esempio ... dove il tutto funziona perfettamente (quando torna alla pagina A il div mostrato tramite JS c'e').

PAGINA A

Codice:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>

<head>
	<title>TITOLO</title>


	<script type='text/javascript'>
		function mostra_inserimento(id_record) {
			/* mostra il div di copertura */
			var nodo = document.getElementById('copertura');
			nodo.style.display = "";

			/* mostra il div con l'inserimento' */
			var nodo = document.getElementById('maschera');
			nodo.style.display = "";

			return false;
		}


		function nascondi_inserimento() {
			/* nasconde il div con l'inserimento' */
			var x = document.getElementById('maschera');
			x.style.display = "none";

			/* nasconde il div di copertura */
			var x = document.getElementById('copertura');
			x.style.display = "none";

			return false;
		}
	</script>


	<style type='text/css'>
		div.copertura {width:100%; height:100%; background-color:white; opacity:0.5;filter:alpha(opacity=50); position:fixed; left:0px; top:0px; z-index:10;}
		div.maschera {width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:10;}
div#inserimento_base{margin:0 auto; position:relative; top:10%; padding:15px 30px 15px 30px;
color: #DDDDDD; background-color:#444444; text-align:center; border:2px solid #DDDDDD; outline:3px solid #444444;}
	</style>
</head>

<body>
	<div id='copertura' class='copertura' style='display:none;'>&nbsp;</div>
	<div id='maschera' class='maschera' style='display:none;'>
		<div id='inserimento_base' style='width:300px; height:150px;'>
			<form name='dati' action='pagina_E.html' method='post' enctype='multipart/form-data'>

			<div id='titolo_richiesta'>- titolo -</div>
			<div class=''>
				<li style=''>titolo</li>
				<li style=''><input type='text' name='titolo' value='' /></li>
			</div>
			<div class='pulsanti'><input type='submit' value='    INVIA    ' />&nbsp;<input type='reset' value='   azzera   ' />&nbsp;<input type='button' value='   CHIUDI   ' onclick="nascondi_inserimento();" /></div>
			</form>
		</div>
	</div>

	<div style='background-color:#CCCCCC; padding:5cm;'>
		<div style='text-align:center; font-size:20pt;'>PAGINA PRINCIPALE</div>
		<div style='padding:0cm 2cm 0cm 2cm; font-size:12pt;'>Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo. Questo &egrave; del testo.</div>
		<div style='width:150px; margin:0 auto; background-color:#800000; border:1px solid black; text-align:center;'><a href='#' onclick="return mostra_inserimento('*');" title=''>INSERISCI DATI</a></div>
	</div>

</body>
</html>

PAGINA E

Codice:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>

<head>
	<title>pagina elaborazioni</title>
</head>

<body>
	<div style='background-color:#CCCCCC; padding:5cm;'>
		<div style='text-align:center; font-size:20pt;'>PAGINA ELABORAZIONI</div>
		<div style='padding:0cm 2cm 0cm 2cm; font-size:12pt;'>Qui ci sarebbe la pagina PHP che elabora i dati e poi carica altra pagina con il comando JAVASCRIPT location.replace(). Premere il pulsante INDIETRO sul proprio browser.</div>
	</div>

	<script type='text/javascript'>
		document.location.replace("pagina_B.html");
	</script>

</body>
</html>

PAGINA B

Codice:

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'>

<head>
	<title>pagina risposta e ritorno</title>
</head>


<body>
	<div style='background-color:#CCCCCC; padding:5cm;'>
		<div style='text-align:center; font-size:20pt;'>PAGINA RISPOSTA</div>
		<div style='padding:2cm 2cm 2cm 2cm; font-size:12pt;'>Qui c'e' la risposta per l'utente. Premere il pulsante INDIETRO.</div>

		<div style='width:150px; margin:0 auto; background-color:#800000; border:1px solid black; text-align:center;'><a href='#' onclick="history.back(); return false;" title=''>INDIETRO</a></div>
	</div>

</body>
</html>

Discussione: PROBLEMA - ritorno a pagina precedente e visualizzazione div con JS

LinkBack

Strumenti discussione

Display

PROBLEMA - ritorno a pagina precedente e visualizzazione div con JS

Regole di scrittura