Fazer navegador utilizando JavaScript???

oxide94 · 21 de setembro de 2008

aí galera, tudo? Bom, pra ser mais direto, eu tava afim de fazer uma espécie de navegador utilizando JavaScript. Não é um navegador, e sim dois frames: o 1º contém os botões (voltar, atualizar, avançar e atualizar) e a "barra de endereços", e o 2º vou explicar mais adiante. Ai está o código da 1ª página (1º frame):

<html>
<head>
<title>navigator-frame</title>
</head>
<body bgcolor="navyblue"><center>
<a target="pagina" href="javascript:window.history.go(-1)"><img border="0" style='border: 0px; padding: 1px' src="http://i254.photobucket.com/albums/hh120/ileitura/go-previous.png"></a>***
<a href="javascript:window.history.home()" target="pagina"><img border="0" style='border: 0px; padding: 1px' src="http://i254.photobucket.com/albums/hh120/ileitura/go-home.png"></a>***
<a target="pagina" href="javascript:window.history.go(1)"><img border="0" style='border: 0px; padding: 1px' src="http://i254.photobucket.com/albums/hh120/ileitura/go-next.png"></a>***
<a target="pagina" href="javascript:window.history.go(0)"><img border="0" style='border: 0px; padding: 1px' src="http://i254.photobucket.com/albums/hh120/ileitura/view-refresh.png"></a>****
<input type=text size=60 name="site" value="Digite o site aqui">
<input type=submit name="entrar" value="»»»" onClick="window.open('http://' + site.value)" >
</center>
</body>

Logo ao final do código vocês percebem que tem uma caixa de texto com o nome "site", e após um submit que abriria uma janela, que seria "http://" e logo após o que o cara digitou na caixa (ninguém mais se presta a digitar o "http://" junto )! Ao digitar e apertar o botão, o cara faria com que a página principal abrisse no lugar do 2º frame, o site que o cara digitou (http://www.exemplo.com.br). Ou seja, seria basicamente um navegador (muito primitivo, no entanto, um navegador ).

Aí vai o código da página principal, que agrupa os 2 frames:

<html>
<head>
<title>Menu</title>
</head>
<frameset rows="60,*"> 
    <frame src="C:\Documents and Settings\Meus documentos\HTML\Menu.frame\navigator-frame.htm" name="navigator"> 
    <frame src="(site.value, navigator)" name="pagina">
</frameset>
</center>
</body>

No caso, "navigator" seria o nome da barra, e "pagina" o nome do 2º frame, que carrega o site digitado. O 2º frame pega o valor do objeto "site", que está no frame "navigator" e faz com que esta seja a referência para carregar a página.

Até aí tudo bem, só que aí vem minha dúvida:

Quando eu digito o site e clico no botão, ele abre o site, mas em uma nova janela! Não abre nem mesmo em outra guia, é em outra janela mesmo!! Como fazer o site abrir no lugar do 2º frame, utilizando um botão do tipo "submit"???

Bom é isso aê galera, se tiverem tempo e paciência pra lerem o meu ARTIGO , eu agradeço!!

PS.: Se tiver que mudar tudo, tudo bem, nem preciso disso mesmo!! Seria uma realização pessoal!!

PS. 2: Sou iniciante nisso ai, estou mexendo com JavaScripte e frames desde ontem e, provavelmente, vai ter uns erros gigantes ai no meio!!

PS.3: No 1º código, os *** e **** são espaços que eu botei pra separar os botões (Alt + 0160)!

valeu GURIZADA!!!

Rondnelly · 24 de setembro de 2008

use, na parte do formulário com o input pra por o URL e o botão de submit:

<form name="form" method="POST" target="navegador">

<input type=text size=60 name="site" value="Digite o site aqui..." onclick="site.value='http://'">

<input type=submit value="»»»" name="enviar" onclick="form.action=site.value>

</form>

só pra explicar =D

na primeira linha, defino o TARGET (destino) do formulário, ou seja, dentro de ONDE ele vai submeter os dados.

na segunda, tem o input pra por o URL do site, veja que, aparece "Digite o site aqui..." quando você carrega a página, e quando clica no form pra digitar, muda pra http://, isso facilita pra digitar, e o povo não vai esquecer

na terceira, é o botão de submit, o efeito onclick dele, faz a ação do form ser o URL digitado no input =] (por isso o form não tem action )

assim, só precisa chamar esse code acima num frame, e o frame do conteúdo, chamado navegador em outro =]

logo:

<html>

<head>

<title>Menu</title>

</head>

<frameset rows="60,*">

<frame src="navigator-frame.htm" name="menu">

<frame src="DEFAULT PAGE.html" name="navegador">

</frameset>

</center>

</body>

assim funcionaria perfeitamente =]

ah, esqueci de colocar os botões de atualzar e tal, é só por no navigator-frame.htm (o cód que passei lá em cima)

bem, se for pog, desculpe D:

não mexo com JS u.u'

Ah, só pra dar um 'aspecto' profissional no seu navegador, salva o .htm principal (tipo, o que tem o frame com as duas partes do 'browser') como .hta, tipo

oxide navigator.hta

HOHOHOH, não faz muita diferença não, mas ele não abre no IE, ou FF, e sim numa janelinha separada, parece um software mesmo LOL, mas usa o IE como base ¬_¬'

meio iniciante, mas fica a dica D:

ah, da próxima só cria um tópico ¬¬