Open html inside Div on mouse click

[NYCSavage]

Hi, I am currenty coding my site and decided it would look good to have a div styled layout.

I have managed to get the 1st part (mouse hover) of my problem to work using this code:

In the head:

Code: Select all

 <script>
<!--

var content=new Array()

content[0]='<br><big><b>OPTION 1</b></big><br>Enter text here'
content[1]='<br><big><b>OPTION 2</b></big><br>Enter text here'

function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
appear()
setTimeout("window.onresize=regenerate",530)
}
}

function changetext(whichcontent){

if (document.all||document.getElementById){
cross_el=document.getElementById? document.getElementById("descriptions"):document.all.descriptions
cross_el.innerHTML='<font face="Verdana"><small>'+whichcontent+'<font></small>'
}
else if (document.layers){
document.d1.document.d2.document.write('<font face="Verdana"><small>'+whichcontent+'</small></font>')
document.d1.document.d2.document.close()
}

}

function appear(){
document.d1.visibility='show'
}

window.onload=regenerate2


//-->
</script>

And in the body:

Code: Select all

<div id="scriptmenu" style="line-height:20px"><p>
            <a href="1.html" onMouseover="changetext(content[0])"><small>OPTION 1</small></a><br>
            <a href="2.html" onMouseover="changetext(content[1])"><small>OPTION 2</small></a><br></div>

If you click on Option 1, it loads 1.html in a new window. What I would like is to open 1.html INSIDE a div layer named Box, then if you click OPTION 2, 2.html would open instead in the same div layer.

Hope this makes sense, and can anyone help?

[spinal007]

Code: Select all

<a href="1.html" onClick="showBox(content[0]); return false;" onMouseover="changetext(content[0])"

...then create the showBox function to do whatever you want it to do.
..."return false;" stops the link form being followed.