[Resolvido] com DIV

[saulo-jitsu 0]

Amigos,

 

gostaria de fazer uma janelinha igual ao do MSN de quando um contato fica online ("Fulano acabou de entrar" ou "Você tem X e-mails")....

na verdade eu não tenho um alerta de e-mails. no meu caso, eu tenho q exibir aquela janelinha pra avisar à pessoa que ela tem ações pendentes (se tiver), quando ele logar logar.

O meu grande problema é q eu naum sei como configurar a div pra exibir uma barra de título com botão fechar.

SÓ ISSO!!!

se alguém puder me ajudar, vou ficar mto grato!

Abraços a todos!

[programador php 0]

<div id="popup" style="display:none;">
		<div id="alerta">
			<div id="botFechar" onclick="mostraDiv("popup");">Fechar</div>
				<h4>Carregando...</h4>
		</div>
	</div>

a funcao mostraDiv muda o display do elemento para none ou para block

 

 

#popup {
	position: fixed !important;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	bottom: 0px;
	left: 0px;
}


/* centraliza no meio da tela o popup */
#alerta {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 400px;
	margin-top: -75px;  /* 500/2 = 250. */
	margin-left: -200px; /* 500/2 = 250. */
	text-align: center;
	z-index: 999;
}

#botFechar {
	text-align: right; 
	cursor: pointer; 
	width: 50px; 
	float: right;
}

 

qualquer duvida volte a postar

 

abraço

[saulo-jitsu 0]

naum entendi a função mostraDiv...

=/

[saulo-jitsu 0]

me expressei mal.

eu entendi o q ela faz, mas não como ela faz!

 

outra coisa: eu preciso de um configuração pra mostrar uma barrinha de títulos com um botão para fechar...

eu não sei como fazer essa barra de títulos...

[brcontainer 16]

bem programador php você poz isso

onclick="mostraDiv("popup");"

porem não colocou a script =/

 

assim não irá fazer diferença

poste o resto do código ;)

[programador php 0]

a funcao mostraDiv muda o display do elemento para none ou para block

/* oculta e exibe uma div */
function mostraDiv(iddiv){
	var theitem = document.getElementById(iddiv);
	if (theitem.style.display == 'none') {
		theitem.style.display = 'block';
	} else {
		theitem.style.display = 'none';
	} 
}

a barra que quer é a div com id=botFechar

 

 

qualquer coisa

 

estamos ai

[saulo-jitsu 0]

vlw cara!

você ajudou bastante!!!

 

só q eu arranjei um jeito mais fácil de fazer a função:

<a href="java script:;" onclick="document.getElementById('id_janelinha').style.display='none';">Fechar</a>

mas vlw mto a ajuda da galera..

vou finalizar aqui e posto o código pra vcs!

abração

[brcontainer 16]

Dica:

troque isso

<a href="java script:;"

por isso:

<a href="java script:void();"

ou isso:

<a href="#"

pois no FF java script:; em vazio chama o console de erros

 

qualquer coisa volte a postar ;)

[saulo-jitsu 0]

eu ja tinha mudado para a href="#", só deixei assim pq foi o jeito q eu encontrei.