AJAX - caricare due file di testo

flavio87

Nuovo Utente
27 Lug 2008
1
0
0
Salve, sono nuovo di questo forum, mi servirebbe una mano.

Sto cercando di far caricare in due tag DIV differenti fra di loro il contenuto di 2 file.
Io ho letto qualcosa riguardo all'utilizzo delle richieste asincrone e sono riuscito a far caricare il contenuto di un file di testo in un tag DIV, ora sto cercando di far caricare 2 file in due tag DIV ma me ne carica sempre uno e non tutti e due...
Questo è il codice della pagina

Codice:
<HMTL>
<HEADER>
<TITLE>Pagina di Registrazione del proprio Pg (prova style)</TITLE>
<SCRIPT LANGUAGE="Javascript">
function scriviFileIn(nomeFile,elemento,parAjax)
{
                ajax = parAjax;

		ajax.open("get","txt/"+nomeFile+".txt",true);

		ajax.setRequestHeader("connetion","close");
			
		ajax.onreadystatechange = function() 
		{
	         if(ajax.readyState == 4)
			{
		          	elemento.innerHTML = ajax.responseText;
			}
		};

               ajax.send(null);
}

function getHTTPObject()
{
        if (window.ActiveXObject)
		return new ActiveXObject("Microsoft.XMLHTTP");
       else
       	if (window.XMLHttpRequest) return new XMLHttpRequest();
                else
		{
			alert("Il tuo Browser non supporta Ajax");
			return null;
		}
}
function caricaTesti()
{
        condizioni = getHTTPObject();
        manuale = getHTTPObject();
        scriviFileIn("manuale",document.getElementById("manuale"),manuale
        scriviFileIn("condizioni",document.getElementById("condizioni"),condizioni);
}
</SCRIPT>
<STYLE TYPE="text/css">

#dati
{
	border: 1px black solid;
	float : right;
	width : 45%;
	height : 95%;
	overflow : auto;
	text-align : center;
}

#manuale
{
	border: 1px black solid;
	float : left;
	width : 45%;
	height : 95%;
	overflow : auto;
	text-align : center;
}

#condizioni
{
	border: 1px black solid;
	position : relative;
	left : 5%;
	width : 90%;
	height : 200px;
	overflow : auto;
	text-align : center;
}

</STYLE>
</HEADER>
<BODY  ONLOAD="caricaTesti()">
<DIV ID="dati">
Dati
<FORM ACTION="elaboraRegistrazione.php" METHOD="post">

<DIV ID="condizioni">Condizioni d'utilizzo
</DIV>
<FIELDSET>
Accetto<INPUT TYPE="radio" NAME="accetto" VALUE="true"><BR>
Rifiuto<INPUT TYPE="radio" NAME="accetto" VALUE="false" CHECKED="yes">
</FIELDSET>
<LABEL>Nome del Pg:<INPUT TYPE="text" NAME="nomepg"></LABEL><BR>
<LABEL>E-mail:<INPUT TYPE="text" NAME="mail"></LABEL><BR>
<LABEL>Ripeti E-mail:<INPUT TYPE="text" NAME="remail"></LABEL><BR>
<HR>
<LABEL>Razza:<INPUT TYPE="text" DISABLED="yes" VALUE="Umano">(razza base)</LABEL><BR><BR>
<INPUT TYPE="submit" VALUE="Conferma Registrazione!">
</FORM>
</DIV>
<DIV ID="manuale">
Manuale
</DIV>
</BODY>
</HTML>

Spero si abbastanza chiaro il codice, avviso che i file di testo esistono e contengono qualcosa.

Spero anche di non aver fatto errori, grazie...
 
Vediamo se ho capito: attraverso una funzione AJAX vuoi caricare in due diversi DIV due diversi file di testo?

Sdoppia la funzione AJAX avendo cura di cambiare gli ID dei DIV, quindi i diversi riferimenti DOM nei codici Javascript.

Oppure crea delle condizioni all'interno di un unico Javascript, parametrizzandole.

Sono stato chiaro?
 

Discussioni simili