Como fazer um popup com javascript e html

Olá pessoal eu estou querendo muito fazer uns popup mais não encontrei nada ainda que fala-se sobre isso queria saber se alguem tem algum site ou alguma dica de como eu faço para construir essas janelinhas

Se alguém souber onde eu posso encotrar algo que fale sobre isso eu prefiria uma coisa meio básica que eu estou começando com o javascript

Agradeceria muito pela ajuda ! ! !

pequise window.open

window.open('page.html','page','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=100,height=100');

pequise window.open

window.open('page.html','page','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=100,height=100');

Cuidado - com essa história de bloqueadores de popup, com o passar do tempo os popups não vão funcionar mais.
Veja algo sobre “DIV” e “Absolute Positioning”.

[quote=thingol]Cuidado - com essa história de bloqueadores de popup, com o passar do tempo os popups não vão funcionar mais.
Veja algo sobre “DIV” e “Absolute Positioning”.
[/quote]
Depende, se o evento que disparou a pop-up tiver sido executado pelo usuário (clicar em um link ou botão) normalmente os bloqueadores permitem. O único problema é no caso de alguns pop-ups que o Firefox abre em uma nova aba.

Mas realmente, se for algum alerta, mensagem ou coisa parecida, é melhor usar DIV mesmo. Pop-ups são intrusivas e incomodam o usuário.

Eu prefiro evitar diálogos modais, como alert e confirm, prefiro exibir uma faixa na parte superior ou inferior da tela (vejam a pesquisa do Firefox, p/ ter uma idéia), que some ao final da operação; oferece o mesmo nível de informação sem incomodar.

Olá galera muito obrigado pela dica resolvi um problema mais agora estou com outro é que eu não estou sabendo o significado de certas partes do comando tipo essa aqui

Na parte onde esta escrito "EXEMPLO.HTM" qual o significado disso para que serve essa parte ?

Outra duvida na parte “JANELA” para que serve essa parte também que eu não consegui entender ?

So estou com duvida nestas duas partes por as outras partes eu sei para que servem somente nessas duas se alguem ai souber por favor me ajunde me dando uma explicação sobre isso para que isso serve que tbmm eu tento colocar alguma coisa nessa janelinha mas não consigo e eu estou achando que é em um desses dois cantos

Se alguém poder me ajudar agradeceria muito

exemplo.htm é a página que você quer que abra dentro do pop-up. Janela, se não me engano, é o título da pop-up.

Certo mais eu coloquei um página teste minha e ele não abriu disse servidor não encontrado será que é porque a extenção da minha página é html e no exemplo.htm esta com essa extenção de HTM só

Claro, se você põe extensões diferentes como você espera que funcione? :shock:
Coloque as duas extensões iguais.

CERTO CARA VALEU MESMO É QUE EU SOU LEIGO E ESTOU COMEÇANDO, PENSEI QUE A EXTENÇÃO QUE ESTA NO EXEMPLO QUE ERA HTM DEVERIA SER PARA TODAS A MESMA COISA

MAS VALEU OBRIGADO !

olá a todos eu sou a guida :D, sou nova por aki e gostava de colocar 1a questão. tou a fazer uma pagina em dreamweaver, mas muito simples e eu keria saber como s faz no caso em k ao passar o rato numa frase ou texto aparecesse uma mensagem num “balãozinho” sem ser essas janelas popup. eu usei-as mas ñ gosto do aspecto k dá. se m poderem ajudar agradecia. ñ sei s m explikei bem :?
obrigada na mesma.
desde já parabéns po estes foruns pois têm sido de grande ajuda p mim.

eh soh no texto q vc quer q apareca o texto vc coloque onmouseover=“função”

c vc uza o dreamweaver
vai no menu lateral direito e no item tag inspector (F9) ai com o txt selecionado vc click na setinha + e show/hide layers ou show/hide elements
vai aparecer uma janela, click na div em q quer q q aparece e no botão show
dps o dreamweaver faz todo o codigo javascript e html necessario para aparecer a div mas o DW geralmente poe onclick e naum onmouseover
vai no codigo axa o texto e axa o onClick=“MM_…” e troca o onclick por onmouseover e para fazer desaparecer quando o mouse sair d cima eh onmouseout e muda o 0 para 1 ou 1 para 0 (naum m lembro)

[b]bom dia amigos(as),
preciso esclarecer uma dúvida minha, a situação é a seguinte:

eu tenho uma página com algumas fotos e preciso que quando eu clique nelas, abra um popup com a foto ampliada, so preciso saber qual o codigo de JS que eu preciso colocar e em qual pagina colocar.

agradeço se for respondido!

um abraço

Leonardo.
[/b]

Olá amigo,

Sou novo aqui nesse fórum, esse é meu primeiro de muitos post.
Vou tentar te ajudar com javascript.
Abaixo segue um código que fiz para te ajudar.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Exemplo PopUp</title>
	<script language="javascript">
		function abrePopUp(urlImagem){
			window.open(urlImagem,'Foto_Ampliada','toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no,width=400,height=400');
		}
	</script>
</head>
	<body>
		<img src="url_imagem_reduzida" onclick="abrePopUp('url_imagem_original');">
	</body>
</html>

Para maiores entendimentos:
No seu caso você só precisa adicionar a função javascript que se encontra no head da pagina e adicionar
nas sua fotos reduzidas o evento onclick, como mostrado no exemplo.

Acho que é isso. :slight_smile:

[]`s

vlw silviofernandes eu testei aqui e deu certo! vlw msm cara!

Vê se isso Ajuda:

[youtube]http://www.youtube.com/watch?v=80yB-z82uFc[/youtube]

http://megapopup.rendaagora.com

atenciosamente,

Bom dia, se alguém puder me ajudar agradeço, fiz o pop up corretamente mas preciso que ele abra em um tamanho que dê para a pessoa ler o conteúdo todo, no meu caso seria essa página em questão: http://www.compumais.com.br/interna.php?cod=55199

Se tiver como colocar apenas o conteúdo escrito da página é melhor ainda.