Ir para conteúdo

POWERED BY:

Arquivado

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

Windows

mensagem aviso html

Por , em Javascript

Recommended Posts

Windows    0

Windows
Postado

duvidas.

 

ultilizando php ?

 

mostrar uma telinha bunitinha dessas ( personalizada ) ?

 

pra web ou desktop ?

Web :P

 

--

 

Sim é possivel fazer, porem você utilizará CSS?? Para personalizar um alert!! Faça em css e depois crie um alert.

Poderia em da um mini-exemplo ?

 

To pressisando para cadastro ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

Will Fernando    2

Will Fernando
Postado

eh .. pra dexa bunitinho teria que monta a interface .. no caso de um alert em javascript ele pega o padrao de interface do sistema do usuario.. entao acho eu que nao daria .. mas eu nao intendo muito de javascript ... com php daria para fazer ultilizando GTK ... mas dai acho que seria somente para desktop ..

 

valww espero ter ajudado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Windows    0

Windows
Postado

eh .. pra dexa bunitinho teria que monta a interface .. no caso de um alert em javascript ele pega o padrao de interface do sistema do usuario.. entao acho eu que nao daria .. mas eu nao intendo muito de javascript ... com php daria para fazer ultilizando GTK ... mas dai acho que seria somente para desktop ..

 

valww espero ter ajudado

Ok, obrigado pela ajuda :D

 

Agora é espera alguem que saiba ^^

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado 

.alert 
{
	 background-color: #0000ff;
	 position: fixed; 
	 left: 100px;
	 width: 500px;
	 border: 1px solid #ff0000;
}

<div class="alert">Olá meu caro!</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

eibon    2

eibon
Postado

Tava fazendo um exemplo completo pra você...

<html>
	<head>
		<title>Exemplo</title>
	</head>
	<style type="text/css">
	   <!--
		.alert 
		{
			 position: fixed; 
		}

		#meuAlert1 {
			 background-color: #0000ff;
			 left: 100px;
			 width: 150px;
			 border: 1px solid #ff0000;
			 opacity:0;
		}
	   -->
	</style>
	<script type="text/JavaScript">
		adicionaEvento(window, 'load', function(){
			adicionaEvento(document.getElementsByName("alertar1")[0], 'click',   function(){
				var maxO = 1;
				var browserName = navigator.appName;
				if(browserName.match(/(internet explorer|microsoft)/i)) maxO = 100;
				document.getElementById("meuAlert1").style.opacity = maxO;
			}, false);
			var alertsDiv = document.getElementsByClassName("alert");
			var alertsDivLen = alertsDiv.length;
			for(var i = 0;i < alertsDivLen;i++){
				var alertsDivInputs = alertsDiv[i].getElementsByTagName("input");
				var alertsDivInputsLen = alertsDivInputs.length;
				for(var j = 0;j < alertsDivInputsLen;j++){
					if(alertsDivInputs[j].type == 'button'){
						adicionaEvento(alertsDivInputs[j], 'click', function(){
							this.parentNode.style.opacity = '0';
						}, false);
						break;
					}
				}
			}
		}, false);

		function adicionaEvento(elemento, evento, funcao, bool){
			bool = (bool == null)? false : bool;
			if(elemento.addEventListener)
				elemento.addEventListener(evento, funcao, bool);
			else
				elemento.attachEvent('on' + evento, funcao);
		}
	</script>
	<body>
		<div class="alert" id="meuAlert1">
			Sou um alert.<br />
			<input type="button" value="Sim" />
		</div>
		<input type="button" value="Alertar" name="alertar1" />
	</body>
</html>

Adiciona o método adicionaEvento e o source dentro da função do adicionaEvento a window à algum arquivo Javascript(o segundo em uma função qualquer).

Quando quiser um alert personalizado,chama os arquivos,muda a classe de uma div sua para alert,coloca um botão nela...e dentro da tag JavaScript,no window.onload chama a função do arquivo javascript.

O source que você me mandou por MP só continha a parte da estilização,que estava muito mal feita e mal identada.

E desculpe...tinha esquecido que você queria não só a estilização.

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