salve, ho la necessità di caricare un file esterno dentro ad un div e ho trovato online questo codice :
codice:
<script language="Javascript">
function ahah(url, target) {
document.getElementById(target).innerHTML = ' Fetching data...';
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
if (oXmlHttp == null) {
oXmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
}
else {
oXmlHttp.abort();
}
}
catch (e) {
try {
oXmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (oc) {
oXmlHttp = null;
}
}
}
if (req != undefined) {
req.onreadystatechange = function() {ahahDone(url, target);};
req.open("GET", url, true);
req.send("");
}
}
function ahahDone(url, target) {
if (req.readyState == 4) { // only if req is "loaded"
if (req.status == 200) { // only if "OK"
document.getElementById(target).innerHTML = req.responseText;
} else {
document.getElementById(target).innerHTML=" AHAH Error:\n"+ req.status + "\n" +req.statusText;
}
}
}
function load(name, div) {
ahah(name,div);
return false;
}
</script>
Mostra
<div id="content">
</div>
fin qui tutto ok, funziona. Volevo però permettere all'utente anche di chiudere questo div, e ho aggiunto un link semplice, e cioè
hide
in effetti quando clicco su Mostra, il contenuto viene visualizzato
quando clicco su hide il contenuto viene nascosto
ma se clicco di nuovo su Mostra, non viene più visualizzato il contenuto.
Potete aiutarmi ? grazie.