Ir para conteúdo

POWERED BY:

Arquivado

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

Thiago Horta

Pop-up não obstrutiva

Por , em Javascript

Recommended Posts

Thiago Horta    0

Thiago Horta
Postado

inseri no head:

 

<script type="text/javascript"><!--function janelaSecundaria (URL){window.open(URL,"popup","width=200,height=300,top=100,left=100,scrollbars=yes,resizable=yes")}function doPopups() {if (!document.getElementsByTagName) return false;var links = document.getElementsByTagName("a");for (var i=0; i < links.length; i++) { if (links[i].className.match("popup")) { links[i].onclick = janelaSecundaria(this.href); return false;}}}}window.onload = doPopups;//--></script>

 

e os links:

<a href="http://www.uol.com.br" class="popup">Link para um popup</a>

 

alguém pode me dizer o que está errado? não está funcionando..

o objetivo é ser um javascript não obstrutivo, por isso o endereço do link entra direto no <a>

 

valeu ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel_Ribeiro    1

Daniel_Ribeiro
Postado

Cara, achei interessante a idéia de se fazer isso. (abrir popups de maneira não obstrutiva). De modo que resolvi criar uma maneira de fazer isso e acredito que consegui.

 

PS: Testei somente no firefox pois não tenho o IE aki, mas acredito que deva funcionar também, alguém me diga se funcionou.

 

<html>	<head>		<script language="javascript">			window.onload = function(){				links = document.getElementsByTagName('a');				for( i=0; i < links.length; i++ ){					if(links[i].getAttribute('class') == 'popup'){						links[i].setAttribute(							'onclick',							'java script:popUp(\'' + links[i].getAttribute('href') + '\'); return false;'													)					}				}			}						function popUp( url ){				window.open( url, "popup", "width=200, height=300, top=100, left=100, scrollbars=yes, resizable=yes");			}		</script>		<title>Teste de popup não obstrutivo</title>	</head>	<body>		<a href="http://www.uol.com.br" class="popup">click uol - popup</a>		<br/>		<a href="http://www.terra.com.br">click terra</a>			</body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Daniel_Ribeiro    1

Daniel_Ribeiro
Postado

Eu não sei pq, o forum está espaçando a palavra 'javascript' e escrevendo 'java script' na linha 10 do script em meu post anterior. Se forem testar, ajustem isso quando forem editar o código.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Horta    0

Thiago Horta
Postado

é verdade...mas infelizmente quando vamos programar, o browser que é mais necessário levar em conta é o IE, visto que 80% das visitas de um site são feitas através dele... (pelo menos em sites normais, e não sites de programadores :P )

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