Ir para conteúdo

POWERED BY:

Arquivado

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

helper

2 questões... pop up e javascipt.

Por , em Javascript

Recommended Posts

helper    0

helper
Postado

Olá, gostaria de saber como interagir com uma página normal, e um pop up..

Por exemplo... tem a página do SITE, e em uma determinada abre um pop up, com um input text, dai eu escrevo qlqr coisa, e clico em um buttom, então o pop up se fecha e o que eu tinha colocado no input txt vai pra outro input text em uma páginaa... como fazer isso? :huh: :o

 

 

2º) Gostaria de um javascript que mostre os diretórios, e que ao clicar o caminho do diretório vá para um input...

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Por enquanto vou responder sua primeira pergunta.....

vou mandar um exemplo de um que fiz aqui....

aii é só você adaptar.!'

 

INDEX.HTML

<html>
<head>
<title></title>
</head>
<body>
<!-- AQUI ABRE A PÁGINA POPUP COM A BUSCA DAS SUAS CIDADES -->
<a href="#" onclick="window.open('cidades.html','cidades','width=500,height=500'
);">Escolha as Cidades</a>
<!-- AQUI ESTOU USANDO UM SPAM PRA RETORNO DA POPUP, MAS VOCÊ PODE USAR QUALQUER COISA -->
<!-- ATÉ MESMO UM TEXTBOX -->
<span id="teste"></span>
</body>
</html>

agora o popup....

 

cidades.html

<html>
<head>
<title></title>
<script>
function Seleciona(){
                                //PAI É A JANELA PAI, A QUE CHAMA A POPUP
        var PAI = window.opener.teste;
                                //CBO É O COMBOBOX QUE CARREGA AS "CIDADES"
        var CBO = document.getElementById('cidade').options[document.getElementById('cidade'
).selectedIndex].text;
                                //COMO USEI NA JANELA PAI UM SPAM, USEI A PROPRIEDADE innerHTML, SE VOCÊ USAR
                                //UM TEXTBOX, MUDE PARA VALUE, FICANDO PAI.value = CBO
        PAI.innerHTML = CBO;
        
}
</script>
</head>
<body>
<!-- AQUI CARREGARIA AS CIDADES -->
<select id="cidade" name="cidade" onchange="Seleciona();">
<option>-- Selecione --</option>
<option>Sao Paulo</option>
<option>Rio de Janeiro</option>
<option>Parana</option>
</select>
</body>
</html>

pronto agora só você altera e deixar como você quer.... se você quiser que eu faço do jeito que você quer....

 

Me add no MSN: macielc.ronaldo@hotmail.com

e posta aqui dizendo o que você achou.... e depois eu desenrolo....

 

ja sua segunda duvida....

é melhor você pegar os diretorios com a linguagem PHP e misturar com JAVASCRIPT... pra ter o seu resultado....

 

Até mais Cara.!'

Compartilhar este post

Link para o post
Compartilhar em outros sites

helper    0

helper
Postado

Acho que você não entendeu direito....

Eu gostaria de passar os dados da POP UP pra página normal...

Por exemplo, na index.html tem um input text.

E no cidades.html tem os selects box.

 

Pela index eu abro o cidades.html, seleciono algum item do select box e clico em um button.

E no index php o input text vai ser preenchido com o value do select box....

Entendeu?

Compartilhar este post

Link para o post
Compartilhar em outros sites

macielcr7    9

macielcr7
Postado

Ta aii carinha qual quer duvida ...... me add no msn macielc.ronaldo@hotmail.com

 

1º Passo -> Crie uma página em html como o nome de "cadastro.html", depois insira o código abaixo:

Página -> cadastro.html

<br />
<br />
<script language="javascript">
var popup;

function Abrir_JanelA(UrL){
popup = window.open(UrL, "Consulta", "width=400px,height=400px");
}
</script>
<a href="javascript:Abrir_JanelA('consulta.html')">Pesquisar</a>

<form>
<input type="text" name="t1" id="texto1" /><br />
<input type="text" name="t2" id="texto2" /><br />
<input type="text" name="t3" id="texto3" /><br />
<input type="text" name="t4" id="texto4" /><br />
<textarea name="t" id="mensag"></textarea><br />
</form>

<div id="div"></div>

 

2º Passo -> Crie outra página html com o nome de "consulta.html" e insira o seguinte código:

 

Página -> consulta.html

<br />
<br />
<script language="javascript">
var pai = window.opener;

function EnviarProPai(TextO){
pai.document.getElementById('texto1').value = document.getElementById('txt1').value;
pai.document.getElementById('texto2').value = document.getElementById('txt2').value;
pai.document.getElementById('texto3').value = document.getElementById('txt3').value;
pai.document.getElementById('mensag').value = document.getElementById('msg4').value;
pai.document.getElementById('div').innerHTML = 'Isto é um div com o texto \"'+document.getElementById('txt_div').value+'\"';
window.close();
}
</script>

<form id="pesquisa" action="javascript:EnviarProPai();">
<input type="text" name="t" id="txt1"><br />
<input type="text" name="t" id="txt2"><br />
<input type="text" name="t" id="txt3"><br />
<textarea name="t" id="msg4"></textarea><br />
<input type="text" name="t" id="txt_div"><br />
<input type="submit" value="Enviar">
</form>
OBS: Para ocultar os dados que estão sendo enviados, podemos criar um objeto <input type="hidden" id='id" value="vlr"/> e enviá-los normalmente.

Compartilhar este post

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

Informação importante

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

  Aceito