Jump to content


Photo

Link Em Iframes


  • Faça o login para participar
19 replies to this topic

#1 daytor

daytor

    Daytor Art'$

  • Usuários
  • 271 posts
  • Sexo:Não informado

Posted 08/09/2004, 15:08

Boa tarde a todos, e de ante mão já agradeço a ajuda de todos.

Estou criando um site e fiz a index estática. Com o menu na esquerda, uma área de publicidade na direita, a logomarca no topo, e no centro da página um iframe onde todo o conteúdo de meu site é aberto.

Porém com o decorrer do tempo percebi que ao clicar no link a site fica da forma como antes do ultimo clic em um link, ou seja, se eu tiver um link no final da minha página, terei que baixar a barra de rolagem, clicar no link(até ai tudo bem), depois de ter clicado no link tenho que subir a barra de rolagem para que eu possa estar verificando o conteúdo do link acionado.

Gostaria de saber se é possível aplicar algum recurso que faça com que ao clicar no meu link, a minha página vá para o ponto inicial (TOPO), e desta forma evitar que não haja mais este problema.
- - :: Daytor Desenvolvimento :: - -

#2 Wagner Bianchi

Wagner Bianchi

    SQL MAGAZINE

  • Usuários
  • 323 posts
  • Sexo:Não informado
  • Localidade:Belo Horizonte/MG
  • Interesses:MySQL, PHP, XML, JAVA SCRIPT, DHTML, LINUX, C, C++

Posted 08/09/2004, 18:00

Olá Kra, :unsure:

Meu, li, relí. . .tentei mais uma vez e nada. . .não consegui entender o que acontce com seus frames. . .fomule mehor a pergunta e responderei com todo o prazer. . .

Vc é iniciante? s for, posso montar um tuto com macetes de frams para que vc não se confunda, ok? ;)

Um abraço!

Wagner Bianchi :)

Edição feita por: Wagner Bianchi, 08/09/2004, 18:01.

<?php

$know_that = "para aprender";
$reason = "DEUS";
$greeting = "Muito prazer, sou Wagner Bianchi!";
$mail = "wagnerbianchi@yahoo.com.br";
echo "Tenha " . $reason . " e humildade " . $know_that . "!<BR>";
echo "$greeting<BR>";
echo "$mail<BR>";

?>

#3 Luis Otávio

Luis Otávio

    Super Veterano

  • Usuários
  • 3113 posts
  • Sexo:Masculino
  • Localidade:Porto Alegre
  • Interesses:- Desenvolvimento de aplicações Web com linguagem server-side PHP.

    - Desenvolvimento de aplicações Web com linguagem cliente-side JavaScript, conhecedor e utilizador da biblioteca jQUERY e todas suas características.

    - Otimização de Desempenho aplicados a performance de banco de dados Mysql.

    - Otimização de Desempenho para servidores Web utilizando-se como Webserver NGINX em conjunto com Varnish.

    - Sólidos conhecimentos no CMS WordPress para novas implementações, manutenção, criação e otimização de Plugins.

    - Práticas de atendimento, relacionamento e suporte ao cliente. Trabalhando voltado ao público desde o lançamento da empresa iPORTO.COM, criando laços e vínculos com os mais de Mil clientes da empresa e os braços do grupo.

Posted 08/09/2004, 19:26

ve se este tópico te ajuda..

http://forum.wmonlin...topic=86496&hl=
* Otávio Nogueira
* Administração e Configuração de Servidores;
* Combinação Perfeita: NGINX + PHP + VARNISH + HAPROXY
* otavio*iporto.com ~ Tel: +55 51 3366 0177 | +55 51 4063 7343 |
* @iporto

#4 daytor

daytor

    Daytor Art'$

  • Usuários
  • 271 posts
  • Sexo:Não informado

Posted 09/09/2004, 09:59

Wagner esse caso é um pouco complicado mesmo de explicar. Mas o iporto quase pegou a coisa.

É mais ou menos isso aqui neste link vejam: Aqui.

Percebam que ao clicar no link voltar ao topo, ele vai para o topo da página. Até ai tudo bem.

O que eu quero, é que ao mesmo tempo que eu clicar no link, ele volte ao topo e abra o conteúdo do link dentro do meu iframe.

Já me falaram que ela para mim colocar depois do body <a href="nomequalquer"> </a>, e logo em seguida depois do a herf do link fazer assim, <a herf="linkqualquer#nomequalquer">. Tentei isso porem não deu certo. Não sei se eu não apliquei corretamente, ou se isso não da certo com iframes.

Edição feita por: daytor, 09/09/2004, 10:00.

- - :: Daytor Desenvolvimento :: - -

#5 Balala

Balala

    What you want for yourself?

  • Ex-Admins
  • 3357 posts
  • Sexo:Não informado
  • Localidade:Jaraguá do Sul - SC
  • Interesses:http://forum.wmonline.com.br/index.php?showtopic=5792

Posted 09/09/2004, 10:35

