Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

22-11-2011 20:50

Ola Senhores.
Tenho uma pagina com um Iframe e gostaria de enviar o SRC uma imagem de uma pagina para outra.
Pensei em enviar por URL Mas como é com Iframe a URL Sempre vai ser a mesma.
Estava Fazendo Assim:
Ao Clicar na Imagem Chamo Esse JavaScript

function EnviarImagem(idImagem) { var separador = "?vpqtdq="; window.location = separador + document.getElementById(idImagem).src; }

Que pego o SRC da imagemmais o separador e passo para o window.location

E na pagina que quero abrir essa imagem
Faço o seguinte Java Script

function onPag2Load() { var separador = "?vpqtdq="; var dadosAux = String(window.location); var iDados = dadosAux.indexOf(separador, 0); var dados = decodeURI(dadosAux.substring(iDados + separador.length, dadosAux.length)); document.getElementById("ImagemProduto").src = dados; }


Onde Passo o SRC para o componente imagem que tenho nessa Pagina,
Que ira carregar a imagem aqui

Fazendo paginas normais Funcina.
Mas quando coloco no Site que essas paginas abem dentro do Iframe Não Funciona
Alguem sabe como fazer para funcionar? Ou outra maneira que eu possa fazer isso? Grato
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

22-11-2011 21:58

Você quer enviar a imagem do iframe para página principal ou o contrário? Está online?
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

22-11-2011 22:01

Ola,
Assim, Tenho uma pagina dentro de um Iframe, E ao clicar em uma imagem dessa pagina
chamo outra pagina
dentro do mesmo iframe
Estou on sim
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

22-11-2011 22:05

Perguntei se sua página estava online para ver. ;)

Mas o caso do GET não entendi porque não serviu. Porque se você tem a página a, que tem a imagem, e quer passar ela para página b, onde ambas estão no iframe, o mais recomendado seria por GET, ai no caso você teria que usar PHP por exemplo, para capturar o nome da imagem.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

22-11-2011 22:12

ehehe

Assim, eu estava usando essa função para enviar a imagem

function EnviarImagem(idImagem) {
window.name = document.getElementById(idImagem).src;

}

E essa para receber a imagem em outra pagina

function onPag2Load() {

document.getElementById("ImagemProduto").src = window.name;
}

Que funciona bem.
Mas ao trazer a imagem o site se perde na Iframe
e abre os novos links em uma nova pagina,

e não mais no Iframe como era para abrir

Para entender Melhor acesse www.euquero1.com.br

Clique sobre o menu "bandas" e depois em uma das camisetas
que vai aparecer no centro.
Note que vai abrir certo carregando a imagem
Mas depois clique no Menu "Super Herois"

Note que ira Abrir em uma nova pagina. E o que deveria acontecer é
abrir dentro do Iframe. Como aconteceu quando clicou em Bandas.

Descobri que acontece por causa dessa função. Por isso estou tentando fazer outra

para funcionar

Não sei se fui bem claro? eheheheh
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

22-11-2011 22:26

Pelo que entendi essa função que você usa muda o name do iframe, ai quando você tenta carregar o menu na segunda vez em diante, o name já é outro.

Pela lógica, seus links do menu abrem no iframe, imagino que seja pelo target

<a href=... target="iframe"...

<iframe name="iframe"...

Quando clica em bandas, carrega Bandas.html no iframe. Agora se no próprio documento Bandas.html, os links estiverem sem target, vai abrir a camisa clicada no próprio iframe. Mas, não entendi a lógica que você usou quando clica em uma camisa.

Estando em http://www.euquero1.com.br/Centro/Bandas.html

E clicando em uma camisa vai para Detalhes.html
http://www.euquero1.com.br/Centro/Detalhes.html eu não entendi ali como você passa a imagem.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

22-11-2011 22:35

Isso mesmo.
Passo pelo Target

http://www.euquero1.com.br Acessando a pagina e clicando so nos menus funciona bem

Lembrando que por usar Iframe o link sempre vai ser esse www.euquero1.com.br

