salve,
sono un newbie di ajax e devo ancora capirlo bene...
vorrei fare un sito dove in testa ci sia un menu e nel div sotto carica a seconda della scelta joomla o gallery2
quando carico joomla nessun problema visto che siamo nella stessa directory, ma quando richiamo gallery2 (che è in una subdirectory) mi perde il css e naturalemente mi perde i link ...
come posso ovviare a questo problema?
questo è il codice della pagina...
<!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>ZZZ</title>
<script type="text/javascript" src="utility.js"><!--// ajax utility //--></script>
<script type="text/javascript"><!--//
// funzione di caricamento testo,
// accetta una stringa contenente
// il nome di un file da leggere
function caricaTesto(nomeFile) {
// variabili di funzione
var
// assegnazione oggetto XMLHttpRequest
ajax = assegnaXMLHttpRequest(),
// assegnazione elemento del documento
elemento = prendiElementoDaId("contenuto-dinamico"),
// risultato booleano di funzione
usaLink = true;
// se l'oggetto XMLHttpRequest non è nullo
if(ajax) {
// il link al file non deve essere usato
usaLink = false;
// impostazione richiesta asincrona in GET
// del file specificato
ajax.open("get", nomeFile, true);
// rimozione dell'header "connection" come "keep alive"
ajax.setRequestHeader("connection", "close");
// impostazione controllo e stato della richiesta
ajax.onreadystatechange = function() {
// verifica dello stato
if(ajax.readyState === readyState.COMPLETATO) {
// verifica della risposta da parte del server
if(statusText[ajax.status] === "OK")
// operazione avvenuta con successo
elemento.innerHTML = ajax.responseText;
else {
// errore di caricamento
elemento.innerHTML = "Impossibile effettuare l'operazione richiesta.<br />";
elemento.innerHTML += "Errore riscontrato: " + statusText[ajax.status];
}
}
}
// invio richiesta
ajax.send(null);
}
return usaLink;
}
//--></script>
<style type="text/css">
<!--
body {
background-color: #A2A2B4;
}
h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}
-->
</style></head>
<body>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td><div align="center"><img src="top.png" alt="zzzz" width="973" height="161" border="0" usemap="#Map" /></div></td>
</tr>
</table>
<map name="Map" id="Map">
<area shape="rect" coords="517,130,580,158" href="#" />
<area shape="rect" coords="587,130,658,159" href="index.php?option=com_content&task=view&id=1&Itemid=2" onclick="return caricaTesto(this.href);" onkeypress="return this.onclick();" />
<area shape="rect" coords="667,130,731,159" href="gallery2/main.php" onclick="return caricaTesto(this.href);" onkeypress="return this.onclick();" />
<area shape="rect" coords="738,130,792,158" href="#" />
<area shape="rect" coords="801,130,867,160" href="#" />
<area shape="rect" coords="874,130,903,158" href="#" />
<area shape="rect" coords="910,130,950,158" href="#" />
<area shape="rect" coords="911,99,946,123" href="#" />
<area shape="rect" coords="21,25,316,117" href="#" />
</map>
<div id="contenuto-dinamico" >
</div>
</body>
</html>
