Jump to content
Fórum Script Brasil
  • 0

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


jissa

Question

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>

Link to comment
Share on other sites

23 answers to this question

Recommended Posts

  • 0

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

sempre prevendo os problemas!!!!!

e ensinando coisas novas...

valeu pelo Post..... :)

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

Link to comment
Share on other sites

  • 0

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)

}

Link to comment
Share on other sites

  • 0

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 ?)

<div id="dropin" style="position:absolute; visibility:hidden;left:209;top:100;width:271;height:114;background-color:transparent">

Link to comment
Share on other sites

  • 0
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+

Link to comment
Share on other sites

  • 0

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.....

Link to comment
Share on other sites

  • 0

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...

Link to comment
Share on other sites

  • 0

Faz assim:

cria um listbox na tela:

<SELECT SIZE="5">

<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:

<DIV STYLE="position:absolute;left:0;top:0;width:100;height:100">

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

Link to comment
Share on other sites

  • 0

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>

<div id="mydiv" style="visibility:hidden;position:absolute;z-index:1">

<table cellspacing="0" cellpadding="0" width="303">

<tr>

<td bgcolor='#CCCCCC' width="303">

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>

<div style="position:absolute;top:40px;z-index:0">

<table>

<tr>

</tr>

<tr>

<SELECT id="AndreGusmao" SIZE="5">

<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>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.1k
    • Total Posts
      652k
×
×
  • Create New...