Jump to content
Fórum Script Brasil
  • 0

[resolvido] Camadas


Yugi Moto

Question

Olá pessoal !!!

tenho umas perguntas a fazer sobre um script que baixei do site SB !!!

<html>

<head>

<title>Nova pagina 1</title>

<script type="text/javascript">

var ie=document.all;
var nn6=document.getElementById&&!document.all;
var isdrag=false;
var x,y;
var dobj;

function movemouse(e)
{
  if (isdrag)
  {
    dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x;
    dobj.style.top  = nn6 ? ty + e.clientY - y : ty + event.clientY - y;
    return false;
  }
}

function selectmouse(e)
{
  var fobj       = nn6 ? e.target : event.srcElement;
  var topelement = nn6 ? "HTML" : "BODY";
  while (fobj.tagName != topelement && fobj.className != "dragme")
  {
    fobj = nn6 ? fobj.parentNode : fobj.parentElement;
  }

  if (fobj.className=="dragme")
  {
    isdrag = true;
    dobj = fobj;
    tx = parseInt(dobj.style.left+0);
    ty = parseInt(dobj.style.top+0);
    x = nn6 ? e.clientX : event.clientX;
    y = nn6 ? e.clientY : event.clientY;
    document.onmousemove=movemouse;
    return false;
  }

}

document.onmousedown=selectmouse;
document.onmouseup=new Function("isdrag=false");


</script>
<style type="text/css">
body{
padding: 10px;
margin: 10px;
}
.dragme{
position:relative;
width: 400px;
padding: 10px;
font: 9pt sans, arial;
text-decoration: none;
cursor: pointer;
display: block;
}
</style>
</head>

<body>
<a herf="#" class="dragme" style="border-top: 4px solid #c3d9ff; border-left: 1px solid #c3d9ff; border-bottom: 1px solid #c3d9ff; border-right: 1px solid #c3d9ff;">Cique e arraste.</a>
<a herf="#" class="dragme" style="border-top: 4px solid #f00; border-left: 1px solid #f00; border-bottom: 1px solid #f00; border-right: 1px solid #f00;">Cique e arraste.</a>
</body>
</html>
eu tava querendo que os paineis continuassem moveis, porem adicionando o botão "X" para fecha-las ( fazer um HIDE ) o "X" eu tentei fazer assim...
// a função...

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

//chamando a função...
<div align="right"><a class="link" href="java script:dismissbox()"><FONT FACE="Verdana" SIZE="-2"><B>X</B></FONT></a>

o erro foi total...pelo seguinte motivo

<a herf="#" class="dragme"....

no script ele já esta chamando uma class, e não sei como fazer ele chamar mais de uma class..

2º Duvida.

Gostaria de fazer com que os quadros fiquem em "hide", e um por padrão fique SHOW, isso é possível ??

e claro, fazer com que os demais abram com um link.

Desde já agradeço.

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

1ª dúvida

acrescentei esta função ao js

function esconde(parId){
    document.getElementById(parId).style.display = 'none';
}
e o código em vermelho na sua div
<a herf="#" class="dragme" id="div1" style="border-top: 4px solid #c3d9ff; border-left: 1px solid #c3d9ff; border-bottom: 1px solid #c3d9ff; border-right: 1px solid #c3d9ff;"><div onclick="java script:esconde('div1');">[X]Fechar</div> -- Cique e arraste.</a> <a herf="#" class="dragme" id="div2" style="border-top: 4px solid #f00; border-left: 1px solid #f00; border-bottom: 1px solid #f00; border-right: 1px solid #f00;"><div onclick="java script:esconde('div2');">[X]Fechar</div> -- Cique e arraste.</a>
para chamar mais de uma classe
<div class="classe1 classe2"></div>

2ª duvida

é possivel sim, utilize uma classe para cada div e já inicie com um deles como hide, depois pode só adaptar a função que eu acrescenter para esconder ou mostrar a div

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
      152k
    • Total Posts
      651.6k
×
×
  • Create New...