Ir para conteúdo

POWERED BY:

Arquivado

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

lifeTechnicolor

[Resolvido] Implementar alert box Php/ajax

Recommended Posts

Estou há imenso tempo para tentar colocar uma alert box que vi neste site

Clique aqui

 

O meu problema é que em vez de ter que clicar num botão, aparecesse automaticamente, tal e qual o exemplo deste topico aqui do forumClique aqui

 

<html>
<head>
<title>Teste</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="myOverlay.js"></script>
<script type="text/javascript">
window.onload = function(){
    var overlay = new myOverlay();
    overlay.alert("Teste");
}
</script>
<link rel="stylesheet" href="skins/default/default.css" type="text/css"/>
</head>
<body>
Teste
</body>
</html>

 

não percebendo muito de jquery, gostaria de saber se alguem me poderia ajudar, colocando um exemplo simples, apenas para eu perceber como adaptar sem ter que clicar num botao para aparecer a alert box!

 

desde ja muito obrigado galera

Compartilhar este post


Link para o post
Compartilhar em outros sites

hum.. o alert aparecendo sem clicar em nada:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>SexyAlertBox - www.coders.me</title>


	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
	<script type="text/javascript" src="jquery.easing.1.3.js"></script>
	<script type="text/javascript" src="sexyalertbox.v1.2.jquery.js"></script>
	<link rel="stylesheet" type="text/css" media="all" href="sexyalertbox.css"/>
	<script type="text/javascript">
	$(document).ready(function(){
		Sexy.alert('<h1>SexyAlertBox</h1><em>versión 1.2</em><br/><p>No te olvides de visitar <a href=\'http://www.coders.me/\'>www.coders.me</a> está lleno de artículos de programación.</p>');
	});
	</script>
</head>
<body>
	Página!
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.