clicar no link >> abre um div por cima do conteúdo >> com um link pra fechar a div
até consegui fazer abrir a div clicando no link, mas só consigo posicionar ela no meio de tela com "position:absolute" definido pelo css, até onde sei isso seria errado não?
então como eu faria pra posicionar ela no meio da tela com o próprio js? tem meio?
e outra coisa, pelo js que eu fiz, eu acho que teria que criar uma função pra cada div que eu quiser abrir, teria como fazer uma função de js "geral" para abrir quantas div's eu quiser, só tendo que definir o id delas pelo css?
meu js:
<script type="text/javascript"> function fechar(){ document.getElementById('div1').style.display = 'none'; document.getElementById('div1').style.display = 'none'; } function abrir(){ document.getElementById('div1').style.display = 'block'; document.getElementById('div1').style.display = 'block'; } </script>
meu css:
#div1 { height:17px; width:640px;display:none; z-index:3; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; background:#000000;} #div1 a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;} #div1 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:none; font-weight:bold;} #escurece { width:782px; height:560px; position:absolute; background:#000000; top:0px; left:0px; display:none; z-index:2; opacity: 0.65; filter: alpha(opacity=65);}
link onde mostra ela em ação: click!