Ir para conteúdo

Arquivado

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

Fuscão71

site mais dinâmico, uso...

Por , em Javascript

Recommended Posts

Fuscão71    0

Fuscão71
Postado

Olá a todos, é o seguinte... queru fazer uma page sem frames, contendo um menu com vários links, que o o menu tem q aparecer em todos os links !! sacou o que eu quero néh ?? como fazer issu ?em html normal não dá.. eu teria q usar ASP, PHP ? oque ? alguém posta aí please algum tutorial da opção mais fácil de fazer o que eu quero..AbraçosFelipe Cardenafcardena@ibest.com.br

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

não há necessidade de se usar um l;inguagem server-sidevocê pode usar JavaScript ou o IFRAME do HTML 4.0com IFRAME é mais prático, mas aconselho a fazer em JavaScript

Compartilhar este post

Link para o post
Compartilhar em outros sites

babu    0

babu
Postado

Salve.Eu aconselho você fazer tudo em html puro, colocando <iframe>, para naum utilizar os <frames>.Hoje em dia temos uma infinidade de extensões que facilitam e muito a nossa vida, é so instalar e usá-las.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fuscão71    0

Fuscão71
Postado

puts.. iframe ? essa eu não conhecia ! :P beleza, vou tentar qquer coisa eu volto aki !!só uma pergunta.. tem como colocar esse iframe dentro de uma tabela ?hinom se tem algum tutorial ou possa falar alguma coisa de como eu faço isso em javascript ?t+

Compartilhar este post

Link para o post
Compartilhar em outros sites

babu    0

babu
Postado

Salve.O <iframe> </iframe> fica em qualquer ligar depois de <body>.||'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

Fuscão71    0

Fuscão71
Postado

