Problemas Com Iframe

DataSet · Setembro 8, 2004

Olá pessoal... Estou precisando de uma força....

Vou passar dois códigos, um é o "index.htm" o outro é o "outro.htm".

Selecione o código abaixo e salve como index.htm

<html>
<body>
<head>
<center> <input type="button" value="Ver código fonte" onClick='window.location = "view-source:" + window.location.href' name="button">
</center>
<!-começa aqui->
<STYLE>#ie5menu {
BACKGROUND-COLOR: #1e90ff; BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 0px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; FONT-SIZE: 7.8pt; FONT-WEIGHT:bold; COLOR: #FFFFFF; LINE-HEIGHT: 13px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 114px
}
.menuitems {
PADDING-LEFT: 15px; PADDING-RIGHT: 15px
}
</STYLE>
<script language=JavaScript1.2>
var display_url=0
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
ie5menu.style.top=document.body.scrollTop+event.clientY
ie5menu.style.visibility="visible"
return false
}
function hidemenuie5(){
ie5menu.style.visibility="hidden"
}
function highlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
// cor ao passar o mouse
event.srcElement.style.color="#000000"
if (display_url==1)
window.status=event.srcElement.url
}
}
function lowlightie5(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="#FFFFFF"
window.status=''
}
}
function jumptoie5(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</SCRIPT>
</head>
<div id=ie5menu onClick=jumptoie5() onMouseOut=lowlightie5()
onMouseOver=highlightie5()>
<hr color=#f8f8f8 width="99%" size="1">
<div class=menuitems style="CURSOR: hand"
url="sua página" align="left">sua página</div>
<div class=menuitems style="CURSOR: hand"
url="sua página" align="left">sua página</div>
<div class=menuitems style="CURSOR: hand"
url="sua página" align="left">sua página</div>
<div class=menuitems style="CURSOR: hand"
url="sua página" align="left">sua página</div>
<div class=menuitems style="CURSOR: hand"
url="sua página" align="left">sua página</div>
<hr color=#f8f8f8 width="90%" size="1">
</div>
<script language=JavaScript1.2>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
document.body.onclick=hidemenuie5
</script>
<script>
function abremenu(x){
if (IE) {
document.all.divinfos[x-1].style.visibility="hidden";
document.all.divinfos[x-1].style.display='';
document.all.divinfos[x-1].style.filter="blendTrans(duration=.5)";
document.all.divinfos[x-1].filters.blendTrans.Apply();
document.all.divinfos[x-1].style.visibility="visible";
document.all.divinfos[x-1].filters.blendTrans.Play();
}
}
function fechamenu(x){
if (IE) {
document.all.divinfos[x-1].style.visibility="hidden";
document.all.divinfos[x-1].style.display='none';
}
}
</script>
<table>
<tr>
<td>
<iframe height="50" width="780" name="_tes" src="outro.htm" frameborder="1" scrolling="no"></iframe>
</td>
</tr>
</table>
</body>
</html>

Agora... selecione o código abaixo e salve como outro.htm

<html>
<head>
</head>
<body>
teste
</body>
</html>

Agora rode o index.htm... esse programa faz um menu com o botão direito em qualquer lugar da tela... e junto com o index ele carrega um iframe.

O problema é que ao clicar perto da caixa, que é o iframe, na parte de cima, o menu fica como se estivesse por baixo do iframe... isso só acontece com navegadores 5.5 para baixo. O 6.0 já foi corrigido pela Microsoft e funciona semproblemas.

Tentei várias maneiras pra ele ficar por cima do iframe, mas não consegui...

Alguém me dá uma força?

Como fazer para o menu ficar por cima do iframe ?

Valeu..

DataSet · Setembro 9, 2004

Turma... postei novamente a minha dúvida pro pessoal visualizar denovo...

é que eu preciso muito sabe....

como será que resolvo esse problema? O menu fica por baixo do iframe...

hhheeelllpppp....

Obrigadão.

Setembro 10, 2004

Esse é o problema do Internet Explorer, no mozilla e netscape não ocorre isso.

Já passei por esse problema e pra mim não ter que mudar minha estrutura peço sempre para o pessoal atualizar o navegador que este é abaixo do 5.5 (no caso do IE). Outra solução seria você trocar o seu iframe por um textárea, ou ainda não trocar seu iframe apenas passar o valor do iframe para o textarea. Do contrário não tem como fazer, é BUG da Micro$of.

Abraço

Crystian

PS: Desculpa se não era bem isso que você queria como resposta...

Entrar

Problemas Com Iframe

Pergunta

DataSet

Link para o comentário

Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

DataSet

Link para o comentário

Compartilhar em outros sites

Guest Crystian

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades