Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

configurar o alert personalizado

14-06-2007 19:34

Olá, vi este artigo para personalizar o alert, muito bom e funciona perfeitamente.

viewtopic.php?t=760&highlight=alert+personalizado

Gostaia de saber se seria possível fazer algumas alterações, como por exemplo:

Um news, entao mosta o titulo das noticias, qdo clicasse no titulo ativa este alert, porém o tamanho maior, ate ai é facil, mas o complicado é o seguinte...

gostaria de personalizalo, que o conteudo do mesm fosse dinamico, tipo um layer, que ele pegasse o conteudo em uma consulta no banco de dados, por valores passados pela get.

não sei se este é o mais facil, mas qdo vi este script me veio esta idéia na cabeça.

se tiver como, ou algum outro parecido, por favor,me ajude.

valeu
0
MIDZ.com.br
http://www.midz.com.br
Soluções Web
 
Avatar do usuário
ADMIN
ADMIN
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

configurar o alert personalizado

14-06-2007 20:43

Vou dividir em partes.

CSS

<style type="text/css"> /* div da mascara */ .div{ position:absolute; top:0; left:0; z-index:1; background-color:#ffffff; filter:Alpha(Opacity=0,FinishOpacity=0,Style=2,StartX=100,StartY=100,FinishX=100,FinishY=1); -moz-opacity:0.0;opacity:0.0; width:100%; height:100%; display:none; }   /* esse é o div do conteúdo */ .div2 { position:absolute; background-color:#f9f9f9; border:1px solid #cccccc; padding:3px 3px 3px 3px; top:45%; left:45%; z-index:2; display:none; }   /* esse do fechar */ .div3 { position:absolute; border:1px solid #cccccc; padding:3px 3px 3px 3px; top:40%; left:45%; z-index:3; display:none; cursor:hand; } </style>

JAVASCRIPT

<script type="text/javascript"> try{ xmlhttp = new XMLHttpRequest(); } catch(ee){ try{ xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e){ try{ xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); } catch(E){ xmlhttp = false; } } } function abre(arquivo,metodo){ xmlhttp.open(metodo,arquivo); xmlhttp.onreadystatechange=conteudo xmlhttp.send(null) } function conteudo() { document.getElementById('div2').innerHTML="<div style='top:50%;left:50%;position:absolute;'>carregando...</div>" if (xmlhttp.readyState==4){ document.getElementById('div2').innerHTML=xmlhttp.responseText } } </script>   <script> function mostra() { document.getElementById("div").style.display="block"; document.getElementById("div2").style.display="block"; document.getElementById("div3").style.display="block"; return false; }   function fechar() { document.getElementById("div").style.display="none"; document.getElementById("div2").style.display="none"; document.getElementById("div3").style.display="none"; } </script>

HTML

<div style='position:absolute;top:50%;left:50%;'>   <a href="javascript:mostra();abre('documentotal.php','GET');">abre</a>   </div><div class="div" id="div"></div> <div class="div2" id="div2" style="display:none;"></div> <div class="div3" id="div3" style="display:none;" title="Click para fechar" onClick="javascript:fechar()" title="Fechar">X</div>

1
A melhor hospedagem para o seu site HostGator!
 
Mais de 100 postagens
Mais de 100 postagens
Tópico Autor
Mensagens: 237
Localização: Florianópolis/SC
Contato:

configurar o alert personalizado

14-06-2007 21:40

ótimo, muito bom mesmo!!!

vou acertar as cores com o layout do site e depois posto aqui o endereço para voces verem como ficou!!

valeu mesmo
0
MIDZ.com.br
http://www.midz.com.br
Soluções Web

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado