Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ersime

Exibir menu acima do frame

Por , em Desenvolvimento frontend

Recommended Posts

ersime    0

ersime
Postado

Boa tarde pessoal,alguem sabe como fazer com que um menu num frame supeior, seja exibido por cima do frame inferior?Valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

me mande so códigos do seu frame que te explico como é que você pode fazer isso, se ñ quizer colocar no forum mande por meu e-mail adamisongs@hotmail.com

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Boa tarde pessoal,

 

alguem sabe como fazer com que um menu num frame supeior, seja exibido por cima do frame inferior?

 

Valeu

<{POST_SNAPBACK}>

 

Ted k' falando.

Me mande os códigos que eu explico tudo a você

Compartilhar este post

Link para o post
Compartilhar em outros sites

ersime    0

ersime
Postado

Boa tarde pessoal,

 

alguem sabe como fazer com que um menu num frame supeior, seja exibido por cima do frame inferior?

 

Valeu

<{POST_SNAPBACK}>

Ted k' falando.

Me mande os códigos que eu explico tudo a você

<{POST_SNAPBACK}>

aqui estao os frames

 

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

 

<frameset rows="106,*,20" cols="*" framespacing="0" frameborder="NO" border="0">

<frame src="mcbca001.php" name="topFrame" scrolling="NO" noresize >

<frame src="mmeio001.php" name="mainFrame">

<frame src="mrdpe001.php" name="bottomFrame" scrolling="NO" noresize>

</frameset>

<noframes><body>

 

</body></noframes>

 

 

 

o codigo JS é esse está na mcbca001.php:

 

<script LANGUAGE="JavaScript">

<!-- Begin

var isDOM = (document.getElementById ? true : false);

var isIE4 = ((document.all && !isDOM) ? true : false);

var isNS4 = (document.layers ? true : false);

function getRef(id) {

if (isDOM) return document.getElementById(id);

if (isIE4) return document.all[id];

if (isNS4) return document.layers[id];

}

function getSty(id) {

return (isNS4 ? getRef(id) : getRef(id).style);

}

 

var popTimer = 0;

 

var litNow = new Array();

function popOver(menuNum, itemNum) {

clearTimeout(popTimer);

hideAllBut(menuNum);

litNow = getTree(menuNum, itemNum);

changeCol(litNow, true);

targetNum = menu[menuNum][itemNum].target;

if (targetNum > 0) {

thisX = parseInt(menu[menuNum][0].ref.left) + parseInt(menu[menuNum][itemNum].ref.left);

thisY = parseInt(menu[menuNum][0].ref.top) + parseInt(menu[menuNum][itemNum].ref.top);

with (menu[targetNum][0].ref) {

left = parseInt(thisX + menu[targetNum][0].x);

top = parseInt(thisY + menu[targetNum][0].y);

visibility = 'visible';

}

}

}

function popOut(menuNum, itemNum) {

if ((menuNum == 0) && !menu[menuNum][itemNum].target)

hideAllBut(0)

else

popTimer = setTimeout('hideAllBut(0)', 500);

}

function getTree(menuNum, itemNum) {

 

 

itemArray = new Array(menu.length);

while(1) {

itemArray[menuNum] = itemNum;

 

if (menuNum == 0) return itemArray;

itemNum = menu[menuNum][0].parentItem;

menuNum = menu[menuNum][0].parentMenu;

}

}

 

 

function changeCol(changeArray, isOver) {

for (menuCount = 0; menuCount < changeArray.length; menuCount++) {

if (changeArray[menuCount]) {

newCol = isOver ? menu[menuCount][0].overCol : menu[menuCount][0].backCol;

 

with (menu[menuCount][changeArray[menuCount]].ref) {

if (isNS4) bgColor = newCol;

else backgroundColor = newCol;

}

}

}

}

function hideAllBut(menuNum) {

var keepMenus = getTree(menuNum, 1);

for (count = 0; count < menu.length; count++)

if (!keepMenus[count])

menu[count][0].ref.visibility = 'hidden';

changeCol(litNow, false);

}

function Menu(isVert, popInd, x, y, width, overCol, backCol, borderClass, textClass) {

 

this.isVert = isVert;

 

this.popInd = popInd

 

this.x = x;

this.y = y;

this.width = width;

 

this.overCol = overCol;

this.backCol = backCol;

 

this.borderClass = borderClass;

this.textClass = textClass;

 

this.parentMenu = null;

this.parentItem = null;

 

this.ref = null;

}

 

function Item(text, href, frame, length, spacing, target) {

this.text = text;

this.href = href;

this.frame = frame;

this.length = length;

this.spacing = spacing;

this.target = target;

 

this.ref = null;

}

 

function writeMenus() {

if (!isDOM && !isIE4 && !isNS4) return;

 

for (currMenu = 0; currMenu < menu.length; currMenu++) with (menu[currMenu][0]) {

 

var str = '', itemX = 0, itemY = 0;

 

 

for (currItem = 1; currItem < menu[currMenu].length; currItem++) with (menu[currMenu][currItem]) {

var itemID = 'menu' + currMenu + 'item' + currItem;

 

 

var w = (isVert ? width : length);

var h = (isVert ? length : width);

 

 

if (isDOM || isIE4) {

str += '<div id="' + itemID + '" style="position: absolute; left: ' + itemX + '; top: ' + itemY + '; width: ' + w + '; height: ' + h + '; visibility: inherit; ';

if (backCol) str += 'background: ' + backCol + '; ';

str += '" ';

}

if (isNS4) {

str += '<layer id="' + itemID + '" left="' + itemX + '" top="' + itemY + '" width="' + w + '" height="' + h + '" visibility="inherit" ';

if (backCol) str += 'bgcolor="' + backCol + '" ';

}

if (borderClass) str += 'class="' + borderClass + '" ';

 

 

str += 'onMouseOver="popOver(' + currMenu + ',' + currItem + ')" onMouseOut="popOut(' + currMenu + ',' + currItem + ')">';

 

 

str += '<table width="' + (w - 8) + '" border="0" cellspacing="0" cellpadding="' + (!isNS4 && borderClass ? 3 : 0) + '"><tr><td align="left" height="' + (h - 7) + '">' + '<a class="' + textClass + '" href="' + href + '"' + (frame ? ' target="' + frame + '">' : '>') + text + '</a></td>';

if (target > 0) {

 

 

menu[target][0].parentMenu = currMenu;

menu[target][0].parentItem = currItem;

 

 

if (popInd) str += '<td class="' + textClass + '" align="right">' + popInd + '</td>';

}

str += '</tr></table>' + (isNS4 ? '</layer>' : '</div>');

if (isVert) itemY += length + spacing;

else itemX += length + spacing;

}

if (isDOM) {

var newDiv = document.createElement('div');

document.getElementsByTagName('body').item(0).appendChild(newDiv);

newDiv.innerHTML = str;

ref = newDiv.style;

ref.position = 'absolute';

ref.visibility = 'hidden';

}

 

 

if (isIE4) {

document.body.insertAdjacentHTML('beforeEnd', '<div id="menu' + currMenu + 'div" ' + 'style="position: absolute; visibility: hidden">' + str + '</div>');

ref = getSty('menu' + currMenu + 'div');

}

 

 

if (isNS4) {

ref = new Layer(0);

ref.document.write(str);

ref.document.close();

}

 

for (currItem = 1; currItem < menu[currMenu].length; currItem++) {

itemName = 'menu' + currMenu + 'item' + currItem;

if (isDOM || isIE4) menu[currMenu][currItem].ref = getSty(itemName);

if (isNS4) menu[currMenu][currItem].ref = ref.document[itemName];

}

}

with(menu[0][0]) {

ref.left = x;

ref.top = y;

ref.visibility = 'visible';

}

}

 

 

 

var menu = new Array();

 

// Cor do link selecionado

var defOver = '#336699', defBack = '#FFFFFF';

 

// Tamanho da coluna

var defLength = 10;

 

//TITULO MENU

menu[0] = new Array();

menu[0][0] = new Menu(false, '', 70, 64, 17, defBack, '', '', '');

menu[0][1] = new Item('Home', '#', '', 40, 10, 0);

menu[0][2] = new Item('Projeto', '#', '', 40, 18, 0);

menu[0][3] = new Item('Atividade', '#', '', 40, 31, 0);

menu[0][4] = new Item('Cliente', '#', '', 40, 15, 0);

menu[0][5] = new Item('Usuário', '#', '', 40, 20, 0);

menu[0][6] = new Item('Relatório', '#', '', 40, 28, 0);

menu[0][7] = new Item('Documentação', '#', '', 40, 64, 0);

menu[0][8] = new Item('Administrativo', '#', '', 40, 60, 0);

menu[0][9] = new Item('Ajuda', '#', '', 40, 10, 0);

menu[0][10] = new Item('Sair', '#', '', 40, 20, 0);

 

 

 

 

 

menu[1] = new Array();

menu[1][0] = new Menu(true, '>', 20, 64, 17, defBack, '', '', '');

 

menu[2] = new Array();

menu[2][0] = new Menu(true, '>', 20, 64, 17, defBack, '', '', '');

 

menu[3] = new Array();

menu[3][0] = new Menu(true, '>', 20, 64, 17, defBack, '', '', '');

 

menu[4] = new Array();

menu[4][0] = new Menu(true, '>', 20, 64, 17, defBack, '', '', '');

 

menu[5] = new Array();

menu[5][0] = new Menu(true, '>', 20, 64, 17, defBack, '', '', '');

 

menu[6] = new Array();

menu[6][0] = new Menu(true, '>', 0, 22, 17, defBack, '', '', '');

menu[6][1] = new Item('Tabelas', 'suapagina.html', '', 20, 0, 0);

menu[6][2] = new Item('Módulos', 'suapagina.html', '', 20, 0, 0);

menu[6][3] = new Item('Páginas', '#', '', 20, 0, 2);

menu[6][4] = new Item('Funções', 'suapagina.html', '', 20, 0, 0);

menu[6][5] = new Item('Instruções', 'suapagina.html', '', 20, 0, 0);

menu[6][6] = new Item('Variáveis', 'suapagina.html', '', 20, 0, 0);

 

 

 

 

var popOldWidth = window.innerWidth;

nsResizeHandler = new Function('if (popOldWidth != window.innerWidth) location.reload()');

 

if (isNS4) document.captureEvents(Event.CLICK);

document.onclick = clickHandle;

 

function clickHandle(evt)

{

if (isNS4) document.routeEvent(evt);

hideAllBut(0);

}

 

function moveRoot()

{

with(menu[0][0].ref) left = ((parseInt(left) < 100) ? 100 : 5);

}

// -->

</script>

 

aqui esta a chamada da funcao JS que gera os menus(está na pagina mcbca001.php)

 

<body bgcolor="#FFFFCC" leftmargin="0" topmargin="0" onLoad="writeMenus()" onResize="if (isNS4) nsResizeHandler()">

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito