Menu desplegable en javascript nomas no termina,
haber si alguien puede ayudarme please
Código:
audaaaa please!!! <script>
var verspacetoplevel=2
var verspacesublevel=1
var horspace=1
var textdeco="none"
var minusimg=new Image()
minusimg.src="images/abajo.jpg"
var plusimg=new Image()
plusimg.src="images/arriba.jpg"
var plusminusimgsrc=plusimg.src
var content=""
var fnttop="Arial"
var fnttopsize=10
var fnttopcolor="blue"
var fnttopweight="bold"
var fntsub="Arial"
var fntsubsize=9
var fntsubcolor="003366"
var fntsubweight="normal"
var i_level=new Array(0,1,1,1,1,0,1,1,1,0,1)
var i_url=new Array("#","cpu.php","cpu.php","cpu.php","cpu.php","#","productos.php","productos.php","productos.php","#","productos.php")
var i_text=new Array("Computadoras","Altera","Element","Impetuss","Titan","Procesadores","Pentium 4","Pentium D","CeleronD","Motherboard","Biostar")
var i_target=new Array("")
var whichi_opened=-1
var i_opened=false
var hassubmenus=false
var istoppageitem=true
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
var ns4=document.layers?1:0
function closesublevels() {
plusminusimgsrc=plusimg.src
content=""
content+="<table border=0 cellpadding=0 cellspacing="+verspacesublevel+">"
for (i=0;i<=i_level.length;i++) {
hassubmenus=false
if (i_level[i]==0) {
var iplus=i+1
if ((iplus<=i_level.length) && (i_level[iplus]==1)) {
hassubmenus=true
}
if (hassubmenus) {
if (!istoppageitem) {
content+="<tr><td colspan=2><img src='emptypixel.gif' height="+verspacetoplevel+"></td></tr>"
}
istoppageitem=false;
content+="<tr valign=middle>"
content+="<td>"
content+="<a href='javascript:opensublevels("+i+")'>"
content+="<img src='"+plusminusimgsrc+"' border=0 hspace="+horspace+"></a>"
content+="</td>"
content+="<td>"
content+="<a href='javascript:opensublevels("+i+")' style='text-decoration:"+textdeco+";font-family:"+fnttop+";font-size:"+fnttopsize+"pt;color:"+fnttopcolor+";font-weight:"+fnttopweight+"'>"
content+=i_text[i]
content+="</a></td></tr>"
}
else {
if (!istoppageitem) {
content+="<tr><td colspan=2><img src='emptypixel.gif' height="+verspacetoplevel+"></td></tr>"
}
istoppageitem=false;
content+="<tr valign=middle><td></td>"
if (i_url[i]!="#" && i_url[i]!="" && i_url[i]!="http://" && i_url[i].indexOf("@")<0) {
content+="<td><a href='"+i_url[i]+"' style='text-decoration:"+textdeco+";font-family:"+fnttop+";font-size:"+fnttopsize+"pt;color:"+fnttopcolor+";font-weight:"+fnttopweight+"'>"
}
else if (i_url[i].indexOf("@")>0) {
content+="<td><a href='mailto:"+i_url[i]+"' style='text-decoration:"+textdeco+";font-family:"+fnttop+";font-size:"+fnttopsize+"pt;color:"+fnttopcolor+";font-weight:"+fnttopweight+"'>"
}
else {
i_url[i]="#"
content+="<td><a href='"+i_url[i]+"' style='text-decoration:"+textdeco+";font-family:"+fnttop+";font-size:"+fnttopsize+"pt;color:"+fnttopcolor+";font-weight:"+fnttopweight+"'>"
}
content+=i_text[i]
content+="</a></td></tr>"
}
}
}
content+="</table>"
istoppageitem=true;
whichi_opened=-1
if (ie) {
menu.innerHTML=content
}
if (ns6) {
document.getElementById("menu").innerHTML=content
}
if (ns4) {
document.menutop.document.menu.document.write(content)
document.menutop.document.menu.document.close()
}
}
function opensublevels(thisiopened) {
if (whichi_opened==thisiopened) {
openurl()
closesublevels()
}
else {
whichi_opened=thisiopened
content=""
content+="<table border=0 cellpadding=0 cellspacing="+verspacesublevel+">"
for (i=0;i<=i_level.length;i++) {
if (i_level[i]==0) {
if (thisiopened==i) {i_opened=true}
else {i_opened=false}
var iplus=i+1
if ((iplus<=i_level.length) && (i_level[iplus]==1)) {hassubmenus=true}
else {hassubmenus=false}
if (i_opened) {plusminusimgsrc=minusimg.src}
else {plusminusimgsrc=plusimg.src}
if (!istoppageitem) {
content+="<tr><td colspan=2><img src='emptypixel.gif' height="+verspacetoplevel+"></td></tr>"
}
istoppageitem=false;
content+="<tr valign=middle><td>"
if (hassubmenus) {
content+="<a href='javascript:opensublevels("+i+")'>"
content+="<img src='"+plusminusimgsrc+"' border=0 hspace="+horspace+"></a>"
}
content+="</td>"
content+="<td><a href='javascript:opensublevels("+i+")' style='text-decoration:"+textdeco+";font-family:"+fnttop+";font-size:"+fnttopsize+"pt;color:"+fnttopcolor+";font-weight:"+fnttopweight+"'>"
content+=i_text[i]
content+="</a></td></tr>"
}
else if (i_level[i]==1 && i_opened){
content+="<tr valign=middle><td> </td>"
if (i_url[i]!="#" && i_url[i]!="" && i_url[i]!="http://" && i_url[i].indexOf("@")<0) {
content+="<td><a href='"+i_url[i]+"' style='text-decoration:"+textdeco+";font-family:"+fntsub+";font-size:"+fntsubsize+"pt;color:"+fntsubcolor+";font-weight:"+fntsubweight+"'>"
}
else if (i_url[i].indexOf("@")>0) {
content+="<td><a href='mailto:"+i_url[i]+"' style='text-decoration:"+textdeco+";font-family:"+fntsub+";font-size:"+fntsubsize+"pt;color:"+fntsubcolor+";font-weight:"+fntsubweight+"'>"
}
else {
i_url[i]="#"
content+="<td><a href='"+i_url[i]+"' style='text-decoration:"+textdeco+";font-family:"+fntsub+";font-size:"+fntsubsize+"pt;color:"+fntsubcolor+";font-weight:"+fntsubweight+"'>"
}
content+=i_text[i]
content+="</a></td></tr>"
}
}
content+="</table>"
if (ie) {
menu.innerHTML=content
}
if (ns6) {
document.getElementById("menu").innerHTML=content
}
if (ns4) {
document.menutop.document.menu.document.write(content)
document.menutop.document.menu.document.close()
}
istoppageitem=true;
openurl()
}
}
function openurl() {
var selectedtarget=i_target[whichi_opened]
var selectedurl=i_url[whichi_opened]
if (selectedurl!="#" && selectedurl!="" && selectedurl!="http://" && selectedurl.indexOf("@")<0) {
document.flink.target=selectedtarget
document.flink.action=selectedurl
document.flink.submit()
}
else if (selectedurl.indexOf("@")>0) {
selectedurl="mailto:"+selectedurl
document.flink.target=selectedtarget
document.flink.action=selectedurl
document.flink.submit()
}
}
init()
function init() {
istoppageitem=true;
content=""
content+="<table border=0 cellpadding=0 cellspacing="+verspacesublevel+">"
for (i=0;i<=i_level.length;i++) {
if (i_level[i]==0) {
var iplus=i+1
if ((iplus<=i_level.length) && (i_level[iplus]==1)) {hassubmenus=true}
else {hassubmenus=false}
if (!istoppageitem) {
content+="<tr><td colspan=2><img src='emptypixel.gif' height="+verspacetoplevel+"></td></tr>"
}
istoppageitem=false;
content+="<tr valign=middle><td>"
if (hassubmenus) {
content+="<a href='javascript:opensublevels("+i+")'>"
content+="<img src='"+plusminusimgsrc+"' border=0 hspace="+horspace+"></a>"
}
content+="</td>"
content+="<td><a href='javascript:opensublevels("+i+")' style='text-decoration:"+textdeco+";font-family:"+fnttop+";font-size:"+fnttopsize+"pt;color:"+fnttopcolor+";font-weight:"+fnttopweight+"'>"
content+=i_text[i]
content+="</a></td></tr>"
}
else if (i_level[i]==1){
content+="<tr valign=middle><td> </td>"
content+="<td><a href='"+i_url[i]+"' style='text-decoration:"+textdeco+";font-family:"+fntsub+";font-size:"+fntsubsize+"pt;color:"+fntsubcolor+";font-weight:"+fntsubweight+"'>"
content+=i_text[i]
content+="</a></td></tr>"
}
}
content+="</table>"
istoppageitem=true;
if (ie || ns6) {
document.write('<span id="menu" style="position:relative">'+content+'</span>')
document.close()
}
else if (ns4) {
document.write('<ilayer name="menutop">')
document.write('<layer name="menu">'+content+'</layer>')
document.write('</ilayer>')
document.close()
}
else {
oldbrowser()
}
}
function oldbrowser() {
istoppageitem=true;
content=""
content+="<table border=0 cellpadding=0 cellspacing="+verspacesublevel+">"
for (i=0;i<=i_level.length;i++) {
if (i_level[i]==0) {
var iplus=i+1
if ((iplus<=i_level.length) && (i_level[iplus]==1)) {hassubmenus=true}
else {hassubmenus=false}
if (!istoppageitem) {
content+="<tr><td colspan=2><img src='emptypixel.gif' height="+verspacetoplevel+"></td></tr>"
}
istoppageitem=false;
content+="<tr valign=middle><td>"
if (hassubmenus) {
content+="<img src='"+plusminusimgsrc+"' border=0 hspace="+horspace+">"
}
content+="</td>"
content+="<td><a href='"+i_url[i]+"' ><font size=3 face="+fnttop+" color="+fnttopcolor+">"
content+=i_text[i]
content+="</font></a></td></tr>"
}
else if (i_level[i]==1){
content+="<tr valign=middle><td> </td>"
content+="<td><a href='"+i_url[i]+"'><font size=2 face='"+fntsub+"' color="+fntsubcolor+">"
content+=i_text[i]
content+="</font></a></td></tr>"
}
}
content+="</table>"
document.write(content)
document.close()
}
function reloadpage() {
location.reload(true)
}
if (ns4 || ns6 || ie) {
window.onload=closesublevels
}
if (ns4 || ns6 || ie) {
window.onresize=reloadpage
}
</script>