Antes de colocar esse $nomequalquer, você tem que criar a chamada Âncora. Coloque esse código abaixo para indicar aonde a tela deverá parar ao clicar no link, no seu caso, no topo da página:

<a name="topo"></a>


E nos links, basta fazer dessa sua maneira:

<a herf="#topo">


Balala - Admin Geral Webfórum - Retired
Twitter
Stop Spreading Lies!
Posted Image

#6 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 09/09/2004, 10:38

É o que foi dito e o que vc falou msm..
é so colocar o link assim

<a href="pagina.html#top" target="NomeDoIframe"> Link </a>

Onde, pagina.html é a pagina que vai abrir.. o #top vai indicar que ao clicar no link a pagina se abra direto no topo da pagina... ;)
NomeDoIframe é o nome do iframe..
Faça um teste..
<table>
<tr>
<td>
<a href="bla.html" target="tst"> blabla </a>
<br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="pagina.htm#top" target="tst"> ajdfk </a>
</td>
<td valign="top">
<iframe src="" name="tst"></iframe>
</td>
</tr>
</table>
(y)

/*Editado */
Não tinha visto o post do X ... mas o jeito que eu coloquei tbm funciona.. sem colocar o <a name="topo"></a>
Eu nao coloquei, pq ficar inserindo isso em todas as pagina que for abrir no iframe, fica ruim.. entao so colocar o #top ele vai..
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#7 daytor

daytor

    Daytor Art'$

  • Usuários
  • 271 posts
  • Sexo:Não informado

Posted 09/09/2004, 11:07

Acho que ninguem entendeu legal o que eu estou querendo, talvez me expressei mal. Mas vejo que estamos quase chegando lá e com este exemplo poderemos resolver a nossa questão.

Antes de colocar esse $nomequalquer, você tem que criar a chamada Âncora. Coloque esse código abaixo para indicar aonde a tela deverá parar ao clicar no link, no seu caso, no topo da página:

<a name="topo"></a>


E nos links, basta fazer dessa sua maneira:

<a herf="#topo">

Eu já fiz este teste. Se eu apenas colocar este código que vc colocou ele vai tranquilamente para o topo. Porem se eu associar juntamente com um link ele não atinge meu objetivo.

<head>
<title>Documento sem t&iacute;tulo</title>
</head>
<body>
<table>
<tr>
<td>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p><a href="bla.html" target="tst">blabla </a>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <br>
        <a href="pagina.htm#top" target="tst"> ajdfk </a>
                                                </p></td>
<td valign="top">
<iframe src="" name="tst"></iframe>
</td>
</tr>
</table>
</body>
</html>


Vejam que o iframe está no topo da página e o link está logo abaixo, onde que para ter acesso ao link é necessário que desca a barra de rolagem.

Ao clicar no link, eu gostaria que o link fosse aberto dentro do iframe, e concomitante a página vá para o topo. (O que não acontece neste caso - Demonstrado pelo nosso amigo xxxALExxx)
- - :: Daytor Desenvolvimento :: - -

#8 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 09/09/2004, 11:18

Mas a pagina "pagina.htm" existe? Se nao existir, nao da certo..
Entao tente o que o X falou... dentro da pagina que vai abrir no iframe coloque o <a name="topo"></a> e depois no link coloque como ele falou...
Eu testei aqui de todas as formas e deu certo.. (com uma pagina existente, se a pgina nao existir, ele nao pega)

ps.. lembrando que o link que funciona no meu exemplo.. é o segundo...

<a href="pagina.htm#top" target="tst"> ajdfk </a>

Esse ae.. o outro ta la por tar :D
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#9 daytor

daytor

    Daytor Art'$

  • Usuários
  • 271 posts
  • Sexo:Não informado

Posted 09/09/2004, 11:54

Caro amigos... Eu tambem concordo com vocês e me parece que a saída é esta mesma. Porém apliquei reapliquei e não está dando certo.

Vejam como eu fiz.

Abaixo do body de minha página coloquei isso:

<body>
  <a herf="topo">
  E aqui vao minhas tabelas papapapapa blablablabla, links e tudo mais.
  


E nos link fiz exatamente assim, vejam um exemplo:

<A href="links/menup/agenda/eventos.htm#topo" target="ifcentro" CLASS="link">


Lembrando que os link estão dentro da minha index, não dentro do iframe, e o inframe esta dentro de uma tabela que esta na index. Os links serão abertos dentro do iframe. e ao ser aberto quero que vá ao topo, porem o topo da index... que contem meu iframe, e não no topo dentro do iframe.

Será que eu estou aplicando errado, pelo que vejo não, qual poderia ser o erro?

Edição feita por: daytor, 09/09/2004, 12:02.

- - :: Daytor Desenvolvimento :: - -

#10 daytor

daytor

    Daytor Art'$

  • Usuários
  • 271 posts
  • Sexo:Não informado

Posted 09/09/2004, 12:05

É o que foi dito e o que vc falou msm..
é so colocar o link assim

<a href="pagina.html#top" target="NomeDoIframe"> Link </a>

