tutoriais
Photoshop
Flash
FrontPage
Dreamweaver
Dhtml
Html
ASP
PHP
jogos
Homepage
Antevisões
Análises
Top 10
Demos
Jogos Online
Códigos/Cheats
Galerias
Gifs Animados
Clipart
Sons
Fontes
Scripts
fóruns
Tecnologia
Software
Hardware
Flash
TUTORIAIS DE DHTML
Uma janela de mensagem sempre em primeiro plano.
Uma janela de mensagem que podemos minimizar e está sempre em primeiro plano.
Demo
: Podes mover e minimizar a janela
1. Inserir entre os
tags
<HEAD>...</HEAD>:
<!--[if IE]> <style> <!-- .drag{position:relative;cursor:hand } #scontentmain{ position:absolute; width:150px; } #scontentbar{ background-color:green; cursor:hand; position:absolute; height:15; width:100%; top:0; } #scontentsub{ background-color:lightyellow; border:2px solid green; position:absolute; width:100%; top:15; padding:2px; } --> <script language="JavaScript1.2"> <!-- // Dynamic Drive (www.dynamicdrive.com) var dragapproved=false var zcor,xcor,ycor function movescontentmain(){ if (event.button==1&&dragapproved){ zcor.style.pixelLeft=tempvar1+event.clientX-xcor zcor.style.pixelTop=tempvar2+event.clientY-ycor leftpos=document.all.scontentmain.style.pixelLeft-document.body.scrollLeft toppos=document.all.scontentmain.style.pixelTop-document.body.scrollTop return false } } function dragscontentmain(){ if (!document.all) return if (event.srcElement.id=="scontentbar"){ dragapproved=true zcor=scontentmain tempvar1=zcor.style.pixelLeft tempvar2=zcor.style.pixelTop xcor=event.clientX ycor=event.clientY document.onmousemove=movescontentmain } } document.onmousedown=dragscontentmain document.onmouseup=new Function("dragapproved=false") //--> </script> <![endif]-->
Pode-se configurar na parte <style>:
a cor da barra da janela
#scontentbar
{background-color:green;
a cor de fundo da mensagem e as caraterísticas da borda da janela
#scontentsub
{background-color:lightyellow;
border:2px solid green;
2. Inserir entre os
tags
<BODY>...</BODY>:
<!--[if IE]> <div id="scontentmain"> <div id="scontentbar" > <img align="right" src="../../../imagens/tutoriais/dhtml/ah_00005_01.gif" onClick="onoffdisplay()"> </div> <div id="scontentsub"> Vossa mesagem aqui ! </div> </div> </div> <script language="JavaScript1.2"> // Dynamic Drive // A posição inicial da caixa de mensagens // Respectivamente var w para a posição horizontal e var h para a posição vertical var w=document.body.clientWidth-195 var h=50 ////NÃO alterar mais nada depois desta linha/////////// w+=document.body.scrollLeft h+=document.body.scrollTop var leftpos=w var toppos=h scontentmain.style.left=w scontentmain.style.top=h function onoffdisplay(){ if (scontentsub.style.display=='') scontentsub.style.display='none' else scontentsub.style.display='' } function staticize(){ w2=document.body.scrollLeft+leftpos h2=document.body.scrollTop+toppos scontentmain.style.left=w2 scontentmain.style.top=h2 } window.onscroll=staticize </script> <![endif]-->
Aqui modifica-se:
O título da janela
O conteúdo da janela.
O endereço da imagem de minimizar (ver abaixo).
3. Copiar a imagem seguinte e coloca-la no mesmo repertório do script.:
ANÚNCIOS
Tutoriais
|
Fóruns de Discussão
|
Notícias
|
Jogos
|
Dicas
|
Flash
|
Downloads
|
Livros
Gifs Animados
|
Loja Online
|
Publicitar no Truques e Dicas
|
Contactos
Photoshop
