[Resolvido] Abrir somente popup sem abrir outra janela no navegad

[TATÃO 0]

pessoal, não sou profissional, mas me viro pra fazer o meu site.

 

to criando um popup para um evento específico e tenho o código abaixo ... consigo abrir o popup na boa, mas tb abre o mesmo "teste.html" no navegador, quero que abra somente o popup e a tela inicial continue a mesma ... espero q tenham entendido.

 

tanto no FF quanto no IE rola o mesmo problema ... como posso resolver?

 

<script type="text/javascript">

function abrir()

{

var w = 780;

var h = 440;

var t = parseInt((screen.availHeight-h)/2);

var l = parseInt((screen.availWidth-w)/2);

window.open("teste.html", "popup","width="+w+",height="+h+",top="+t+",left="+l+",resizable=no,scrollbars=yes,status=no");

}

</script>

<a href="teste.html" onclick="abrir();"><img src="teste.gif"></a>

[-=Felipe=- 0]

B­l­z manu !!

 

Se eu entendi bem oque você que é isso

O codigo abaixo é com um Botão. Você clica no Botão e abri o pop up:

 

<input type='button' value='Test' onclick="window.open('			Site aqui		   ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=0, WIDTH=780, HEIGHT=440');">

 

Esse outro é com uma imagem. Clica na imagem e abri o Pop Up

 

 

<img src="		  Imagem Aqui		 " onclick="window.open('			Site Aqui		   ', 'Pagina', 'STATUS=NO, TOOLBAR=NO, LOCATION=NO, DIRECTORIES=NO, RESISABLE=NO, SCROLLBARS=YES, TOP=0, LEFT=0, WIDTH=780, HEIGHT=440');">

[-=Felipe=- 0]

Se você quisser o Pop Up com o seu Codigo fica assim:

 

<img src="teste.gif" onclick="abrir()">

<script type="text/javascript">
function abrir()
{
var w = 780;
var h = 440;
var t = parseInt((screen.availHeight-h)/2);
var l = parseInt((screen.availWidth-w)/2);
window.open("teste.html", "popup","width="+w+",height="+h+",top="+t+",left="+l+",resizable=no,scrollbars=yes,status=no");
}
</script>

 

O Problema estava no:

 

<a href="teste.html" onclick="abrir();"><img src="teste.gif"></a>

Na parti abaixo:

 

<a href="teste.html" onclick="abrir();">

Isso mostra que a imagem não so funciona para abrir um pop up como e um link que te leva para a pagina. Bastava você tirar esta parti e adicionado o onclick depois do link da imagem.

 

Ficando assim:

 

<img src="teste.gif" onclick="abrir()">

Espero ter ajudado xD

[William Bruno 1501]

Mas nem precisa de tudo isso galera.. era só tirar o href..

<a href="#" onclick="abrir(); return false;"><img src="teste.gif"></a>

E adicionar o return false, pro link não ter ação.

Mas vai executar a função abrir(), pois chamamos antes.

[-=Felipe=- 0]

Aah eu achu mais facil apenas tirar o

 

<a href="teste.html" onclick="abrir();">

Dechando:

 

<img src="teste.gif" onclick="abrir()">

[William Bruno 1501]

Então.. até é..

mas depende do cara.. por exemplo.. com o link ali, aparece o cursor "mãozinha".. e se você jogar só a imagem, teria que colocar isso com CSS, então teria que fazer tb:

<img src="teste.gif" alt="" onclick="abrir()" style="cursor: pointer;" />

Ai sim, teríamos o mesmo efeito ^^

Mas depende do cara.. e do projeto dele.

 

@adicionei o fechamento da tag, e o atributo alt, pois são obrigatórios para a validação do documento :lol:

[-=Felipe=- 0]

beleza, entendi !!

[TATÃO 0]

opa, vim no lugar certo ... vlw galera consegui resolver graças a vcs ... vou fuçando as paradas, pesquisando aqui e alí e vou conseguindo fazer, mas essa eu não tava sabendo resolver ... vlw mesmo.

 

o código ficou como abaixo ... pq aparece a "mãozinha" e não muda a página principal, somente abre o popup.

 

<script type="text/javascript">

function abrir()

{

var w = 780;

var h = 440;

var t = parseInt((screen.availHeight-h)/2);

var l = parseInt((screen.availWidth-w)/2);

window.open("teste.html", "popup","width="+w+",height="+h+",top="+t+",left="+l+",resizable=no,scrollbars=yes,status=no");

}

</script>

 

...

 

<a href="#""><img src="teste.gif" onclick="abrir();></a>

 

vlw mesmo.