Onde, pagina.html é a pagina que vai abrir.. o #top vai indicar que ao clicar no link a pagina se abra direto no topo da pagina... ;)
NomeDoIframe é o nome do iframe..
Faça um teste..
<table>
<tr>
<td>
<a href="bla.html" target="tst"> blabla </a>
<br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<a href="pagina.htm#top" target="tst"> ajdfk </a>
</td>
<td valign="top">
<iframe src="" name="tst"></iframe>
</td>
</tr>
</table>
(y)

/*Editado */
Não tinha visto o post do X ... mas o jeito que eu coloquei tbm funciona.. sem colocar o <a name="topo"></a>
Eu nao coloquei, pq ficar inserindo isso em todas as pagina que for abrir no iframe, fica ruim.. entao so colocar o #top ele vai..

Neste exemplo que vc demostrou ele vai para o topo sim, porem para o topo do iframe... Eu gostaria que fosse para o topo da minha página onde se encotra meu iframe

Edição feita por: daytor, 09/09/2004, 12:07.

- - :: Daytor Desenvolvimento :: - -

#11 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 09/09/2004, 12:17

Ta bom... agora acho que funciona...
vou postar rapidinho.. pois tenho que dormir...

<table>
<tr>
<td>
Aqui são os menus e tem um link la embaixo. <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<a href="#top" onclick="document.Ifcentro.location='http://forum.wmonline.com.br'"> Link </a>
</td>
<td valign="top">
<iframe src="" name="Ifcentro"></iframe>
</td>
</tr>
</table>

Teste agora....


ps. quando for assim, edite a tua primeira mensagem, nao poste seguidamente.. (y)
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#12 daytor

daytor

    Daytor Art'$

  • Usuários
  • 271 posts
  • Sexo:Não informado

Posted 09/09/2004, 15:57

Ta bom... agora acho que funciona...
vou postar rapidinho.. pois tenho que dormir...

<table>
<tr>
<td>
Aqui são os menus e tem um link la embaixo. <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br>
<a href="#top" onclick="document.Ifcentro.location='http://forum.wmonline.com.br'"> Link </a>
</td>
<td valign="top">
<iframe src="" name="Ifcentro"></iframe>
</td>
</tr>
</table>

Teste agora....


ps. quando for assim, edite a tua primeira mensagem, nao poste seguidamente.. (y)



Realmente é este o resultado que eu queria.

Verifiquei que elel funciona da mesma forma se eu não colocar dentro da tag td valign="top", basta apenas colocar href="#top", será que pode causar alguma espécia de problema?

Desta forma terei que alterar todos os meus links.

Utilizando esse ultimo modelo, o meu site ficara com a navegação mais lenta? Qual a compatibilidade deste comando quanto aos navegadores?

Há como usar aquela outra forma(sem o onclick) para atingir este objetivo?

Já de ante, agradeço o empenho de todos a colaboração.

Edição feita por: daytor, 09/09/2004, 16:09.

- - :: Daytor Desenvolvimento :: - -

#13 Wagner Bianchi

Wagner Bianchi

    SQL MAGAZINE

  • Usuários
  • 323 posts
  • Sexo:Não informado
  • Localidade:Belo Horizonte/MG
  • Interesses:MySQL, PHP, XML, JAVA SCRIPT, DHTML, LINUX, C, C++

Posted 09/09/2004, 16:10

Boa. . .

Estava acompanhando os posts e qase tudo se tratou de uma só coisa mesmo!
<?php

$know_that = "para aprender";
$reason = "DEUS";
$greeting = "Muito prazer, sou Wagner Bianchi!";
$mail = "wagnerbianchi@yahoo.com.br";
echo "Tenha " . $reason . " e humildade " . $know_that . "!<BR>";
echo "$greeting<BR>";
echo "$mail<BR>";

?>

#14 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 09/09/2004, 19:43

O td valign="top", foi colocado apenas para deixar o conteudo dessa td no topo.. era pra deixar o iframe no topo.. pra dar o ar que vc queria ;)... pode tirar ele que tbm da...
valign="top" que dizer que ele vai alinhar ao topo o conteudo de tal celula..
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador

#15 daytor

daytor

    Daytor Art'$

  • Usuários
  • 271 posts
  • Sexo:Não informado

Posted 10/09/2004, 11:18

Amigos surgiu mais uma pequena dúvida.

Tambem há links dentro do meu iframe. E eu gostaria que acontecesse o mesmo resultado.

Ao clicar no link dentro do iframe. Ele abra o conteúdo dentro do iframe e quero que vá ao topo da minha página, lembrando que o iframe não está no topo da página e sim dentro de uma tabela dentro da página.

Usando a ultima sugestão indicada funcionou apenas paras os links que estão na página.

já tentei tirar o ifcentro, porem ele vai para o topo apenas do iframe.

Edição feita por: daytor, 10/09/2004, 12:03.

- - :: Daytor Desenvolvimento :: - -




0 user(s) are reading this topic

0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq