Exemplo De <div> </div> (codigo Anexo)

jissa · Julho 22, 2003

Como já vi um monte de Post sobre como fazer uma janela aparecer ou deixar fixa.. bem.. peguei um exemplo que foi passado aqui e mudei um pouco diminui o tamanho da Janela que abre e coloquei um Link para fechar.. pode ser utilizado botoes ou Imagens... coloquei como Link para poder postar aqui....

só copiar e colar no seu Editor.. e adaprar as suas necessidades...

Boa Sorte

<html>
<head>
<script language="JavaScript1.2">

var ie=document.all
var dom=document.getElementById
var ns4=document.layers

var bouncelimit=32 
var direction="up"

function initbox(){
if (!dom&&!ie&&!ns4)
return
crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
crossobj.top=scroll_top-200
crossobj.visibility=(dom||ie)? "visible" : "show"
dropstart=setInterval("dropin()",50)
}

function dropin(){
scroll_top=(ie)? document.body.scrollTop : window.pageYOffset
if (parseInt(crossobj.top)<100+scroll_top)
crossobj.top=parseInt(crossobj.top)+30
else{
clearInterval(dropstart)
bouncestart=setInterval("bouncein()",40)
}
}

function bouncein(){
crossobj.top=parseInt(crossobj.top)-bouncelimit
if (bouncelimit<0)
bouncelimit+=8
bouncelimit=bouncelimit*-1
if (bouncelimit==0){
clearInterval(bouncestart)
}
}

function dismissbox(){
if (window.bouncestart) clearInterval(bouncestart)
crossobj.visibility="hidden"
}


window.onload=initbox

</script>


</div>
</head>

<body>
<div id="dropin" style="position:absolute; visibility:hidden;left:209;top:100;width:271;height:114;background-color:#F5F5F5">
<div align="right"><a href="#" onClick="dismissbox();return false">[X] </a></div>
Aqui entra seu Texto suas Imagens.. pode-se criar links, botoes, etc...

<div align="left"><a href="#" onClick="dismissbox();return false">[Clique aqui ou no [X] para fechar, se quiser coloca um botao.. faca mais bonito] </a></div>
</div>

Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>
Seu Site Normal com as Figurar e Textos e qualquer coisa que colocar........<br>

<a href="#" onClick="initbox();return false">[Abrir Novamente] </a></div>
</body>

</html>

diraol · Julho 22, 2003

Jissa.... você é O cara....hehehehe

sempre prevendo os problemas!!!!!

e ensinando coisas novas...

valeu pelo Post..... :)

quer dizer... mais esse post!!!!! ;)

JoHnNy · Julho 22, 2003

Tem como fazer sem ele ficar "pulando", logo que ele carrega a página???

jissa · Julho 22, 2003

só abrindo o monitor e tirando as molas... heheheheh

brincadeira...

Voce diz.. descendo e parando.. ou aparecendo direto.. junto com a pagina...???

JoHnNy · Julho 22, 2003

Apenas aparecendo direito....

E PUTZ!!!! ABRI MEU MONITOR E NÃO VI NENHUMA MOLINHA!!!!! :angry:

HEHE

jissa · Julho 23, 2003

procura direito... joga ele no chao.. elas estao ai em algum lugar...

faz assim.. para manter a funcionalidade.. só coloque em comentarios as tres linhas conforme abaixo.... de uma testada.. qualquer coisa.. compra outro monitor acessa a Internet.. e Posta ai.. :)

function initbox(){

if (!dom&&!ie&&!ns4)

return

crossobj=(dom)?document.getElementById("dropin").style : ie? document.all.dropin : document.dropin

//scroll_top=(ie)? document.body.scrollTop : window.pageYOffset

//crossobj.top=scroll_top-200

crossobj.visibility=(dom||ie)? "visible" : "show"

//dropstart=setInterval("dropin()",50)

}

JoHnNy · Julho 23, 2003

Bem.... o código funcionou.....

E EU ACHEI A MALDITA MOLA!!! PAROU!!! PENA QUE O MONITOR TAMBÉM.......

:(

jissa · Julho 23, 2003

legal.. coloca um .gif para fechar fica legal.. se não tiver pega um destes aqui

ou um outro qualquer...

JoHnNy · Julho 23, 2003

é... eu já ia mudar... mas ia mudar para "fechar janela"... mas vou usar as gifs......

jissa · Julho 23, 2003

uma coisa que o DIRAOL perguntou sobre deixar transparente... :

vou postar aqui tb se alguém precisar...

(Bom para se colocar imagens.. não aparece o fundo do quadro.. legal ?)

AnaoScript · Julho 23, 2003

Jissa.... você é O cara....hehehehe
sempre prevendo os problemas!!!!!
e ensinando coisas novas...
valeu pelo Post.....
quer dizer... mais esse post!!!!!

que paga pal sem vergonha hehehehe :D

Ae ao contrario dos meus scripts os seus estão maneiros e esse tb continue ae enssinando a nóis

T+

diraol · Julho 23, 2003

Fico com ciumes anão??? hehehe...

você também tem umas idéias lokas... gostei dakele form. flutuante............hehehehe.........

os efeitos alfa (q você tanto ama) são legais também.....

David Elias · Julho 23, 2003

Very Nice :D

Eu tinha uma coisa parecida mas não tava muito bom :rolleyes: e queria também fazer tipo as janelas dos programas desktop.

Ou seja ter uma barra em cima que ao clicar e manter o botão premido podia arrastar a janela. De qualquer maneira ando a investigar :D

jissa · Julho 23, 2003

Davi..

me explica melhor o que ta querendo fazer...

tipo um pop que possa mudar a posição quando clica com o botao??

Se for.. acho uma boa ideia.. acho que nem é muito complicado de se fazer...

David Elias · Julho 23, 2003

É isso ai :D

jissa · Julho 23, 2003

Vou tentar.. mas acho que vai precisar ser uma Imagem para mover... bem deixa eu tentar depois qualquer coisa posto aqui..

jissa · Julho 25, 2003

Ae.. Olha o Outro tópico Sobre DIV.. é isto que quer???

PERNAMBUCO_FJV · Outubro 20, 2003

aeaeaehaeahuheahae

só doido aqui!!

jissa · Outubro 20, 2003

Poe Doido nisto..

André Gusmão · Outubro 20, 2003

Falando em DIV, ninguém achou ainda a solução de porque os DIV's sempre ficam atrás dos SELECT's?

jissa · Outubro 20, 2003

Como assim Andre??..

tem um exemplo ai do problema.. passa pra mim.. tento ver.... derrepente..

André Gusmão · Outubro 20, 2003

Faz assim:

cria um listbox na tela:

<OPTION>OPCAO A</OPTION>

<OPTION>OPCAO B</OPTION>

<OPTION>OPCAO C</OPTION>

<OPTION>OPCAO D</OPTION>

<OPTION>OPCAO E</OPTION>

</SELECT>

agora cria um layer posicionado sobre o listabox:

Isso é um teste<BR>

De como o layer<BR>

Sempre fica<BR>

Atrás do SELECT

</DIV>

agora tenta fazer com que o DIV sobreponha o SELECT.

já tentei de tudo e não achei a solução

jissa · Outubro 20, 2003

Andre... a solucao para seu problema, fiz uma "gambiarrinha" ai.. da uma olhada

<html>

<body>

<A href="#" onclick="return false;"

onmouseover="document.getElementById('mydiv').style.visibility='';document.getElementById('AndreGusmao').style.visibility='hidden';"

onmouseout ="document.getElementById('mydiv').style.visibility='hidden';document.getElementById('AndreGusmao').style.visibility='';"

>Andre Coloque o Mouse aqui... vai ver que funciona</A>

<P>

<tr>

André...

Esta DIV<br>

Consegue Sobrepor<br>

Um Campo Select<br>

ou qualquer outra coisa que queira<br>

Boa Sorte<br>

<b><font size="2">jair.issa@linksat.com.br</font></b><br>

<b><font size="2" color="#FF0000">Projetos e Desenvolvimento de Sistemas</font></b><br>

</tr>

</table>

</td>

</tr>

</table>

</div>

<table>

<tr>

</tr>

<tr>

<OPTION>OPCAO A</OPTION>

<OPTION>OPCAO B</OPTION>

<OPTION>OPCAO C</OPTION>

<OPTION>OPCAO D</OPTION>

<OPTION>OPCAO E</OPTION>

</SELECT>

</tr>

</table>

</div>

</body>

</html>

Dezembro 20, 2007

opa bom dia

peguei o codigo e queria ver se tem como fazer como fechar essa janelinha sem u "X" tipo depois de 10s ela fecha automaticamente tem como?

Entrar

Exemplo De <div> </div> (codigo Anexo)

Pergunta

Link para o comentário

Compartilhar em outros sites

23 respostass a esta questão

Posts Recomendados

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Link para o comentário

Compartilhar em outros sites

Guest --Lucas --

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns