Ho da poco scoperto l'Ajax ed il caricamento asincrono ed ancora non ne ho compreso appieno le sue potenzialità ed i suoi limiti.
Provando mi sono trovato di fronte ad un fatto alquanto particolare: ho provato a far caricare tramite Ajax una pagina php nella quale veniva costruito un form per ogni riga di una tabella e con mia enorme sorpresa ho dei problemi di visualizzazione con il Firefox.
In pratica, anche se so che questo tipo di scrittura è "un po' sporca", l'IE me la visualizza senza problemi (mi funzionava anche l'invio di dati) mentre il Firefox non ne vuole sapere.
Mi visualizza la tabella estromettendo la parte compresa tra i form. Ma la stranezza non finisce quì, selezionando la porzione di codice e chiedendo la visualizzazione del codice sorgente mi ritrovo con il codice scritto esattamente come l'ho scritto io....
Vorrei anche aggiungere che se visualizzo solo la pagina che dovrebbe caricare l'Ajax, la pagina risulta correttamente visuallizata.
Do' per certo che ho commesso un errore, qualcuno saprebbe dirmi qual'è? Riporto sotto il codice delle 2 pagine
Pagina 1: Pagina con Ajax.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Ajax</title>
<script type="text/javascript">
/***********************************************
* Dynamic Ajax Content- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
var loadedobjects=""
var rootdomain="http://"+window.location.hostname
function ajaxpage(url, containerid){
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try { page_request = new ActiveXObject("Msxml2.XMLHTTP") }
catch (e){
try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") }
catch (e){}
}
} else return false
page_request.onreadystatechange=function(){
loadpage(page_request, containerid)
}
page_request.open('GET', url, true)
page_request.send(null)
}
function loadpage(page_request, containerid){
if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
document.getElementById(containerid).innerHTML=pag e_request.responseText
}
</script>
</head>
<body>
<div align="center">
Clicca Quì</p>
</div>
<div align="center" id="Php">
</div>
</body>
</html>
Pagina 2:Pagina in Php.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Documento senza titolo</title>
</head>
<body>
<table>
<tr>
<td>Nome</td>
<td>Cognome</td>
<td>Indirizzo</td>
</tr>
<tr><form action="Invia.php" method="get" name="Dati">
<td>Dilan</td>
<td>Dog</td>
<td>xxxxxx</td>
</form></tr>
</table>
</body>
</html>
Le pagine hanno estensioni php ed il form non ha pulsanti per l'invio perchè le stavo testando facendo molte modifice...
Rispondi quotando
