// Menu que aparece en un determinado lugar
/*
Pop-it menu- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/
/* --- COMO USAR EL SCRIPT ---
Poner este DIV en el documento dentro del BODY y con la proiedad "position" = "absolute":
En el evento OnMouseOut llamar a delayhidemenu()
En el evento OnMouseOver llamar a showmenu(.....)
*/
var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT
var i = 1;
linkset[1]=''
i++;
linkset[2]=''
i++;
linkset[3]=''
i++;
linkset[4]=''
i++;
linkset[5]=''
i++;
linkset[6]=''
i++;
linkset[7]=''
i++;
linkset[8]=''
i++;
linkset[9]=''
i++;
linkset[10]+=''
/* VIDEO (imagen) */
linkset[10]+=' '
linkset[10]+=' | '
i++;
linkset[10]=''
i++;
linkset[11]+=''
/* VIDEO (imagen) */
linkset[11]+=' '
linkset[11]+=' | '
i++;
linkset[11]=''
i++;
var rutacnse = "la_cnse/";
////No need to edit beyond here
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
var ns6=document.getElementById&&!document.all
var ns4=document.layers
//MARGENES DEL MENU
var margenLeftMenuIE = 197//espacio entre el boton y el menu
var margenBottomMenuIE = 143//espacio entre el el borde superrior de la celda y el menu
var margenLeftMenuMozzila = 196//espacio entre el boton y el menu
var margenBottomMenuMozzila = 143 // espacio entre el el borde superrior de la celda y el menu
//var diferenciaFilas = 101 //diferencia de altura entre las filas de la tabla (2 filas)
//o entre columnas, segun el diseño
function showmenu(idImg, which){
/*
idImg : ID de la imagen correspondiente al menu
which : el menu que se muestra : linkset[num_menu]
*/
document.getElementById("popmenu").style.left= "0px"
document.getElementById("popmenu").style.top= "0px"
if (!document.all && !document.getElementById && !document.layers)
return
var left_bodycuerpo =(ie4)?document.getElementById("cuerpo").offsetLeft: 0
var left_divtodo = document.getElementById("centrar_todo").offsetLeft
var left_divcontendor = document.getElementById("contenedor").offsetLeft
var left_divmenu = document.getElementById("menu01").offsetLeft
var left_divmenu2 = document.getElementById("menu_cabecera").offsetLeft
var left_tablamenu = document.getElementById("tabla_navigation").offsetLeft
var left_td = document.getElementById("td_"+idImg).offsetLeft
//var left_img = document.getElementById(idImg).offsetLeft
var top_bodycuerpo =(ie4)?document.getElementById("cuerpo").offsetTop: 0
var top_divtodo = document.getElementById("centrar_todo").offsetTop
var top_divcontendor = document.getElementById("contenedor").offsetTop
var top_divmenu = document.getElementById("menu01").offsetTop
var top_divmenu2 = document.getElementById("menu_cabecera").offsetLeft
var top_tablamenu = document.getElementById("tabla_navigation").offsetLeft
var top_td = document.getElementById("td_"+idImg).offsetTop
//var top_img = document.getElementById(idImg).offsetTop
//alert(left_bodycuerpo + "\n" + left_divtodo+ "\n" + left_divcontendor+ "\n"+ left_divmenu+ "\n" + left_divmenu2+ "\n" + left_tablamenu + "\n"+ left_td);
if(ie4){
coordX = left_divtodo + left_td + margenLeftMenuIE;
coordY = top_divtodo + top_td + margenBottomMenuIE;
}
else{
coordX = left_tablamenu + left_td + margenLeftMenuMozzila;
coordY = top_td + margenBottomMenuMozzila;
}
clearhidemenu()
menuobj=document.getElementById("popmenu");
//which = crearTablaMenu(which);
if (ie4||ns6)
{
menuobj.innerHTML=which
}
else{
//menu1
menuobj.document.write(''+which+'')
menuobj.document.close()
}
var x=(document.defaultView && document.defaultView.getComputedStyle) ?
document.defaultView.getComputedStyle(menuobj,'').getPropertyValue("top") :
menuobj.currentStyle ? menuobj.currentStyle.top : "";
var y=(document.defaultView && document.defaultView.getComputedStyle) ?
document.defaultView.getComputedStyle(menuobj,'').getPropertyValue("left") :
menuobj.currentStyle ? menuobj.currentStyle.left : "";
x= parseInt(x);
y= parseInt(y);
menuobj.style.left= (coordX + x) + "px";
menuobj.style.top= (coordY + y) + "px";
menuobj.style.visibility="visible"
return false
}//function showmenu
function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
function hidemenu(){
if (window.menuobj)
{
menuobj.style.visibility=(ie4||ns6)? "hidden" : "hide"
MM_swapImgRestore(); //OPCIONAL. script sustitucion de imagenes.
}
}
function dynamichide(e){
if (ie4 && (!menuobj.contains(e.toElement)))
hidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hidemenu()
}
function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",0)
}
function clearhidemenu(){
if (window.delayhide)
clearTimeout(delayhide)
}
function highlightmenu(e,state){
if (document.all)
source_el=event.srcElement
else if (document.getElementById)
source_el=e.target
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
else{
while(source_el.id!="popmenu"){
source_el=document.getElementById? source_el.parentNode : source_el.parentElement
if (source_el.className=="menuitems"){
source_el.id=(state=="on")? "mouseoverstyle" : ""
}
}
}
}
function crearTablaMenu(links){
var cad;
cad = '';
return cad;
}
if (ie4||ns6)
document.onclick=hidemenu
¿Qué es la Videoconferencia?
'
linkset[1]+='
'
linkset[2]+='
'
linkset[3]+='
'
linkset[4]+='
'
linkset[5]+='
'
linkset[6]+='
'
linkset[7]+='
'
linkset[8]+='
'
linkset[9]+='