Nunca vai ficar na url o /Detalhes.html

Para enviar a imagem ao clicar na imagem chamo a função

function EnviarImagem(idImagem) {
window.name = document.getElementById(idImagem).src;
}

E recebo na pagina Detalhes

function onPag2Load() {
document.getElementById("ImagemProduto").src = window.name;
}
Com essa função
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

22-11-2011 22:54

Qual a função dessa linha no Bandas.html?

// window.name = document.getElementById(idImagem).src;

Sem ele o script funciona sem problema.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

22-11-2011 23:15

Essa é a que envia a imagem para a pasta Detalhes.html

Sem ela funciona o esquema de abrir tudo no Iframe

Mas dai não envia a imagem para a pasta Detalhes.html
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

23-11-2011 09:37

Porque você não envia o id por hash?

Como-pegar-o-hash-de-um-link_3_5657.html
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

23-11-2011 09:51

Ola,
Ficaria algo assim:

Pagina que envia chama essa função

function EnviarImagem(idImagem) {
var separador = "#";
window.location = separador + document.getElementById(idImagem).src;
}

Pagina que recebe a imagem chama essa função no PageLoad

function onPag2Load() {
document.getElementById("ImagemProduto").src = this.hash.slice(1));
}

Ou como vou pegar o caminho da imagem da pagina que envia?
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

23-11-2011 10:07

A idéia seria enviar o id direto, abrindo uma nova página, sem usar função. Em Bandas.html você passa o hash pelo link

<a href="Detalhes.html#Img29"...

Ai em Detalhes.html você vai capturar o hash para usar como precisa.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

23-11-2011 10:25

Mas Assim eu teria que passar o caminho de cada imagem manualmente para o link.

Tentei fazer uma função Assim

function EnviarImagem(idImagem) {
window.location = "Detalhes.html"+ "#" + document.getElementById(idImagem).src;
}
Que pegaria o caminho da imagem. Pois o "document.getElementById(idImagem).src"
Me retorna o caminho da imagem.

Mas não funcionou. Quando abre a outra pagina esta sem o caminho

A função que fiz para carregar em outra pagina é essa

function onPag2Load() {
alert(window.location);
document.getElementById("ImagemProduto").src = this.hash.slice(1);
}

Mas não funcionou
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

23-11-2011 10:39

Fiz um teste aqui, ficou assim

Bandas.html
<a href="Detalhes.html#Img28">Ramones</a>

Em Detalhes.html, na função onPag2Load(), deixei assim
document.getElementById("ImagemProduto").innerHTML = location.href.substring(location.href.indexOf('#')+1);

Com isso passei o id Img28 para ImagemProduto
0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

23-11-2011 10:49

Esqueci de falar que alterei o src pelo innerHTML, porque testei pegar o nome enviado em uma div.
0
A melhor hospedagem para o seu site HostGator!
 
Mais de 10 postagens
Mais de 10 postagens
Tópico Autor
Mensagens: 15

Enviar Dados para outra Pagina Com Iframe

23-11-2011 10:57

Ola,
Sim, Testei aqui e aparentemente funcionou.

Fiz o seguinte
Na Pagina Bandas Criei a seguinte função

function EnviarImagem(idImagem) {
window.location = "Detalhes.html#" + document.getElementById(idImagem).src;
}
Que pego o idImagem conforme o id da imagem clicada.

E na pagina Detalhes.html
faço essa função
function onPag2Load() {
document.getElementById("ImagemProduto").src = location.href.substring(location.href.indexOf('#') + 1);
}
Que foi a que voce passou passando o SRC

Aparentemente funcionou Muito Bem.
Vou dar mais uma testada para ver se ficou 100%.

Quero te agradecer muito pela ajuda.

E se quiser comprar alguma camiseta Te dou um desconto de 10 pila em qualquer uma pela ajuda eeheheheh

Obrigado Mesmooooo
0
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17548
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Enviar Dados para outra Pagina Com Iframe

23-11-2011 11:28

:clap:
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]