SSIO que é e pra que serve?SSI é uma linguagem muito antiga da época do CGI. É muito simples de usar, bastando apenas de um servidor que a suporte. Com ela você pode inserir páginas dentro de outras sem uso de Frames ou IFrames. É muito útil para inserir menus sem necessidade de enviar todas as paginas sempre que alterá-lo.O que preciso para usar?Você deve possuir ou ter uma conta em um servidor que suporte SSI. Alguns exemplos: Hypermart, Virtual Avenue, NetFirms, ProHosting, etc.ATENÇÃO: Servidores gratuitos como hpG, Kit.net, geocities, vilabol ou qualquer outro no Brasil NÃO suporta esta linguagem.Istruções de usoAbra uma página em HTML comum para edição. No código fonte, insira na página o seguinte código: <!--#include virtual="pagina.html"--> Onde pagina.html é o nome da página a ser inserida.Depois salve esta página como .shtml (ex: index.shtml), senão a página não será inserida.Um exemplo<html> <title>Titulo do Seu SIte</title> <body> Bem vindo ao meu site! <!--#include virtual="menu1.html"--> Página... <!--#include virtual="menu2.html"--> </body></html> PHP Include O que é e pra que serve?PHP é a linguagem de programação do momento. É fácil e rápida. Com ela, assim como no SSI você pode inserir páginas dentro de outras, mas pode fazer muito mais, como alterar arquivos ou enviar formulários. Mais sobre estas funções em breve aqui!Neste tutorial ensinaremos passo-a-passo como fazer o seu site em PHP de uma maneira fácil e rápida.O que preciso para usar?Você deve possuir ou ter uma conta em um servidor que suporte PHP. Alguns exemplos: DK3, Host.Sk, Tripod Europa, etc. Recomendamos Tripod Inglaterra.ATENÇÃO: Servidores gratuitos como hpG, Kit.net, geocities, vilabol ou qualquer outro no Brasil NÃO suporta esta linguagem.Istruções de usoAbra uma página em HTML comum para edição. No código fonte, insira na página o seguinte código: <?php include("pagina.html"); ?> Onde pagina.html é o nome da página a ser inserida.Depois salve esta página como .php (ex: index.php), senão a página não será inserida.Um exemploCom este exemplo você aprenderá a fazer um site interativo.Faça o layout do seu site e salve como site.php.Edite o código fonte do site, e onde deverá aparecer o conteúdo, digite: <?php if (!isset($page)) {$page = "principal"; } if (file_exists("$page.html")) {include("$page.html"); } else {echo "<b>Erro:</b> Página não encontrada"; } ?> No seu menu, coloque os links como o abaixo: <a href="site.php?page=pagina">Link</a> Este link irá inserir a página pagina.html.A página principal do site deve ser principal.html.Pronto, agora é só enviar para o servidor e executar que já está funcionando!<iframe src="NOME DO SEU ARQUIVO.htm" width="100%" height="100%" scrolling="auto" border="0" name="iframe"></iframe>Uma linguagem muito fácil de ser usada e muito usada pelos profissionais.O SSI (Server-Side Include) não funciona em todos os servidores, o Hypermart e o Virtualave são boas opções. Qualquer dúvida envie um e-mail ao servidor requisitando. (Antes que me perguntem, O HPG não suporta)Passo 1: Crie o visual de sua página usando tabelas. De preferencia use um logo no topo, um menu de cada lado e a parte principal no meio. (Não esqueçã de salvar os aqrquivos que usam SSI em SHTML)Passo 2: Crie os menus e salve-os ex: menu1.html, menu2.htmlPasso3: Vá no index.shtml e coloque na célula do menu o código:<!--#include virtual="menu1.html"--> e <!--#include virtual="menu2.html"-->Passo4: Agora é só editar a parte principal e ir salvando a sua página. Não será possível a visualização de SSI no seu PC, a não ser que você utilize Dreamweaver. Tutorial IframeIntrodução: IFRAMES são página exibidas dentro de páginas, assim podendo ser atualizada independentemente muito pratico de se usar até em paginas de animes que não estão hospedadas em server que suportam SSI, PHP, e outros. Utilidades do IFRAME Os IFRAME serve para exibir um documento HTML dentro de outro documento HTML, os IFRAME são usados geralmente para exibir uma página de propaganda, por exemplo a STARMEDIA usa um IFRAME em todo site que ela hospeda como o www.cade.com.br ou o www.achei.com.br pois toda vez que precisar atualizar não há necessidade de atualizar página por página.Também é o mesmo sistema usado por nós aqui da redação do AR...Comandos IFRAME<iframe>Determina o inicio de um IFRAME. Deve ser usado juntamente com os demais comando principalmente o SRC.Src = "página.htm"Determina a página ou arquivo que será carregado na região correspondente.Scrolling = "valor"Determina se aparecerá barra de rolagem. Os valores podem ser yes (com barra de rolagem), no (sem barra de rolagem) ou auto (barra de rolagem só aparecerá quando o conteúdo da página ultrapassar o tamanho do frameset.Marginwidth = "x"Determina a largura em pixels da margem horizontal.Marginheight = "x"Determina a largura em pixels da margem vertical.Frameborder="x"Determina a espessura da linha divisória que aparece entre a página e o IFRAME. Sendo que x é o valor da linha em pixels.Vspace="x"Determina o espaço vertical entre o IFRAME e o documento HTML, sendo que x é o valor do espaço em pixels.Hspace="x"Determina o espaço horizontal entre o IFRAME e o documento HTML, sendo que x é o valor do espaço em pixels.Width="x"Especifica o largura do IFRAME, onde x é o valor sendo tanto em pixels quanto porcentagem.Height="x"Especifica o altura do IFRAME, onde x é o valor sendo tanto em pixels quanto porcentagem.Exemplo:Abaixo está o código básico de uma página com frame:<html><head><title> Home Page </title></head><body bgcolor="#676767"><iframe src="barra.htm" scrolling="auto"marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" width="100%" height="200%" ></body></html>TAGS HTML iFrame: tão versátil que nem parece uma tagA Inline Frame, ou "iFrame", é uma tag que cria um frame dentro da página HTML, em vez de "dividir" a página em duas ou mais partes e é muito utilizado para exibir um conteúdo específico dentro de uma página como um texto ou arquivo multimídia. Descubra as vantagens desse recurso e como implementa-lo em sua página. // Sobre a tag iFrameEm uma realidade no universo de recursos para criação de páginas Web cada vez mais versáteis, nos perdemos tantas vezes no meio de scripts, linguagens dinâmicas, CSS e outros elementos que os esquecemos de simples soluções encontradas nas boas, velhas e simples tags de HTML. Uma dessas tags é a chamada Inline Frame ou, simplesmente, "iFrame" para os íntimos.O iFrame é uma tag que criará um frame dentro da página HTML, em vez de "dividir" a página em duas ou mais partes, exibindo outra página em cada uma dessas frações. O iFrame é muito utilizado para exibir um conteúdo específico dentro de uma página como um texto, um arquivo multimídia ou até mesmo um jogo em Flash, além de ser usado também como menu de navegação em algumas experiências. Vale tudo que sua imaginação conseguir criar. Se o resultado for bom, por que não?Os elementos de um iFrameDentro de uma tag de iFrame, você pode encontrar os seguintes atributos:frame name – este atributo definirá o nome do frame utilizado, importante para direcionar links de fora do iFrame para mudar a página que será exibida dentro dele; src – é o atributo que define a página que será exibida dentro do iFrame; width e height – definem, respectivamente, a largura e a altura do iFrame em pixels; scrolling – Através deste atributo você pode definir se o iFrame possuirá barra de rolamento inserindo os comandos "yes", "no" ou "auto"; frameborder – Este atributo define se o iFrame apresentará borda em seu contorno ou não, utilizando apenas os valores "0" (para um iFrame sem borda) ou "1" (para um iFrame com borda) align – este atributo define a disposição horizontal do iFrame dentro do documento HTML, atendendo pelos valores "left", "right" ou "center". Aplicando um iFrameO formato de uma tag de iFrame, a ser inserida entre as tags <body> e </body> se assemelha ao exemplo abaixo:<IFRAME align="(atributo)" frame name="(nome do iFrame)" src="(arquivo a ser exibido dentro do quadro)" width="(largura do quadro)" height="(altura do quadro)" scrolling="(presença ou não de barra de rolamento no quadro)" frameborder="(presença ou não de borda no quadro)"> </IFRAME> Vamos colocar o exemplo em prática criando um iFrame de nome "iframe" a ser situado ao lado esquerdo do browser, com 150 pixels de largura por 200 de altura. Esse quadro exibirá o arquivo "iframe.html", não possuirá borda em seu contorno e a barra de rolamento só aparecerá se necessário. Seguindo esses parâmetros, a tag do iFrame sairá desse jeito:<IFRAME align="left" frame name="iframe" src="iframe.html" width="150" height="200" scrolling="auto" frameborder="0"> </IFRAME> Inserir um link na página HTML para mudar o documento a ser exibido dentro do iFrame quando clicado não muda nenhum procedimento, basta inserir o elemento "target", seguido do nome do iFrame em questão. Seguindo nosso exemplo, para exibir o documento "iframe2.html", a tag sairá desse jeito:<a href=" iframe2.html" target="iframe">link</a> Seção Atual:Tutorias - IFrame Introdução: IFRAMEs são página exibidas dentro de páginas, assim podendo ser atualizada independentemente. Atributos IFRAME Os IFRAME serve para exibir um documento HTML dentro de outro documento HTML, os IFRAME são usados geralmente para exibir uma página de propaganda, por exemplo a STARMEDIA usa um IFRAME em todo site que ela hospeda como o www.cade.com.br ou o www.achei.com.br pois toda vez que precisar atualizar não há necessidade de atualizar página por página.Comandos IFRAME<iframe>Determina o inicio de um IFRAME. Deve ser usado juntamente com os demais comando principalmente o SRC.Src = "página.htm"Determina a página ou arquivo que será carregado na região correspondente.Scrolling = "valor"Determina se aparecerá barra de rolagem. Os valores podem ser yes (com barra de rolagem), no (sem barra de rolagem) ou auto (barra de rolagem só aparecerá quando o conteúdo da página ultrapassar o tamanho do frameset.Marginwidth = "x"Determina a largura em pixels da margem horizontal.Marginheight = "x"Determina a largura em pixels da margem vertical.Frameborder="x"Determina a espessura da linha divisória que aparece entre a página e o IFRAME. Sendo que x é o valor da linha em pixels.Vspace="x"Determina o espaço vertical entre o IFRAME e o documento HTML, sendo que x é o valor do espaço em pixels.Hspace="x"Determina o espaço horizontal entre o IFRAME e o documento HTML, sendo que x é o valor do espaço em pixels.Width="x"Especifica o largura do IFRAME, onde x é o valor sendo tanto em pixels quanto porcentagem.Height="x"Especifica o altura do IFRAME, onde x é o valor sendo tanto em pixels quanto porcentagem.Exemplo:Abaixo está o código básico de uma página com frame:<html><head><title> Home Page </title></head><body bgcolor="#ff0000"><iframe src="barra.htm" scrolling="auto"marginwidth="0" marginheight="0" frameborder="0"vspace="0" hspace="0" width="100%" height="100%" ></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

é mais prático usar iframe, porém depedende do browser e da versão do mesmo.. mas não precisa se preocupar muito com isso, o iframe é reconhecido desde o IE 4aconselhei o usao de javascript por questão de compatibilidades entre browserssobre toda essa tralha que você postou:isso é um include do ASP<!--#include virtual="pagina.html"--> isso é um include do PHP<?include "pagina.html";?>usando o iframe:<iframe name="nome_da_janela" src="pagina.html" width=500 height=400 border=0 frameborder=0></iframe>o iframe é uma janela dentro de uma janela podendo ser colocado em qualquer local dentro do corpo de um documento HTML

Compartilhar este post

Link para o post
Compartilhar em outros sites

sitenovo    0

sitenovo
Postado

Ei, fuscão71, dá uma olhadinha no meu site, antes que eu desative, por falta de recusros $$, e na seção codigos, tem alguns exemplos de menus, tanto em javascript, como em java applet e DHTML, ok??é só entrar lá, vver e, se gostar, é só baixar e pronto!!!Ah, você deve configurar a seu gosto, tipo, personalizar a seu gosto viu??http://www.sitenovo.tk[]sRodney

Compartilhar este post

Link para o post
Compartilhar em outros sites

Suissa    1

Suissa
Postado

Eu sempre usei iframe principalmente pq naums ei asp nem php hauuhauhahua

Compartilhar este post

Link para o post
Compartilhar em outros sites

babu    0

babu
Postado

Salve.Nossa vcs gostam de complicar hein?Se podemos complicar pra que simplificar?!?!?!?!Risos.

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