Richiamare contenuto in un DIV

[MAYA7]

Salve ragazzi, vorrei un aiuto perfavore, il seguente menu tramite una funzione js si estende aprendo le sottovoci, questo è collocato in un DIV chiamato l-col (colonna sx della pagina)

<div id="MENU">
    <div class="TITOLO" onclick="Menu('A')">LATERIZI E TEGOLE</div>
    <span class="VOCI" id="A">
        :: Laterizi

        :: Tegole

        :: Blocchi Cassero

    </span>
    <div class="TITOLO" onclick="Menu('C')">COLLANTI E SIGILLANTI</div>
    <span class="VOCI" id="C">
        :: Collanti e Stucchi

        :: Siliconi Sigillanti

    </span> 
Etc...

Quello che chiedo è come posso fare, se io clicco su una delle sottocategorie, ad esempio "laterizi", a variare il contenuto del DIV cont (colonna centrale della pagina) con il contenuto della pagina laterizi.html?

E cosi via per le altre sottocategorie..

Grazie

[Xinod]

mai sentito parlare di ajax?
c'e' una guida ben fatta anche qui su html.it

buono studio

[MAYA7]

Originariamente inviato da Xinod
mai sentito parlare di ajax?
c'e' una guida ben fatta anche qui su html.it

buono studio

grazie, sono riuscito a mettere su quello che mi serviva.. un'ultima cosa.. ho usato questo lo script seguente, funziona sia su safari 4 che su mozilla 3.6.3, ma con internet explorer mi da errore alla riga 93 carattere 1, che risulta proprio questa:

page_request.open('GET', url, true)

non mi richiama la pagina nel div di destinazione. Ho dato l'autorizzazione al browser per eseguire gli script quando richiesto ma niente.. qualche consiglio?

Grazie

<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=page_request.responseText
}

function loadobjs(){
if (!document.getElementById)
return
for (i=0; i<arguments.length; i++){
var file=arguments[i]
var fileref=""
if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
if (file.indexOf(".js")!=-1){ //If object is a js file
fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", file);
}
else if (file.indexOf(".css")!=-1){ //If object is a css file
fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", file);
}
}
if (fileref!=""){
document.getElementsByTagName("head").item(0).appendChild(fileref)
loadedobjects+=file+" " //Remember this object as being already added to page
}
}
}

</script>

[cristipe]

ciao io ho lo stesso identico problema e non riesco a trovare soluzione

[Enzaccio]

Affidatevi a un IFRAME

:: Laterizi

<iframe name="monitor" frameborder="1" width="100%" height="400" src=""></iframe>

frameborder="1" o ="0"
La dimensione in % percentuale si riferirà eventualmente al DIV contenitore.
Il Valore di SRC può anche essere gestito via JavaScript.