Dae galera!
Essa eu quero ver se alguem me ajuda... existe alguma maneira de eu fazer com que ao passar o mouse em uma figura de um iframe automaticamente apareça uma figura em um outro iframe?!
Seria tipo mouseon - mouseover, mas em iframes diferentes...
Será que tem como?!
vlw!
Essa Eu Quero Ver.....
Started By kadu171, 08/07/2004, 17:45
9 replies to this topic
#1
kadu171
-
- Usuários
-
- 120 posts
kadu171
- Sexo:Não informado
- Localidade:Balneário Camboriú - SC
#2
Felipe T.
-
- Usuários
-
- 79 posts
Normal
- Sexo:Não informado
Posted 09/07/2004, 09:10
c pode criar uma div invisível sobre o iframe e ao passa o mouse sobre ele, ele abra uma nova div com o iframe 2.... tipo isso...
'***************************************
' FELIPE t.
' fgteixeira@pop.com.br
'***************************************
' FELIPE t.
' fgteixeira@pop.com.br
'***************************************
#3
Without a Nick
-
- Usuários
-
- 2378 posts
Sem culpa no cartório
- Sexo:Não informado
- Localidade:Guarulhos
Posted 09/07/2004, 10:29
Uma coisa que é interessante de se estudar no JavaScript é a hierarquia de frames/iframes.
Para janelas (popups, por exemplo), você pode controlar através do predecessor opener.
Com frames/iframes, você os controla com o predecessor parent.
Ele sobe um nível acima (no caso, a index), e redirecionará para o objeto de nome tal para o link que vc definir.
Resumindo isso em código:
index.html
esquerdo.html
Ok? Fui!
Para janelas (popups, por exemplo), você pode controlar através do predecessor opener.
Com frames/iframes, você os controla com o predecessor parent.
Ele sobe um nível acima (no caso, a index), e redirecionará para o objeto de nome tal para o link que vc definir.
Resumindo isso em código:
index.html
<iframe src="esquerdo.html" width="250" height="330">
<iframe src="" id="figuraIframe" name="figuraIframe" height="330" width="500">
esquerdo.html
<a href="java script:void(0);" onmouseover="parent.figuraIframe.location='figura.jpg';"><img src="imagemGrande.gif" alt="Passe o mouse"></a>
Ok? Fui!
#4
kadu171
-
- Usuários
-
- 120 posts
kadu171
- Sexo:Não informado
- Localidade:Balneário Camboriú - SC
Posted 09/07/2004, 14:08
Poxa Fernando...tu manja mto...mas eu fiquei no vácuo agora... 
Cara, podes me explicar melhor?
A pagina que eu to criando eh basicamente assim:
E eu queria tipo assim:
-Passa o mouse sobre o "botao1.jpg", que esta no iframe "menu.htm", e automaticamente aparece a figura "efeito_botao1.jpg" no iframe "efeito.htm" .
Deu pra sacar?
Gostaria que me explicasse um pouco melhor....tipo:
Coloque este código dontro do 'head' da index;
Agora coloque este dentro do 'body' do iframe efeito.htm;
E assim vai! Sem querer abusar eh claro...
Me ajudem por favor!
Cara, podes me explicar melhor?
A pagina que eu to criando eh basicamente assim:
E eu queria tipo assim:
-Passa o mouse sobre o "botao1.jpg", que esta no iframe "menu.htm", e automaticamente aparece a figura "efeito_botao1.jpg" no iframe "efeito.htm" .
Deu pra sacar?
Gostaria que me explicasse um pouco melhor....tipo:
Coloque este código dontro do 'head' da index;
Agora coloque este dentro do 'body' do iframe efeito.htm;
E assim vai! Sem querer abusar eh claro...
Me ajudem por favor!
#5
Felipe T.
-
- Usuários
-
- 79 posts
Normal
- Sexo:Não informado
Posted 09/07/2004, 14:11
tipo, pra que tah rolando o efeito.htm?! soh pra exibir as imagens do menu ou tem outra finalidade?!Poxa Fernando...tu manja mto...mas eu fiquei no vácuo agora...
Cara, podes me explicar melhor?
A pagina que eu to criando eh basicamente assim:
E eu queria tipo assim:
-Passa o mouse sobre o "botao1.jpg", que esta no iframe "menu.htm", e automaticamente aparece a figura "efeito_botao1.jpg" no iframe "efeito.htm" .
Deu pra sacar?
Gostaria que me explicasse um pouco melhor....tipo:
Coloque este código dontro do 'head' da index;
Agora coloque este dentro do 'body' do iframe efeito.htm;
E assim vai! Sem querer abusar eh claro...
Me ajudem por favor!
sobre div, tem muito tuto violento aki no fórum, é soh dar uma procurada... o que eu mais gosto é o do link: http://forum.wmonlin...=ST&f=35&t=2658
qualquer coisa postae....
agora, se os iframes forem mesmo necessários, dá uma lida novamente no post de nosso amigo Without a Nick.... até....
Edição feita por: Felipe T., 09/07/2004, 14:17.
'***************************************
' FELIPE t.
' fgteixeira@pop.com.br
'***************************************
' FELIPE t.
' fgteixeira@pop.com.br
'***************************************
#6
Without a Nick
-
- Usuários
-
- 2378 posts
Sem culpa no cartório
- Sexo:Não informado
- Localidade:Guarulhos
Posted 09/07/2004, 14:15
não há muito segredo.
Nos frames/iframes (sei lá), você tem, por obrigação, colocar o atributo name, que será o nome do item.
Em menu.htm, você adiciona o botão com o link assim:
Perceba a parte destacada no código acima.
Esse é o nome do item, que foi definido através do atributo name, que eu especifiquei antes.
O parent fez subir um nível (no caso, de menu.html para index.html) e depois pegou o frame/iframe de nome figuraIframe e apenas redirecionou para a imagem.
Num há muito segredo nisso.
Se você criar uma função (caso tenha muito mais fotos), o seu tempo pode ser muito bem economizado, ao invés de ficar escrevendo código por código...
ok?
Fui!
==Editando...==
Eu coloquei iframes pois eu acho que seria iframes, mas essa tática também funciona com frames.
Eu num curto muito o lance de camadas (representado pela tag DIV), pois essa tag num funfa no Netscape, sendo necessário a verificação cross-browser, que no caso, teria que ser usada a tag <LAYER>.
Eu coloquei iframe só por colocar mesmo.
Nos frames/iframes (sei lá), você tem, por obrigação, colocar o atributo name, que será o nome do item.
Em menu.htm, você adiciona o botão com o link assim:
<button onmouseover="parent.figuraIframe.location='figura.jpg';">Ver imagem</button>
Perceba a parte destacada no código acima.
Esse é o nome do item, que foi definido através do atributo name, que eu especifiquei antes.
O parent fez subir um nível (no caso, de menu.html para index.html) e depois pegou o frame/iframe de nome figuraIframe e apenas redirecionou para a imagem.
Num há muito segredo nisso.
Se você criar uma função (caso tenha muito mais fotos), o seu tempo pode ser muito bem economizado, ao invés de ficar escrevendo código por código...
ok?
Fui!
==Editando...==
Eu coloquei iframes pois eu acho que seria iframes, mas essa tática também funciona com frames.
Eu num curto muito o lance de camadas (representado pela tag DIV), pois essa tag num funfa no Netscape, sendo necessário a verificação cross-browser, que no caso, teria que ser usada a tag <LAYER>.
Eu coloquei iframe só por colocar mesmo.
Edição feita por: Without a Nick, 09/07/2004, 14:17.
#7
kadu171
-
- Usuários
-
- 120 posts
kadu171
- Sexo:Não informado
- Localidade:Balneário Camboriú - SC
Posted 09/07/2004, 16:06
To quase lah...To fazendo os botoes direcionarem a pagina que eu quero que apareça no iframe do efeito.
Mas quero saber se tem com ao tirar o mouse de cima da imagem o iframe voltar a ficar em branco.
Mas quero saber se tem com ao tirar o mouse de cima da imagem o iframe voltar a ficar em branco.
#8
Without a Nick
-
- Usuários
-
- 2378 posts
Sem culpa no cartório
- Sexo:Não informado
- Localidade:Guarulhos
Posted 09/07/2004, 16:12
onmouseout="parent.figuraIframe.location='';"
#9
kadu171
-
- Usuários
-
- 120 posts
kadu171
- Sexo:Não informado
- Localidade:Balneário Camboriú - SC
Posted 09/07/2004, 17:10
Show de bola Fernando!!!!!!!!
Tu eh "o_cara.htm"
Hehehehehe
Valew ae brother! Brigadaum mesmo!!!!
Tu eh "o_cara.htm"
Hehehehehe
Valew ae brother! Brigadaum mesmo!!!!
#10
Without a Nick
-
- Usuários
-
- 2378 posts
Sem culpa no cartório
- Sexo:Não informado
- Localidade:Guarulhos
Posted 09/07/2004, 17:11
Que nada!
Se precisar, grita.
Se precisar, grita.
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)
